.elementor-4900 .elementor-element.elementor-element-9ed529d{--display:flex;--min-height:600px;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:160px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-4900 .elementor-element.elementor-element-9ed529d:not(.elementor-motion-effects-element-type-background), .elementor-4900 .elementor-element.elementor-element-9ed529d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://razanverse.com/wp-content/uploads/2026/02/shadow-5.png");background-position:bottom right;background-repeat:no-repeat;}.elementor-4900 .elementor-element.elementor-element-585edb2{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4900 .elementor-element.elementor-element-a1ae40e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4900 .elementor-element.elementor-element-a1ae40e .tr-heading{text-align:center;}.elementor-4900 .elementor-element.elementor-element-a1ae40e .tr-title{font-size:70px;font-weight:900;}.elementor-4900 .elementor-element.elementor-element-230fd9a{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-4900 .elementor-element.elementor-element-230fd9a:not(.elementor-motion-effects-element-type-background), .elementor-4900 .elementor-element.elementor-element-230fd9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4900 .elementor-element.elementor-element-9fb6478{--display:flex;--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;}.elementor-4900 .elementor-element.elementor-element-67a9776{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4900 .elementor-element.elementor-element-a3a0221 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-heading{text-align:left;}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-sub-heading{padding:0px 0px 10px 25px;text-transform:uppercase;}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-title{font-size:30px;text-transform:uppercase;}.elementor-4900 .elementor-element.elementor-element-8d7a1d1 .tr-icon svg{width:30px;height:30px;}.elementor-4900 .elementor-element.elementor-element-8d7a1d1 .tr-icon{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4900 .elementor-element.elementor-element-8d7a1d1 .tr-icon path{fill:var( --e-global-color-3ade802 );}.elementor-4900 .elementor-element.elementor-element-b8877a9{--display:flex;}.elementor-4900 .elementor-element.elementor-element-b0707e9{width:100%;max-width:100%;padding:60px 30px 60px 30px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4900 .elementor-element.elementor-element-b0707e9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-type-html{padding-bottom:0px;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4900 .elementor-element.elementor-element-b0707e9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4900 .elementor-element.elementor-element-73a5e84{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}@media(max-width:1200px){.elementor-4900 .elementor-element.elementor-element-b0707e9{width:var( --container-widget-width, 470.993px );max-width:470.993px;--container-widget-width:470.993px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-title{font-size:30px;line-height:1.3em;}}@media(max-width:880px){.elementor-4900 .elementor-element.elementor-element-67a9776{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4900 .elementor-element.elementor-element-b8877a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-4900 .elementor-element.elementor-element-9ed529d{--min-height:400px;--padding-top:180px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4900 .elementor-element.elementor-element-585edb2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4900 .elementor-element.elementor-element-a1ae40e{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-4900 .elementor-element.elementor-element-a1ae40e .tr-heading{text-align:center;}.elementor-4900 .elementor-element.elementor-element-a1ae40e .tr-title{font-size:38px;line-height:1.2em;}.elementor-4900 .elementor-element.elementor-element-67a9776{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-sub-heading{text-align:center;display:inline-block;}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-heading{text-align:center;}.elementor-4900 .elementor-element.elementor-element-a3a0221 .tr-title{font-size:18px;}.elementor-4900 .elementor-element.elementor-element-b0707e9{padding:20px 12px 10px 12px;--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}}/* Start custom CSS for form, class: .elementor-element-b0707e9 *//* ===========================================================
   RAZANVERSE — CONTACT PAGE FORM ONLY
   Scoped to .elementor-element-b0707e9
   Paste into: Appearance → Customize → Additional CSS
   (Keep your existing footer form CSS as well.)
   =========================================================== */

/* ---------- form shell ---------- */
.elementor-element-b0707e9 {
  max-width: 680px;
  margin: 0 auto;
  background: #0d0d0d;
  border: 1px solid #1e2126;
  border-radius: 18px;
  padding: 36px 32px 38px;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.elementor-element-b0707e9 .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  gap: 0 16px !important;
}

/* ---------- labels ---------- */
.elementor-element-b0707e9 .elementor-field-label {
  display: block !important;
  font-size: 11px !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
}

.elementor-element-b0707e9 .elementor-field-required .elementor-field-label:after {
  content: "*";
  color: #ff4d5a;
  margin-left: 3px;
}

/* ---------- NAME + EMAIL: equal halves, same line ---------- */
.elementor-element-b0707e9 .elementor-field-group-name,
.elementor-element-b0707e9 .elementor-field-group-email {
  flex: 1 1 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  padding: 0 !important;
  margin-bottom: 34px !important;
}

.elementor-element-b0707e9 input[type="text"],
.elementor-element-b0707e9 input[type="email"] {
  background: #1c2027 !important;
  border: 1px solid #262a30 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 14px 16px !important;
  height: 50px !important;
  width: 100% !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.elementor-element-b0707e9 input::placeholder,
.elementor-element-b0707e9 textarea::placeholder {
  color: #98a0aa !important;
}

.elementor-element-b0707e9 input[type="text"]:focus,
.elementor-element-b0707e9 input[type="email"]:focus,
.elementor-element-b0707e9 textarea:focus {
  outline: none !important;
  border-color: #c9f31d !important;
  box-shadow: 0 0 0 3px rgba(201, 243, 29, .10);
}

/* ---------- SERVICE PILLS ---------- */
.elementor-element-b0707e9 .elementor-field-type-checkbox {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 34px !important;
}

.elementor-element-b0707e9 .elementor-field-type-checkbox .elementor-field-label {
  margin-bottom: 14px !important;
}

.elementor-element-b0707e9 .elementor-field-subgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
}

.elementor-element-b0707e9 .elementor-field-option {
  position: relative;
  display: inline-flex;
  margin: 0 !important;
  padding: 0 !important;
}

/* kill the native tick box */
.elementor-element-b0707e9 .elementor-field-option input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* the pill — outlined, never solid-filled */
.elementor-element-b0707e9 .elementor-field-option label {
  position: relative;
  z-index: 2;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  margin: 0 !important;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .02);
  border: 1px solid #2c3038;
  color: #aeb4bc;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.2;
  transition: color .25s ease, border-color .25s ease, background .25s ease;
}

