@charset "utf-8";
/* ==========================================================================
   "Testing Form" schedule-demo page — visual refresh (CSS only).
   Everything is scoped under .schedule_demo_soft_main (unique to this
   template) so no other page/form sharing .contact_main / #contact_r_form
   is affected. No HTML, IDs, classes, or JS are changed.
   ========================================================================== */

:root{
  --sc-navy:#06305c;
  --sc-blue:#0b63ce;
  --sc-blue-dark:#003366;
  --sc-text:#26374a;
  --sc-border:#e3ebf3;
  --sc-radius-lg:16px;
  --sc-radius:12px;
  --sc-radius-sm:8px;
  --sc-shadow:0 16px 40px rgba(6,48,92,.10);
  --sc-ease:all .2s ease;
}

.schedule_demo_soft_main{
  max-width:1000px;
  margin:40px auto !important;
  padding:0 20px;
}

.schedule_demo_soft_main > h2{
  color:var(--sc-navy) !important;
  font-weight:700 !important;
  margin-bottom:8px !important;
}
.schedule_demo_soft_main > h2::after{
  content:"";
  display:block;
  width:60px;
  height:3px;
  margin:14px auto 0;
  background:linear-gradient(135deg, var(--sc-blue), var(--sc-navy));
  border-radius:2px;
}

.schedule_demo_soft_main .contact_form_main{
  background:#ffffff;
  border:1px solid var(--sc-border);
  border-radius:var(--sc-radius-lg);
  box-shadow:var(--sc-shadow);
  padding:36px 40px !important;
  margin-top:28px !important;
  overflow:hidden !important; /* keep floated children (submit button) inside the card */
  box-sizing:border-box !important;
}

/* The page's own CSS lays these fields out with float + %-width + a fixed
   px margin, and the numbers don't sum cleanly (leaves a stray empty gap
   on the right). Taking over with CSS Grid instead gives an exact, honest
   gap and puts an end to fighting that float math. */
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  column-gap:8px;
}
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > p.cont_field,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > p.soft_main_number{
  float:none !important;
  width:auto !important;
  margin:0 0 16px !important;
}
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > p.soft_main_number,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > p:not(.cont_field):not(.soft_main_number),
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > .g-recaptcha,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > p.submit_btn_cont{
  grid-column:1 / -1;
}
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form > div[style*="clear"]{
  display:none !important;
}

.schedule_demo_soft_main .g-recaptcha{
  margin-bottom:8px !important;
}
.schedule_demo_soft_main .submit_btn_cont{
  margin-top:2px !important;
}

.schedule_demo_soft_main input[type="text"],
.schedule_demo_soft_main input[type="email"],
.schedule_demo_soft_main select,
/* beats the page's own "width:94%" rules (some of which target #country_c1/#state_c1
   by id), which otherwise left a dead gap on the right side of every field.
   [type] filters keep this from also catching the submit button. */
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form input[type="text"],
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form input[type="email"],
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form select,
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form #country_c1,
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form #state_c1,
/* the page also has per-field rules keyed by TWO ids (e.g. "#contact_r_form
   .soft_main_number #c_pnumber { width: 93% !important; }") which need an
   equally id-heavy selector to beat — one per field, matching its own
   wrapper class */
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #c_name,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #c_email,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .soft_main_number #c_pnumber,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #demo_for,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #userNo,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #country_c1,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #state_c1,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cindia #city_c1,
.schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .other #city_name_b{
  width:100% !important;
  height:44px !important;
  background:#ffffff !important;
  border:1px solid #d5dee7 !important;
  border-radius:var(--sc-radius-sm) !important;
  padding:0 12px !important;
  color:var(--sc-text) !important;
  font-size:14.5px !important;
  box-sizing:border-box !important;
  transition:var(--sc-ease);
}
.schedule_demo_soft_main select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%235c6b7c'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%235c6b7c' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  padding-right:34px !important;
}
.schedule_demo_soft_main input[type="text"]:focus,
.schedule_demo_soft_main input[type="email"]:focus,
.schedule_demo_soft_main select:focus{
  border-color:var(--sc-blue) !important;
  box-shadow:0 0 0 3px rgba(11,99,206,.15);
  outline:0;
}

.schedule_demo_soft_main label.error{
  color:#d5484d;
  font-size:13px;
  margin-top:4px;
}

.schedule_demo_soft_main .submit_btn_cont,
.schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form .submit_btn_cont{
  text-align:center !important;
  float:none !important;
  display:block !important;
  width:100% !important;
  margin:10px auto 0 !important;
}
.schedule_demo_soft_main .signup_btn{
  display:inline-block;
  width:auto !important;
  min-width:220px;
  height:auto !important;
  padding:13px 40px !important;
  border-radius:var(--sc-radius-sm) !important;
  background:linear-gradient(135deg, var(--sc-blue) 0%, var(--sc-blue-dark) 100%) !important;
  border:none !important;
  color:#ffffff !important;
  font-size:15px !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(6,48,92,.18);
  transition:var(--sc-ease);
}
.schedule_demo_soft_main .signup_btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(6,48,92,.24);
}

@media only screen and (max-width: 600px){
  /* stack the grid into a single column on mobile instead of the 2-up
     desktop layout */
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form{
    grid-template-columns:1fr;
  }

  /* the theme's global .contact_main rule (style.css) sets width:81% on the
     outer wrapper; widen it here, scoped to this page only */
  .schedule_demo_soft_main.contact_main{
    width:94% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .schedule_demo_soft_main .contact_form_main{ padding:26px 20px !important; }
  .schedule_demo_soft_main .signup_btn{ width:100% !important; }

  .schedule_demo_soft_main input[type="text"],
  .schedule_demo_soft_main input[type="email"],
  .schedule_demo_soft_main select,
  .schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form input[type="text"],
  .schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form input[type="email"],
  .schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form select,
  .schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form #country_c1,
  .schedule_demo_soft_main .contact_main.schedule_demo #contact_r_form #state_c1,
  /* same id-heavy specificity as the desktop block above, so mobile's 90%
     reliably wins here instead of that block's 100% leaking down */
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #c_name,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #c_email,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .soft_main_number #c_pnumber,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #demo_for,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #userNo,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #country_c1,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cont_field #state_c1,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .cindia #city_c1,
  .schedule_demo_soft_main .contact_main.schedule_demo .contact_form_main #contact_r_form .other #city_name_b{
    width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:block;
  }
}