/* ============================================================
   Evaluators Page — Engine Design System / Lantern Theme
   ============================================================ */

/* --- Engine DS tokens --- */
:root {
  --me-primary:    #0045D3;
  --me-cta:        #DE002B;
  --me-cta-hover:  #B80024;
  --n-100:  #F5F5F5;
  --n-150:  #ECECEC;
  --n-300:  #E5E0EB;
  --n-500:  #ABA7AF;
  --n-600:  #666666;
  --n-700:  #404040;
  --n-1000: #1A141F;
  --r-xl:   16px;
  --r-pill: 999px;
  --shadow-lg: 0 20px 44px rgba(0,60,92,0.28);
  --font-sans: "Zoho_Puvi_Regular";
--lh-body: 1.5;
}

strong{font-family: 'Zoho_Puvi_SemiBold';}

/* --- Flag sprites (flag images from sprite) --- */
.eval-flag-sprite { display:inline-block; background:url(../images/me-edu-sprite.png) no-repeat; width:25px; height:20px; vertical-align:middle; flex-shrink:0; }
.eval-flag-1 { background-position:-2px -65px; }
.eval-flag-2 { background-position:-32px -63px; }
.eval-flag-3 { background-position:-63px -63px; }
.eval-flag-4 { background-position:-93px -63px; }
.eval-popup select#country_state, .eval-popup select#ukcountry_region, .eval-popup select#zc-country {
	    margin-bottom: 20px;
}
/* --- Common nav / shared UI --- */
#comSubTree .comSubTree > ul > li { display:inline-block; padding:5px; }
#comSubTree { font-size:12px; line-height:20px; max-width:1160px; margin:0 auto; transition:all .2s ease-in 0s; width:100%; position:relative; z-index:9; top:0; }
#commonDiv  { display:none; }
.heading-menu { display:none; }
#fixedbtn { display:none !important; }
.comBnrTxt { background-image:none; }