.elementor-element-b0707e9 .elementor-field-option label:hover {
  color: #ffffff;
  border-color: #565e69;
}

/* SELECTED — outline only, no fill */
.elementor-element-b0707e9 .elementor-field-option input:checked + label {
  color: #c9f31d;
  border-color: #c9f31d;
  background: rgba(201, 243, 29, .07);
}

/* ---------- SMOKE PUFF ---------- */
.elementor-element-b0707e9 .elementor-field-option input:checked + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220%;
  height: 400%;
  transform: translate(-50%, -50%) scale(.35);
  background: radial-gradient(closest-side,
              rgba(201, 243, 29, .60) 0%,
              rgba(201, 243, 29, .25) 45%,
              rgba(201, 243, 29, 0) 75%);
  filter: blur(22px);
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: rzvSmokeContact 1.1s cubic-bezier(.2, .7, .3, 1) forwards;
}

@keyframes rzvSmokeContact {
  0%   { opacity: 0;   transform: translate(-50%, -50%) scale(.35); }
  35%  { opacity: 1;   transform: translate(-50%, -50%) scale(1);   }
  100% { opacity: 0;   transform: translate(-50%, -50%) scale(1.5); }
}

/* ---------- MESSAGE TEXTAREA ---------- */
.elementor-element-b0707e9 .elementor-field-type-textarea {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-element-b0707e9 textarea {
  background: #1c2027 !important;
  border: 1px solid #262a30 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  padding: 14px 16px !important;
  width: 100% !important;
  min-height: 110px !important;
  resize: vertical;
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* ---------- SUBMIT ---------- */
.elementor-element-b0707e9 .e-form__buttons {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-top: 32px !important;
}

.elementor-element-b0707e9 .elementor-button[type="submit"] {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #c9f31d !important;
  color: #0a0a0a !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 17px 30px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(201, 243, 29, .18);
  transition: transform .25s cubic-bezier(.2, .7, .3, 1), box-shadow .3s ease;
}

.elementor-element-b0707e9 .elementor-button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(201, 243, 29, .38);
}

/* light sweep */
.elementor-element-b0707e9 .elementor-button[type="submit"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg,
              rgba(255,255,255,0) 0%,
              rgba(255,255,255,.5) 50%,
              rgba(255,255,255,0) 100%);
  transform: skewX(-18deg);
  transition: left .6s cubic-bezier(.2, .7, .3, 1);
}