/* --- Base --- */
body { font-family:var(--font-sans); font-size:16px; font-weight:300; background:#fff; margin:0; }

/* --- Hide old banner --- */
.com-banner { display:none; }

/* ── Page section: light surface background ──────────────── */
section {
  background: var(--n-100);
  padding: 40px 56px 88px;
  box-sizing: border-box;
}

/* ── Container ───────────────────────────────────────────── */
.container {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
#scroll { padding:0 !important; background:transparent; }
#scroll ul { padding:10px 0; }
div#scroll { text-align:inherit; }
.sec-pTB { padding-top:0 !important; padding-bottom:0 !important; }

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb {
  display: block;
  font-size: 13px;
  color: var(--n-1000);
  margin-bottom: 24px;
  line-height: 1.6;
}
.breadcrumb a { color:var(--n-600) !important; text-decoration:none; }
.breadcrumb a:hover { color:var(--me-primary); }

/* --- Hide empty head div --- */
.evaluator_head { display:none; }

/* ═══════════════════════════════════════════════════════════
   MAIN CARD — two-column grid (Lantern split layout)
═══════════════════════════════════════════════════════════ */
.fl.evaluator_form {
  display: grid !important;
  grid-template-columns: 0.82fr 1fr !important;
  float: none !important;
  align-items: stretch;
  margin: 0 !important;
  background: #fff;
  border-radius: var(--r-xl);
  overflow: visible;
  box-shadow: var(--shadow-lg);
  width: 100%;
  box-sizing: border-box;
}

/* ═══════════════════════════════════════════════════════════
   LEFT PANEL — blue gradient (contact info)
═══════════════════════════════════════════════════════════ */
.evaluator_form_section1 {
  width: auto !important;
  float: none !important;
  position: relative;
  background: linear-gradient(160deg, #0045D3 0%, #002F8B 100%);
  color: #fff;
  padding: 48px 44px;
  box-sizing: border-box;
  line-height: 1.6;
  margin: 0 !important;
  overflow: hidden;
  border-radius: var(--r-xl) 0 0 var(--r-xl);
}

/* Decorative circles */
.evaluator_form_section1::before {
  content: '';
  position: absolute;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  right: -120px; top: -110px;
  pointer-events: none;
}
.evaluator_form_section1::after {
  content: '';
  position: absolute;
  width: 220px; height: 220px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  left: -90px; bottom: -80px;
  pointer-events: none;
}

/* Main heading "We provide 24X5 free phone..." */
.evaluator_form_section1 h1 {
  font-size: 34px;
  line-height: 1.35;
  font-weight: 700;
  font-family: var(--font-sans);
  color: #fff !important;
  margin: 0 0 16px !important;
  position: relative;
  z-index: 1;
  font-family:'Zoho_Puvi_SemiBold';
}

/* Subtitle "you can send in your queries..." */
.evaluator_form_section1 p {
    font-size: var(--r-xl);
    line-height: var(--lh-body);
    letter-spacing: 0.01em;
  margin: 0 0 28px !important;
  position: relative;
  z-index: 1;
      color: rgba(255, 255, 255, 0.82);
    font-family:'Zoho_Puvi_Light';
}
.evaluator_form_section1 > p strong{color:#fff;}
.evaluator_form_section1 > p a {
  color: #BCD3FF;
  text-decoration: underline;
}

/* Divider before country cards */
.sep-brd-btm {
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 !important;
}

/* Contact list wrapper */
.contact-list {
  position: relative;
  z-index: 1;
}

/* Two country cards side-by-side per add-list */
.add-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

/* Each country block → frosted-glass card */
.add-list > div {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 14px;
}

/* Country heading (flag icon + country name) */
.contact-list h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
  line-height: 1.4;
  font-family: var(--font-sans);
}
/* .m0 wrapper inside h3 */
.contact-list h3 .m0 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Phone numbers */
.add-list > div > div {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 2;
}

/* "Toll free" / "Govt" pill badge */
.num-text {
  display: inline-block;
  margin-left: 5px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  background: rgba(255, 255, 255, 0.12);
  padding: 3px 9px;
  border-radius: 999px;
  vertical-align: middle;
}

/* ── Contact list redesign ───────────────────────────────── */
.contact-list h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 30px !important;
    padding: 0;
    position: relative;
    z-index: 1;
}

.contact-card {
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}

.email-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.email-icon-wrap {
  width: 46px;
  height: 46px;
  background: rgba(255,255,255,0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.email-info {
  display: flex;
  flex-direction: column;
}

.card-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
  margin-bottom: 5px;
}

.email-addr {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  font-family: var(--font-sans);
  word-break: break-all;
}

.contact-card h3 {
  font-size: 12px !important;
  margin: 0 0 12px !important;
}

.phone-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 0;
}

.phone-row > span:first-child {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  font-family: var(--font-sans);
}

.phone-row .num-text {
  margin-left: 8px;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════
   RIGHT PANEL — white form area
═══════════════════════════════════════════════════════════ */
.evaluator-form-section2 {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  position: relative;
  background: #fff;
  padding: 48px;
  box-sizing: border-box;
  border-radius: var(--r-xl) var(--r-xl);
}

.evaluator-form-section2 .preloader_images { width:100%; height:700px; background:#fff; position:absolute; z-index:999; }
.evaluator-form-section2 .preloader_images img { margin:40% auto 0; }

/* Strip the eval-popup card chrome — right panel IS the card now */
.wrapper.eval-popup {
  width: 100% !important;
  position: static !important;
  transform: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

div.eval-popup .scroll-div { max-height:none !important; overflow:visible !important; }

/* Neutralise external grid interference */
.wrapper.eval-popup .rows { margin:0 !important; }
.form-col { width:100% !important; float:none !important; padding:0 !important; overflow:visible !important; }

/* ── Form title ("Contact us" — right panel header) ─────── */
h2.form-title {
  display: none; /* hidden — "Personalized demo" h3 serves as title */
}

/* ── Form sub-title block: show "Personalized demo" h3 ──── */
.form-in > .form-group.zc-dropdown-group {
  display: block !important;
  margin: 0 0 4px !important;
  clear: both;
}
h3.headlines {
  font-size: 1.55em;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--n-1000) !important;
  margin: 0 0 22px !important;
  font-family: 'Zoho_Puvi_SemiBold';
  line-height: 1.2;
  text-align: left !important;
}
.eval-popup .subtext{margin:15px 0;}

/* "What can we help you with?" label */
p.text-label {
  font-size: 13px;
  color: var(--n-700);
  font-weight: 500;
  margin: 0 0 6px;
  font-family: var(--font-sans);
}
.fieldMandate { color:var(--me-cta); margin-left:2px; }

/* Inner form containers */
.second-col .form-in.grey-bg { border:none !important; background:transparent !important; padding:0 !important; border-radius:0 !important; }
.second-col .form-in         { padding:0; }
.fm-center, .fm-left { width:100%; display:block; clear:both;text-align:left;}
.fm-center .form-group{margin:0;}
.eval-popup .fm-center div.form-group{width:100%;}
.fm-left div.form-group{width:100% !important;}

/* Product list (hidden by default — shown dynamically per solution) */
.eval-popup div.form-group.zc-me_productslists-group { display:none; }
.eval-popup div.me_productslists ul li:hover{background: var(--me-primary);}

/* ── Form groups ─────────────────────────────────────────── */
div.form-group {
  width: 100%;
  height: auto;
  clear: both;
  margin: 20px 0 0;
  display: block;
  position: relative;
}

div.form-group.hide_field  { display:none; }
div.fieldinactive          { display:none !important; }

/* ── Bordered input container (.form-control) ────────────── */
.form-control {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  color: var(--n-1000);
  position: relative;
  background: #fff;
  background-image: none;
  border: 1px solid var(--n-300);
  border-radius: 0px;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-shadow: none;
  margin-bottom: 0;
}

.form-control:focus-within {
  border-color: var(--me-primary);
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12);
}

.form-control.zc_textareacomments {
  min-height: 90px;
  padding-top: 16px;
}

/* Inputs / selects / textareas inside the bordered container */
div.form-control input,
div.form-control select,
div.form-control textarea,
.form-control .form-field input,
.form-control .form-field select {
  width: 100%;
  outline: 0;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  color: var(--n-1000);
  font-family: var(--font-sans);
  resize: none;
  position: relative;
  z-index: 9;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

div.form-control textarea { min-height:60px; resize:none; outline:0; }

/* ── Floating labels (always above the border line) ──────── */
span.lbl,
.lbl {
  pointer-events: none;
  font-size: 12px;
  font-weight: 500;
  color: var(--n-700);
  background: #fff;
  padding: 0 4px;
  border-radius: 3px;
  display: block;
  font-family: var(--font-sans);
  position: absolute;
  top: -10px;
  left: 8px;
  z-index: 2;
  transition: none;
}

/* Override animated-label active state — always stay above */
.form-group.active-row .lbl { top:-10px; background:#fff; }
.form-group.active-row .field-4 span.lbl,
.zc-countrylists-group.form-group.active-row span.lbl { opacity:1; }
.active-sec { border-color: var(--me-primary); }

/* Solution dropdown label (inside .clicks span) */
span.hida1.lbl {
  top: auto;
  position: relative;
  left: 0;
  background: transparent;
  margin-bottom: 2px;
  font-size: 12px;
}

/* ── Country / query-type selects ────────────────────────── */
select#zc-country,
select#natureofquery,
select#country_state,
select#ukcountry_region {
  background: transparent url(https://www.manageengine.com/images/form_dropdownarrows.png) no-repeat 97% center;
  background-size: 14px;
  border: none;
  width: 100%;
  font-size: 14px;
  color: var(--n-1000);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  margin: 0;
  height: auto;
}

/* Email icon */
div.form-group input.zc-businessemail_input {
  background-image: url(https://www.manageengine.com/images/form_emailicon.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

/* ── Phone group ─────────────────────────────────────────── */
.zc-phone-group {
  display: flex !important;
  gap: 10px;
  clear: both;
  margin: 20px 0 0;
}

.field-4.inline-field {
  flex: 0 0 30%;
  min-width: 0;
  clear: none;
  float: none;
  margin: 0;
  box-sizing: border-box;
}

.field-8.inline-field {
  flex: 1;
  min-width: 0;
  clear: none;
  float: none;
  margin: 0;
  box-sizing: border-box;
}

/* Callback date field */
.zc-Preferredcallbackdateandtime-group.form-control { clear:both; margin-top:0; }

/* ── Code / Phone inline fields — label-above (matches Name/Email) ── */
.second-col .inline-field.form-control {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  height: auto !important;
}
.second-col .inline-field.form-control > span.lbl {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--n-700) !important;
  font-family: 'Zoho_Puvi_Regular' !important;
}
.second-col .inline-field.form-control > input[type="text"] {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  opacity:1;
}
.second-col .inline-field.form-control > input[type="text"]:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}
.second-col .inline-field.form-control:focus-within > span.lbl {
  color: var(--me-primary) !important;
}

/* Preferred callback date input — explicit height to match other fields */
.second-col input.zc-CallbackDateandTime_input {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}
.second-col input.zc-CallbackDateandTime_input:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}

p.callback-text { font-size:12px; color:var(--n-600); margin:6px 0 0; line-height:1.4;padding-left:0;}

/* ── Checkbox ────────────────────────────────────────────── */
.form-check { margin:8px 0; }
label.form-check-label { cursor:pointer; font-size:14px; padding-left:5px; font-weight:500; color:var(--n-1000); }
form .form-check input { width:auto; }

/* ── Solution category dropdown ──────────────────────────── */
.dropdown1 { position:relative; z-index:99; font-size:14px; padding:0; min-height:48px; }
.dropdown1.sol { z-index:999; }
.dropdown1 .dropdt1 { width:100%; height:100%; }
.clicks { display:block; width:100%; padding:12px 14px; box-sizing:border-box; cursor:pointer; }

.dropdown1 .dropdd1 { position:relative; width:100%; z-index:9999; left:0; top:0; display:none; }
.mutliSelect1 { background:#fff; border:1px solid var(--n-300); position:absolute; top:0; width:100%; }
div.dropdownsearch1 { width:100%; background:#fff; display:none; z-index:9999; position:relative; }
.dropdown1 .dropdd1 input { width:96%; padding:10px; font-size:14px; margin:10px; border:1px solid var(--n-150); background:#fff; box-sizing:border-box; opacity:1; }
.dropdown1 .dropdd1 ul { display:none; width:100%; list-style:none; height:175px; overflow:auto; background:#fff; text-align:left; margin:0; padding:0; }
.dropdown1 .dropdd1 ul li { color:var(--n-1000); padding:10px; font-size:13px; cursor:pointer; list-style-type:none; }
.dropdown1 .dropdd1 ul li:hover { background:var(--me-primary); color:#fff; }

.multiSel1 { margin:0; }
.multiSel1 span { border:1px solid var(--n-150); padding:1px 5px; border-radius:5px; margin:2px 5px 2px 0; font-size:12px; line-height:20px; display:inline-block; box-shadow:0 0 10px rgba(0,0,0,.08); color:var(--n-700); }
.multiSel1 span strong { color:#ff1e1e; margin:0 0 0 10px; cursor:pointer; }

/* ── Product list dropdown ───────────────────────────────── */
div.me_productslists { width:100%; display:none; position:relative; background:#fff; z-index:999; top:0; }
div.me_productslists.opn { top:0; }
div.me_productslists ul { list-style:none; height:200px; width:100%; overflow-y:scroll; background:#fff; margin:0; padding:0; }
div.me_productslists ul li { color:var(--n-1000); padding:10px; font-size:13px; cursor:pointer; list-style-type:none; text-align:left; }
div.me_productslists ul li:hover { background:var(--me-primary); color:#fff; }

div.me_productslist_inner { border:1px solid var(--n-300); width:100%; float:left; position:absolute; z-index:999; top:4px; background:#fff; }
div.me_productslistssearch { width:calc(100% - 20px); background:#fff; padding:10px; float:left; }
div.form-group input.me_productslistssearch_input { width:100%; border:1px solid var(--n-300); font-size:1em; padding:8px; }

p.me_productslists_multiSel { width:100%; padding:3px; position:relative; background:#fff; display:none; z-index:99; border-radius:5px; height:auto; overflow:scroll; max-height:115px; margin:0; }
p.me_productslists_multiSel span { border:1px solid var(--n-150); padding:1px 5px; border-radius:5px; margin:2px 5px 2px 0; font-size:12px; line-height:20px; display:inline-block; box-shadow:0 0 10px rgba(0,0,0,.08); }
p.me_productslists_multiSel span strong { color:#ff1e1e; margin:0 0 0 10px; cursor:pointer; }

div.form-group input.me_productslists_input,
div.form-group input.zc_solution_ategory {
  background-image: url(https://www.manageengine.com/images/form_dropdownarrows.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  cursor: pointer;
}

div.me_productslists ul::-webkit-scrollbar { display:block; height:10px; width:4px; background:#f3ebeb; }
div.me_productslists ul::-webkit-scrollbar-thumb { background:#aeaeae; border-radius:5px; }

/* ── Error messages ──────────────────────────────────────── */
p.evalform_error_msg { font-size:11px; color:#f63f3f; position:absolute; top:78px; left:0; display:none; min-width:200px; margin:0; }
p.evalform_error_msg.evalform_error8 { bottom:-20px; top:inherit; }

/* ── GDPR / Privacy ──────────────────────────────────────── */

p.privacy-policy {
  font-size: 12px;
  margin: 0;
  line-height: 1.5;
  color: var(--n-600);
}
p.privacy-policy a, #meGDPRMessage a { color:var(--me-primary); }
div.form-group label {display:none;}

/* ── Submit container — strip inherited form-control styles ── */
.zc-submitandreset-group { border:none !important; height:auto !important; background:none !important; padding:0 !important; margin-top:16px !important; }
.eval-popup div.zc-submitandreset-group .form-field { width:100%;    text-align: left; }

div.form-group input[type=submit]:hover,
#submit-btn:hover {
  background: var(--me-cta-hover) !important;
  box-shadow: 0 6px 18px rgba(222,0,43,0.32) !important;
}

/* ── Success overlay ─────────────────────────────────────── */
.success-overlay {
  position: fixed;
  top: 0; left: 0;
  z-index: 99999;
  width: 100%; height: 100%;
  display: none;
  background: rgba(0,0,0,0.4);
}
.global-success-msg {
  position: fixed;
  transform: translate(-50%,-50%);
  top: 40%; left: 50%;
  z-index: 999999;
  width: 400px;
  max-width: 90%;
  text-align: center;
  color: #000;
  font-size: 1.4em;
  line-height: 1.8;
  font-weight: 400;
  background: #fff;
  padding: 40px 20px;
  border-radius: 10px;
}
.close {
  position: absolute;
  z-index: 999;
  top: 0; right: 0;
  color: #959595;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  border-radius: 50%;
  padding: 2px 10px;
}
span.tick-icon {
  display: block;
  width: 50px; height: 50px;
  position: absolute;
  transform: translate(-50%,0);
  left: 50%; top: -50px;
  padding: 20px;
  background: var(--me-primary);
  border-radius: 100%;
}
span.tick-icon img { vertical-align:middle; max-width:100%; }
.global-success-msg p { margin:0; }
.eval-success-msg { display:none !important; }

/* ── Left panel: divider ─────────────────────────────────── */
.contact-divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.2);
  margin: 28px 0 24px;
  position: relative;
  z-index: 1;
}

/* ── Right panel: heading & subtitle ─────────────────────── */
h3.headlines {
  font-size: 2em !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

.form-subtitle {
   font-size: 17px;
    margin: 8px 0 25px !important;
    line-height: 1.5;
    font-family: 'Zoho_Puvi_Light';
    color: var(--n-700);
}

/* ── Right panel: label-above-input layout ───────────────── */

/* Strip border/bg from form-control containers — inputs get their own border */
.second-col .form-group.form-control {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
}
.eval-popup .form-control.zc_textareacomments{height: auto !important; min-height: 0 !important; padding: 0 !important; width:100%;}
.second-col .form-control.zc_textareacomments textarea { min-height: 100px !important; height: auto !important; resize: vertical; }

/* Labels: in-flow, above the input */
.second-col .form-group.form-control > span.lbl {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--n-700) !important;
  z-index: auto !important;
  font-family: 'Zoho_Puvi_Regular';
}

/* Direct-child text/email inputs */
.second-col .form-group.form-control > input[type="text"],
.second-col .form-group.form-control > input[type="email"] {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
  width: 100% !important;
  opacity: 1 !important;
}

/* Country select (direct child) */
.second-col .form-group.zc-countrylists-group > select {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  background: #fff url(https://www.manageengine.com/images/form_dropdownarrows.png) no-repeat 97% center !important;
  background-size: 14px !important;
  width: 100% !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Textarea */
.second-col .form-group.form-control > textarea {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 90px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  resize: none !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
}

/* "What can we help you with?" dropdown */
.second-col .fm-center .zc-dropdown-group.form-control {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  background: transparent !important;
}
.second-col .fm-center .zc-dropdown-group.form-control .form-field {
  border: 1px solid var(--n-300) !important;
  padding: 0 !important;
  overflow: hidden;
}
.second-col .fm-center .zc-dropdown-group.form-control select {
  border: none !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  width: 100% !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
}

/* "What can we help you with?" label */
p.text-label {
  font-size: 14px !important;
  color: var(--n-700) !important;
  margin: 0 0 6px !important;
  font-family:'Zoho_Puvi_Regular';
}

/* ── Solution category custom dropdown ───────────────────── */
.second-col .dropdown1.form-control {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 26px 0 0 !important;
  min-height: auto !important;
}
.second-col .dropdown1 .dropdt1 {
  border: 1px solid var(--n-300) !important;
  min-height: 48px !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.second-col .dropdown1.form-control .clicks {
  padding: 12px 14px !important;
}
.second-col .dropdown1 span.hida1.lbl {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--n-700) !important;
  margin: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: 'Zoho_Puvi_Regular' !important;
}
.second-col .dropdown1 input.zc_solution_ategory {
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
}

/* ── Products field ──────────────────────────────────────── */
.second-col .zc-me_productslists-group.form-control {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
  min-height: auto !important;
}
.second-col .zc-me_productslists-group .me_productslists_input {
  border: 1px solid var(--n-300) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-size: 14px !important;
  color: var(--n-1000) !important;
}
/* JS hides the input and shows this when products are selected — give it the same border */
.second-col .zc-me_productslists-group .me_productslists_multiSel {
  border: 1px solid var(--n-300) !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
}

/* ── Checkbox card ────────────────────────────────────────── */
.form-check {
  border: 1px solid var(--n-300) !important;
  padding: 16px 18px !important;
  margin: 20px 0 0 !important;
  align-items: center !important;
  gap: 12px !important;
  background: #F5F5F5;
  cursor: pointer;
  margin: 20px 0 !important;
}
input.form-check-input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  accent-color: var(--me-primary) !important;
  vertical-align: middle !important;
}
label.form-check-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--n-1000) !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  margin-left:4px;
}
.eval-popup div.form-group div#meGDPRMessage label:hover {
	cursor: pointer;
}

/* Submit row: button left, privacy text right */
.submit-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}
p.submit-privacy {
  font-size: 12px !important;
  margin: 0 !important;
  color: var(--n-600) !important;
  flex: 1;
  min-width: 180px;
}

/* ── Focus animations ────────────────────────────────────── */

/* Transitions on every bordered element */
.second-col .form-group.form-control > input[type="text"],
.second-col .form-group.form-control > input[type="email"],
.second-col .form-group.form-control > textarea,
.second-col .form-group.zc-countrylists-group > select,
.second-col .zc-me_productslists-group .me_productslists_input,
.second-col .fm-center .zc-dropdown-group.form-control .form-field,
.second-col .dropdown1 .dropdt1,
.form-check {
  transition: border-color .2s ease, box-shadow .2s ease !important;
  opacity:1;
}

/* Label colour on focus */
.second-col .form-group.form-control > span.lbl {
  transition: color .2s ease !important;
}
.second-col .form-group.form-control:focus-within > span.lbl,
.second-col .form-group.zc-countrylists-group:focus-within > span.lbl {
  color: var(--me-primary) !important;
}
.second-col .dropdown1:focus-within span.hida1.lbl {
  color: var(--me-primary) !important;
}

/* Text / email inputs */
.second-col .form-group.form-control > input[type="text"]:focus,
.second-col .form-group.form-control > input[type="email"]:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}

/* Country select */
.second-col .form-group.zc-countrylists-group > select:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}

/* Textarea */
.second-col .form-group.form-control > textarea:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}

/* "What can we help you with?" dropdown */
.second-col .fm-center .zc-dropdown-group.form-control .form-field:focus-within {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
}

/* Solution category custom dropdown */
.second-col .dropdown1 .dropdt1:focus-within {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
}

/* Products input */
.second-col .zc-me_productslists-group .me_productslists_input:focus {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
  outline: none !important;
}

/* Callback checkbox card */
.form-check:focus-within {
  border-color: var(--me-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,69,211,0.12) !important;
}

/* IE / Edge fallback */
#iem { display:none; }
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { #form-page { display:none; } #iem { display:block; } }
@supports (-ms-accelerator:true) { #form-page { display:none; } #iem { display:block; } }

#meGDPRMessage .checkmarkgdpr{background:#fff;height:12px !important;width:12px !important;border:1px solid #ccc;margin-right:5px;display:inline-block;cursor:pointer;position:relative}#meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {width:2px;height:5px;border:1px solid #000;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;content:'';position:absolute;top:1px;left:3px}
.eval-popup .form-control:before, .eval-popup .form-control:after{border:none;display:none;}
.fm-left div.form-group+.form-group{width:100% !important;}
.form-control { border-radius: 0 !important; }
.eval-popup div.me_productslist_inner {
  top: 0;
}
.eval-popup select#country_state, .eval-popup select#ukcountry_region, .eval-popup select#zc-country {
  margin: 0;
}
.eval-popup select#country_state {
  margin-top: 20px;
}
.lbl b.sup {
	bottom: 6px;
}
.me-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.01em;
    cursor: pointer;
    user-select: none;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 8px;
    border-width: 1.5px;
    border-style: solid;
    border-color: transparent;
    border-image: none;
    text-decoration: none;
    transition: .3s;
    white-space: nowrap;
}
.me-button.primary {
	    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    background: #de002b;
    border-color: #de002b;
}
.eval-popup div.form-control input, .eval-popup div.form-control textarea, .dropdown1 .dropdt1, .second-col .fm-center .zc-dropdown-group.form-control .form-field, .eval-popup .zc-dropdown-group .form-field, .eval-popup select#zc-country {
	border-radius: 4px;
}
/* ── Responsive ──────────────────────────────────────────── */
@media only screen and (max-width: 1500px) {
  .container { max-width: 96%; }
}

@media screen and (max-width: 1150px) {
  section { padding: 32px 32px 64px; }
}

@media screen and (max-width: 1024px) {
  .fl.evaluator_form {
    grid-template-columns: 1fr !important;
    border-radius: var(--r-xl);
  }
  .evaluator_form_section1 {
    padding: 40px 36px 36px;
    position: relative;
    top: 0;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
  }
  .evaluator-form-section2 { padding: 36px 36px; }

  .contact-card {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .email-card { display: flex !important; }

  .evaluator_form_section1 h1 { font-size: 28px; }
  section { padding: 28px 28px 60px; }
}

@media screen and (max-width: 768px) {
  section { padding: 20px 16px 48px; }
  .evaluator_form_section1 { padding: 32px 24px 28px; }
  .evaluator-form-section2 { padding: 28px 24px; }

  .contact-card { display: block !important; width: 100% !important; }
/* div.eval-popup{max-height:100vh;overflow-y:auto;} */
  .submit-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  p.submit-privacy { min-width: 0 !important; }
}
@media screen and (max-width: 650px) { 
    .eval-popup {
        max-height: 100%;
        overflow-y: auto;
    }
}

  @media only screen and (max-width: 600px) {
  /* .zc-phone-group { flex-direction:column; gap:0; } */
  .eval-popup .field-8.inline-field {
    margin-left: 0px;
        width: 69%;
  }
  .field-4.inline-field, .field-8.inline-field {
    width: 100%; flex:none; margin-bottom:10px;
  }
  .form-group.zc-dropdown-group.form-control { margin-bottom:0; }
  .evaluator_form_section1 h1 { font-size: 24px; }
  .phone-row > span:first-child { font-size: 14px; }
  .email-addr { font-size: 13px; }
}
  @media only screen and (max-width: 400px) { 
      .zc-phone-group {
        gap: 5px;
      }
  }