.elementor-element-b0707e9 .elementor-button[type="submit"]:hover:before {
  left: 120%;
}

/* ---------- messages ---------- */
.elementor-element-b0707e9 .elementor-message {
  flex: 0 0 100%;
  font-size: 13px !important;
  margin-top: 16px !important;
}

.elementor-element-b0707e9 .elementor-message-success {
  color: #c9f31d !important;
}

.elementor-element-b0707e9 .elementor-message-danger {
  color: #ff6b75 !important;
}

/* ---------- mobile ---------- */
@media (max-width: 767px) {
  .elementor-element-b0707e9 {
    padding: 28px 20px 30px;
  }
  .elementor-element-b0707e9 .elementor-field-group-name,
  .elementor-element-b0707e9 .elementor-field-group-email {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }
  .elementor-element-b0707e9 .elementor-field-type-checkbox {
    margin-bottom: 26px !important;
  }
  .elementor-element-b0707e9 .elementor-field-option label {
    font-size: 10.5px;
    padding: 9px 14px;
    letter-spacing: .5px;
  }
  .elementor-element-b0707e9 .elementor-field-subgroup {
    gap: 9px !important;
  }
  .elementor-element-b0707e9 textarea {
    min-height: 95px !important;
  }
  .elementor-element-b0707e9 .e-form__buttons {
    margin-top: 26px !important;
  }
}

/* ============================================================
   RAZANVERSE CONTACT PAGE FORM — 3-FIELD ROW (name / email / phone)
   Add this BELOW your existing contact form CSS (.elementor-element-b0707e9).
   Makes name, email, and phone three equal columns on one line and
   styles the new phone (tel) field to match the others.
   ============================================================ */

/* three equal fields on one line: name, email, phone */
.elementor-element-b0707e9 .elementor-field-group-name,
.elementor-element-b0707e9 .elementor-field-group-email,
.elementor-element-b0707e9 .elementor-field-group-phone,
.elementor-element-b0707e9 .elementor-field-type-tel {
  flex: 1 1 calc(33.333% - 11px) !important;
  max-width: calc(33.333% - 11px) !important;
  width: calc(33.333% - 11px) !important;
  padding: 0 !important;
  margin-bottom: 34px !important;
}

/* phone input matches text + email styling */
.elementor-element-b0707e9 input[type="tel"] {
  background: #1c2027 !important;
  border: 1px solid #262a30 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 14px 16px !important;
  height: 50px !important;
  width: 100% !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.elementor-element-b0707e9 input[type="tel"]::placeholder {
  color: #98a0aa !important;
}

.elementor-element-b0707e9 input[type="tel"]:focus {
  outline: none !important;
  border-color: #c9f31d !important;
  box-shadow: 0 0 0 3px rgba(201, 243, 29, .10);
}

/* stack all three on mobile */
@media (max-width: 767px) {
  .elementor-element-b0707e9 .elementor-field-group-name,
  .elementor-element-b0707e9 .elementor-field-group-email,
  .elementor-element-b0707e9 .elementor-field-group-phone,
  .elementor-element-b0707e9 .elementor-field-type-tel {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 22px !important;
  }
}/* End custom CSS */