/*
 * Convocation pages - Cluster University of Jammu (convocation.clujammu.ac.in)
 *
 * This is a thin layer on top of the main website theme (style-min.css, css/color*.css,
 * css/responsive-min.css). Header, footer, titles, buttons, fonts and colours all come from
 * the theme; only the blocks that do not exist on the main website are styled here.
 *
 * Theme colours: #772083 purple, #671774 dark purple strip, #222845 navy headings, #424242 text.
 */

/* an element marked hidden stays hidden, even when a rule below gives it display:flex or block */
[hidden] { display: none !important; }

/* ---------- Preloader (fail-safe) ---------- */
/* The loader hides itself after 3s even if no JavaScript ever runs, so it can never leave a blank page. */
.se-pre-con {
	transition: opacity .4s ease, visibility .4s ease;
	animation: convPreloaderOut .4s ease 3s forwards;
}
.se-pre-con.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
@keyframes convPreloaderOut {
	to { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* ---------- Header additions ---------- */
.conv-utility { text-align: right; }
.conv-utility a { color: #222845; }
.conv-utility button { border: 1px solid #c9c9c9; border-radius: 2px; }

.main-nav .tollfree.conv-tollfree { margin-top: 27px; }
.tollfree .btn.conv-btn-highlight { background-color: #772083; color: #fff; }
.tollfree .btn.conv-btn-highlight:hover { background-color: #671774; color: #fff; }

/* the theme's font-awesome-min.css colours every .fa icon purple (#772083);
   on purple / dark backgrounds the icon follows the text colour instead */
.conv-btn-highlight .fa,
.conv-hero-eyebrow .fa,
.conv-btn-ghost .fa,
.conv-register-band .fa,
.conv-mini-header .fa,
.wm-footer-two .fa { color: inherit; }
.conv-btn-ghost:hover .fa { color: #772083; }

/* announcements: same purple strip as the main site, scrolling without <marquee> */
.conv-ticker { overflow: hidden; white-space: nowrap; color: #fff; font-size: 14px; line-height: 22px; }
.conv-ticker-track { display: inline-block; padding-left: 100%; animation: convTicker 38s linear infinite; }
.conv-ticker:hover .conv-ticker-track,
.conv-ticker:focus-within .conv-ticker-track { animation-play-state: paused; }
.conv-ticker-item { display: inline-block; margin-right: 56px; color: #fff; }
@keyframes convTicker {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

.wm-main-header .conv-nav-container { width: 85%; }
.wm-header-two .navbar-nav > li.active > a,
.wm-header-two .navbar-nav > li > a:hover,
.wm-header-two .navbar-nav > li > a:focus { color: #772083; background: none; }
.wm-main-header .navbar { margin-bottom: 0; border: 0; background: none; min-height: 0; }
#stickyHeader.sticky { z-index: 999; }

.conv-mobile-quick { padding: 6px; display: flex; justify-content: center; flex-wrap: wrap; }
.conv-mobile-quick a { font-size: 3vw; text-align: center; color: #424242; }
.conv-mobile-quick .btn { display: block; padding: 14px 20px; margin: 3px auto; }

.conv-draft-notice {
	float: left; width: 100%;
	background: #fff6d9; border-bottom: 1px solid #ecd58a; color: #5c4700;
	padding: 9px 0; font-size: 14px; text-align: center;
}
.conv-draft-notice i { margin-right: 6px; color: #b88600; }

/* ---------- Banner ---------- */
.conv-hero {
	float: left; width: 100%; position: relative;
	padding: 64px 0 60px;
	color: #fff;
	background:
		linear-gradient(110deg, rgba(34,40,69,.97) 0%, rgba(103,23,116,.94) 52%, rgba(119,32,131,.86) 100%),
		url('extra-images/header1.webp') center / cover no-repeat;
}
.conv-hero:after {
	content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
	background: linear-gradient(90deg, #c9a227, #f0d77b 50%, #c9a227);
}
.conv-hero-eyebrow {
	display: inline-block; margin-bottom: 14px;
	font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; color: #f0d77b;
}
.conv-hero-eyebrow i { margin-right: 6px; }
body .conv-hero h1 {
	color: #fff; font-size: 46px; line-height: 1.2; margin-bottom: 14px; font-weight: 700;
	position: relative; padding-bottom: 16px;
}
.conv-hero h1:before {
	content: ''; position: absolute; left: 0; bottom: 0; width: 64px; height: 3px; background-color: #f0d77b;
}
.conv-hero-tagline { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.88); max-width: 560px; margin-bottom: 20px; }
.conv-hero-meta { list-style: none; padding: 0; margin: 0 0 28px; }
.conv-hero-meta li { display: inline-block; margin: 0 26px 8px 0; font-size: 16px; font-weight: 500; }
.conv-hero-meta i { color: #f0d77b; margin-right: 8px; }

.conv-hero-actions .wm-classic-button { margin: 0 10px 10px 0; padding: 14px 26px 15px; font-size: 13px; letter-spacing: .4px; }
.wm-classic-button.conv-btn-light { background-color: #fff; color: #772083; }
.wm-classic-button.conv-btn-light:hover { background-color: #f0d77b; color: #222845; }
.wm-classic-button.conv-btn-ghost { background-color: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
.wm-classic-button.conv-btn-ghost:hover { background-color: #fff; color: #772083; }

.conv-hero-card {
	background: #fff; color: #424242; border-radius: 4px; padding: 24px 28px 14px;
	border-top: 4px solid #c9a227; box-shadow: 0 18px 40px rgba(0,0,0,.28);
}
body .conv-hero-card h2 { font-size: 20px; color: #222845; margin-bottom: 8px; }
.conv-hero-card ul { list-style: none; margin: 0; padding: 0; }
.conv-hero-card li { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 11px 0; border-bottom: 1px solid #eee; font-size: 14px; }
.conv-hero-card li:last-child { border-bottom: 0; }
.conv-hero-card li span { color: #777; }
.conv-hero-card li strong { color: #222845; text-align: right; font-weight: 500; }

/* ---------- Sections ---------- */
.conv-main-content { padding-top: 0; padding-bottom: 0; }
.conv-section { padding-top: 56px; padding-bottom: 46px; }
.conv-section .wm-fancytitle-two { margin-bottom: 30px; }
/* the theme floats its titles; whatever follows a title starts below it */
.conv-section .wm-fancytitle-two + * { clear: both; }
.conv-section-lead { text-align: center; max-width: 720px; margin: -12px auto 26px; color: #555; }
.conv-prose p { font-size: 16px; line-height: 1.8; text-align: justify; }
.wm-banner-btn.conv-inline-btn { width: auto; margin-top: 10px; }
/* anchors land below the sticky navigation */
.conv-section[id], .conv-register-band[id] { scroll-margin-top: 64px; }

/* About: numbers */
.conv-stats { margin-top: 62px; }
.conv-stat {
	display: flex; align-items: center; gap: 16px;
	background: #fff; border: 1px solid #ececec; border-left: 3px solid #772083; padding: 16px 20px; margin-bottom: 14px;
}
.conv-stat span { font-size: 26px; width: 34px; text-align: center; }
.conv-stat strong { font-family: Merriweather, serif; font-size: 30px; line-height: 1; color: #222845; min-width: 64px; }
.conv-stat small { font-size: 14px; color: #555; text-transform: uppercase; letter-spacing: .5px; }

/* Date, venue, timing */
.conv-fact {
	background: #fff; border: 1px solid #ececec; border-top: 3px solid #772083;
	padding: 28px 20px 22px; text-align: center; margin-bottom: 20px; min-height: 236px;
	transition: box-shadow .25s ease, transform .25s ease;
}
.conv-fact:hover { box-shadow: 0 10px 26px rgba(34,40,69,.12); transform: translateY(-3px); }
.conv-fact-icon {
	display: inline-block; width: 58px; height: 58px; line-height: 58px; border-radius: 50%;
	background: #f6eef7; color: #772083; font-size: 24px; margin-bottom: 14px;
}
.conv-fact h5 { font-size: 16px; margin-bottom: 8px; }
.conv-fact p { margin: 0; color: #555; line-height: 1.6; }
.conv-fact p strong { color: #222845; font-size: 16px; font-weight: 500; }
.conv-fact-link { display: inline-block; margin-top: 10px; color: #772083; font-weight: 500; font-size: 13px; }

/* Countdown */
.conv-countdown-band { float: left; width: 100%; background-color: #671774; padding: 30px 0; }
body .conv-countdown-band h2 { color: #fff; font-size: 22px; margin: 18px 0 0; }
.conv-countdown { display: flex; justify-content: flex-end; gap: 14px; }
.conv-countdown > div { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); min-width: 104px; padding: 12px 10px 10px; text-align: center; border-radius: 4px; }
.conv-countdown strong { display: block; font-family: Merriweather, serif; font-size: 34px; line-height: 1.2; color: #fff; font-variant-numeric: tabular-nums; }
.conv-countdown small { color: #f0d77b; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }

/* Schedule */
.conv-timeline { list-style: none; margin: 0; padding: 0; position: relative; float: left; width: 100%; clear: both; }
.conv-timeline:before { content: ''; position: absolute; left: 111px; top: 8px; bottom: 8px; width: 2px; background: #e3d3e6; }
.conv-timeline li { display: flex; position: relative; padding: 0 0 22px; }
.conv-timeline li:before {
	content: ''; position: absolute; left: 105px; top: 6px; width: 14px; height: 14px; border-radius: 50%;
	background: #fff; border: 3px solid #772083;
}
.conv-timeline time { flex: 0 0 92px; text-align: right; font-weight: 500; color: #772083; font-size: 15px; padding-top: 2px; }
.conv-timeline li > div { margin-left: 46px; }
.conv-timeline h5 { font-size: 16px; margin-bottom: 2px; }
.conv-timeline p { margin: 0; color: #666; font-size: 14px; }

.conv-side-list { float: left; width: 100%; margin-bottom: 18px; }
.conv-date-row { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #ececec; padding: 14px 16px; margin-bottom: 10px; float: none; width: auto; }
.conv-date-row time { flex: 0 0 58px; text-align: center; font-family: Merriweather, serif; font-size: 24px; line-height: 1.1; color: #222845; }
.conv-date-row time small { display: block; font-family: Ubuntu, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #772083; }
.conv-date-row h5 { font-size: 15px; margin-bottom: 2px; }
.conv-date-row p { margin: 0; font-size: 13px; color: #666; }

/* Dignitaries */
.conv-dignitary-row { display: flex; flex-wrap: wrap; justify-content: center; clear: both; }
.conv-dignitary-row > div { display: flex; }
.conv-dignitary-row .conv-dignitary { width: 100%; }
.conv-dignitary { background: #fff; border: 1px solid #ececec; margin-bottom: 24px; padding: 18px; display: flex; align-items: center; gap: 16px; }
.conv-dignitary figure { margin: 0; flex: 0 0 76px; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; background: #f6eef7; }
.conv-dignitary figure img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.conv-dignitary-blank { display: block; text-align: center; line-height: 76px; font-size: 32px; color: #c9a9ce; }
.conv-dignitary-role { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #772083; font-weight: 500; margin-bottom: 2px; }
.conv-dignitary h4 { font-size: 17px; margin-bottom: 2px; }
.conv-dignitary p { margin: 0; color: #666; font-size: 14px; }

.conv-dignitary-featured { display: block; text-align: center; padding: 30px 20px 24px; border-top: 3px solid #c9a227; }
.conv-dignitary-featured figure { width: 132px; height: 132px; margin: 0 auto 16px; border: 4px solid #fff; box-shadow: 0 0 0 1px #e3d3e6; }
.conv-dignitary-featured .conv-dignitary-blank { line-height: 124px; font-size: 54px; }
.conv-dignitary-featured h4 { font-size: 20px; }

/* Gold medalists */
.conv-medal-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }
.conv-medal-search { position: relative; flex: 1 1 320px; }
.conv-medal-search i { position: absolute; left: 13px; top: 13px; color: #999; }
.conv-medal-search .form-control { padding-left: 36px; }
.conv-medal-filter { flex: 0 1 280px; }
.conv-medal-tools .form-control { height: 40px; border-radius: 2px; box-shadow: none; border: 1px solid #d9d9d9; background-color: #fff; }
.conv-medal-tools .form-control:focus { border-color: #772083; }
.conv-medal-count { margin: 0 0 0 auto; color: #555; font-size: 14px; }

.conv-medal-table-wrap { background: #fff; border: 1px solid #e2e2e2; }
.conv-medal-table { margin-bottom: 0; }
.conv-medal-table > thead > tr > th { background-color: #671774; color: #fff; border-color: #7d2b8a; font-weight: 500; padding: 12px 14px; vertical-align: middle; }
.conv-medal-table > tbody > tr > td { padding: 10px 14px; vertical-align: middle; color: #333; }
.conv-medal-table > tbody > tr:hover > td { background-color: #f6eef7; }
.conv-medal-icon { color: #c9a227; margin-right: 6px; }
.conv-medal-empty { text-align: center; padding: 28px 10px; margin: 0; color: #777; }

.conv-medal-pager { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 18px; flex-wrap: wrap; }
.conv-medal-pager .wm-banner-btn { width: auto; background: #fff; margin: 0; }
.conv-medal-pager .wm-banner-btn:hover { background: #772083; }
.conv-medal-pager .wm-banner-btn[disabled] { opacity: .45; cursor: not-allowed; background: #fff; color: #772083; }
.conv-link-btn { background: none; border: 0; color: #772083; text-decoration: underline; padding: 0; }

/* Registration band */
.conv-register-band { float: left; width: 100%; padding: 54px 0 50px; text-align: center; color: #fff;
	background: linear-gradient(110deg, #222845 0%, #671774 60%, #772083 100%); }
body .conv-register-band h2 { color: #fff; font-size: 26px; }
.conv-register-band > .container > .row > div > p { max-width: 760px; margin: 0 auto 30px; color: rgba(255,255,255,.88); font-size: 16px; line-height: 1.7; }
.conv-step { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); padding: 24px 18px 16px; margin-bottom: 20px; min-height: 196px; border-radius: 4px; }
.conv-step span { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #f0d77b; color: #222845; font-family: Merriweather, serif; font-weight: 700; margin-bottom: 12px; }
body .conv-step h5 { color: #fff; font-size: 16px; }
.conv-step p { color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.6; margin: 0; }
.conv-register-action { margin-top: 10px; }
.conv-register-action .wm-classic-button { padding: 15px 34px 16px; font-size: 13px; }
.conv-register-action span { display: inline-block; margin-left: 16px; color: #f0d77b; font-weight: 500; }

/* Instructions */
.conv-faq details { background: #fff; border: 1px solid #e6e6e6; margin-bottom: 10px; }
.conv-faq summary { cursor: pointer; padding: 15px 46px 15px 18px; font-family: Merriweather, serif; font-size: 15px; color: #222845; position: relative; list-style: none; }
.conv-faq summary::-webkit-details-marker { display: none; }
.conv-faq summary:after { content: '\f107'; font-family: FontAwesome; position: absolute; right: 18px; top: 14px; color: #772083; font-size: 18px; transition: transform .2s ease; }
.conv-faq details[open] summary { color: #772083; border-bottom: 1px solid #f0e6f2; }
.conv-faq details[open] summary:after { transform: rotate(180deg); }
.conv-faq summary:focus-visible { outline: 2px solid #772083; outline-offset: -2px; }
.conv-faq details p { padding: 14px 18px 16px; margin: 0; line-height: 1.75; color: #444; }
.conv-faq details a { color: #772083; text-decoration: underline; }

/* Contact */
.conv-contact-box { background: rgba(255,255,255,.94); border: 1px solid #ececec; text-align: center; padding: 28px 16px 22px; margin-bottom: 20px; min-height: 176px; }
.conv-contact-box > i { font-size: 28px; color: #772083; margin-bottom: 10px; }
.conv-contact-box h5 { font-size: 16px; }
.conv-contact-box p { margin: 0; color: #555; line-height: 1.7; }
.conv-contact-box a { color: #772083; }

/* ---------- Registration page ---------- */
.conv-mini-header { float: left; width: 100%; text-align: center; padding: 46px 0 40px; color: #fff;
	background: linear-gradient(110deg, rgba(34,40,69,.96), rgba(103,23,116,.93) 60%, rgba(119,32,131,.88)), url('extra-images/header1.webp') center / cover no-repeat; }
body .conv-mini-header h1 { color: #fff; font-size: 30px; margin-bottom: 6px; }
.conv-mini-header .wm-breadcrumb ul { margin: 0; padding: 0; }
.conv-mini-header .wm-breadcrumb ul li,
.conv-mini-header .wm-breadcrumb ul li:before,
.conv-mini-header .wm-breadcrumb a { color: #f0d77b; }

.conv-form-wrap { background: #fff; border: 1px solid #e6e6e6; padding: 0 0 8px; margin-bottom: 30px; }
/* the theme floats every <p> inside a <form> (form p { float: left }) and gives inputs a grey box with
   very pale text; the registration form is laid out normally, with readable white fields */
.conv-form-wrap p { float: none; }
.conv-form-wrap .form-control,
.conv-form-wrap select.form-control { background-color: #fff; border: 1px solid #c4c4c4; font-weight: 400; line-height: 1.4; padding: 8px 12px; }
.conv-form-wrap .form-control::placeholder { color: #8a8a8a; text-transform: none; }
/* the theme puts list bullets inside the text; wrapped lines should line up with the first line */
.conv-aside li, .conv-photo-body li { list-style-position: outside; }
.conv-form-section { padding: 26px 28px 8px; border-bottom: 1px solid #eee; }
.conv-form-section:last-of-type { border-bottom: 0; }
.conv-form-section > h3 { font-size: 18px; margin-bottom: 4px; display: flex; align-items: center; gap: 12px; }
.conv-form-section > h3 span { flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #772083; color: #fff; font-size: 14px; font-family: Ubuntu, sans-serif; font-weight: 500; }
.conv-form-hint { color: #666; font-size: 14px; margin: 0 0 18px 42px; }
.conv-form-wrap label { font-weight: 500; color: #222845; font-size: 14px; margin-bottom: 6px; }
.conv-form-wrap label em { color: #c0392b; font-style: normal; }
.conv-form-wrap .form-control { height: 42px; border-radius: 2px; box-shadow: none; border-color: #d4d4d4; font-size: 15px; color: #222; }
.conv-form-wrap .form-control:focus { border-color: #772083; box-shadow: 0 0 0 2px rgba(119,32,131,.12); }
.conv-form-wrap .form-group { margin-bottom: 18px; }
.conv-form-wrap .help-block { font-size: 13px; color: #777; margin: 5px 0 0; }
.conv-form-wrap .has-error .form-control { border-color: #c0392b; }
.conv-form-wrap .has-error .help-block { color: #c0392b; }

.conv-lookup { display: flex; gap: 10px; align-items: flex-start; }
.conv-lookup .form-control { flex: 1 1 auto; text-transform: uppercase; }
.conv-lookup .wm-classic-button { flex: 0 0 auto; border: 0; padding: 14px 22px 15px; }
button.wm-classic-button { border: 0; cursor: pointer; }
button.wm-classic-button[disabled] { opacity: .55; cursor: not-allowed; }

.conv-record { display: none; margin: 4px 0 20px; border: 1px solid #d9c3dd; border-left: 4px solid #772083; background: #fbf7fc; padding: 16px 18px 6px; }
.conv-record.is-visible { display: block; }
.conv-record h4 { font-size: 18px; margin-bottom: 10px; }
.conv-record h4 i { color: #c9a227; margin-right: 6px; }
.conv-record dl { margin: 0; display: flex; flex-wrap: wrap; }
.conv-record dl div { flex: 1 1 200px; margin: 0 16px 10px 0; }
.conv-record dt { font-size: 12px; text-transform: uppercase; letter-spacing: .6px; color: #777; font-weight: 500; }
.conv-record dd { font-size: 15px; color: #222845; }

/* steps after the roll number stay locked until the record is found (only when JavaScript is running) */
.conv-js .conv-locked { opacity: .45; pointer-events: none; user-select: none; }
.conv-js .conv-locked-note { display: block; }
.conv-locked-note { display: none; margin: 0 28px; padding: 12px 0 0; color: #777; font-size: 14px; }

.conv-photo { display: flex; gap: 22px; align-items: flex-start; flex-wrap: wrap; }
.conv-photo-frame { flex: 0 0 132px; width: 132px; height: 165px; border: 1px dashed #b9b9b9; background: #fafafa; display: flex; align-items: center; justify-content: center; text-align: center; color: #999; font-size: 12px; overflow: hidden; padding: 6px; }
.conv-photo-frame.has-photo { border-style: solid; border-color: #772083; padding: 0; }
.conv-photo-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.conv-photo-body { flex: 1 1 280px; }
.conv-photo-body ul { padding-left: 18px; margin: 10px 0 0; color: #666; font-size: 13px; line-height: 1.8; }
.conv-photo-body input[type=file] { padding: 8px; height: auto; }

.conv-fee-box { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; background: #fbf7fc; border: 1px solid #e3d3e6; padding: 16px 20px; margin-bottom: 18px; }
.conv-fee-box p { margin: 0; color: #555; font-size: 14px; }
.conv-fee-box strong { font-family: Merriweather, serif; font-size: 28px; color: #772083; }
.conv-declare { display: flex; gap: 10px; align-items: flex-start; font-weight: 400 !important; line-height: 1.6; color: #444 !important; }
.conv-declare input { margin-top: 5px; flex: 0 0 auto; }
.conv-submit { text-align: center; padding: 8px 28px 22px; }
.conv-submit .wm-classic-button { padding: 16px 36px 17px; font-size: 13px; }
.conv-submit p { margin: 12px 0 0; font-size: 13px; color: #777; }

.conv-aside { background: #fff; border: 1px solid #e6e6e6; border-top: 3px solid #772083; padding: 20px 22px 14px; margin-bottom: 20px; }
.conv-aside h4 { font-size: 17px; margin-bottom: 10px; }
.conv-aside ul { padding-left: 18px; margin: 0 0 8px; line-height: 1.85; font-size: 14px; color: #444; }
.conv-aside p { font-size: 14px; color: #444; margin-bottom: 6px; }
.conv-aside a { color: #772083; }

.conv-alert { padding: 14px 18px; margin-bottom: 20px; border: 1px solid; border-left-width: 4px; font-size: 15px; line-height: 1.6; }
.conv-alert ul { margin: 6px 0 0; padding-left: 20px; }
.conv-alert-error { background: #fdf3f2; border-color: #e0a9a3; color: #8a2a20; }
.conv-alert-info { background: #f3f7fc; border-color: #aac3e0; color: #24486f; }
.conv-alert-success { background: #f1f9f3; border-color: #a5d3b0; color: #1f6a35; }
.conv-alert-warning { background: #fff6d9; border-color: #ecd58a; color: #5c4700; }

/* Review page */
.conv-review { background: #fff; border: 1px solid #e6e6e6; margin-bottom: 24px; }
.conv-review-head { display: flex; gap: 22px; align-items: center; padding: 22px 26px; border-bottom: 1px solid #eee; flex-wrap: wrap; }
.conv-review-head img { width: 110px; height: 138px; object-fit: cover; border: 1px solid #ccc; }
.conv-review-head h3 { font-size: 22px; margin-bottom: 4px; }
.conv-review-head p { margin: 0; color: #555; }
.conv-review-ref { margin-left: auto; text-align: right; }
.conv-review-ref small { display: block; color: #777; text-transform: uppercase; letter-spacing: .6px; font-size: 11px; }
.conv-review-ref strong { font-size: 17px; color: #772083; letter-spacing: .5px; }
.conv-review table { width: 100%; margin: 0; }
.conv-review th { width: 38%; font-weight: 500; color: #666; background: #fafafa; }
.conv-review th, .conv-review td { padding: 11px 26px; border-top: 1px solid #f0f0f0; font-size: 15px; }
.conv-review h4 { font-size: 15px; margin: 0; padding: 12px 26px; background: #f6eef7; color: #671774; border-top: 1px solid #eadcec; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
	.wm-main-header .conv-nav-container { width: 100%; }
}
@media (max-width: 991px) {
	.conv-hero { padding: 44px 0 40px; }
	body .conv-hero h1 { font-size: 36px; }
	.conv-hero-card { margin-top: 30px; }
	.conv-stats { margin-top: 24px; }
	.conv-countdown { justify-content: center; margin-top: 18px; }
	body .conv-countdown-band h2 { text-align: center; margin-top: 0; }
	.conv-fact, .conv-step, .conv-contact-box { min-height: 0; }
}
@media (max-width: 767px) {
	.conv-utility { text-align: center; white-space: nowrap; }
	.conv-utility a { font-size: 12px !important; }
	body .conv-hero h1 { font-size: 30px; }
	.conv-hero-tagline { font-size: 16px; }
	.conv-hero-meta li { display: block; margin-right: 0; }
	.conv-section { padding-top: 40px; padding-bottom: 30px; }
	.conv-prose p { text-align: left; }
	.conv-countdown { gap: 8px; }
	.conv-countdown > div { min-width: 0; flex: 1 1 0; padding: 10px 4px 8px; }
	.conv-countdown strong { font-size: 24px; }
	.conv-timeline:before { left: 5px; }
	.conv-timeline li { display: block; padding-left: 28px; }
	.conv-timeline li:before { left: -1px; }
	.conv-timeline time { display: block; text-align: left; }
	.conv-timeline li > div { margin-left: 0; }
	.conv-medal-count { margin-left: 0; flex: 1 1 100%; }
	.conv-register-action span { display: block; margin: 12px 0 0; }
	.conv-form-section { padding: 22px 16px 6px; }
	.conv-form-hint { margin-left: 0; }
	.conv-lookup { flex-wrap: wrap; }
	.conv-lookup .wm-classic-button { flex: 1 1 100%; }
	.conv-review-ref { margin-left: 0; text-align: left; }
	.conv-review th, .conv-review td { padding: 10px 14px; }
	.conv-review th { width: 44%; }
}

/* people who ask for less motion get none */
@media (prefers-reduced-motion: reduce) {
	.conv-ticker-track { animation: none; padding-left: 0; white-space: normal; }
	.conv-ticker { white-space: normal; }
	.conv-ticker-item[aria-hidden="true"] { display: none; }
	.circles li { animation: none; }
	.conv-fact { transition: none; }
}

@media print {
	.se-pre-con, #wm-header, .dialog-off-canvas-main-canvas, #wm-footer, #btnBackTotop, .conv-draft-notice, .conv-mini-header, .conv-no-print { display: none !important; }
}

/* Candidate registration actions */
#convRegisterForm .conv-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 13px 22px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .15px;
    text-transform: none;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
#convRegisterForm .conv-action::before { font-family: FontAwesome; font-weight: normal; font-size: 16px; }
#convRegisterForm #rollLookup::before { content: '\f002'; }
#convRegisterForm [data-otp-action="send"]::before { content: '\f1d8'; }
#convRegisterForm [data-otp-action="verify"]::before { content: '\f058'; }
#convRegisterForm #convSubmit::before { content: '\f061'; order: 1; }
#convRegisterForm .conv-action-primary {
    background: linear-gradient(135deg, #862992, #651774);
    color: #fff;
    box-shadow: 0 4px 12px rgba(103, 23, 116, .18);
}
#convRegisterForm .conv-action-primary:hover:not(:disabled) { background: linear-gradient(135deg, #752180, #50105f); box-shadow: 0 6px 16px rgba(103, 23, 116, .25); transform: translateY(-1px); }
#convRegisterForm .conv-action-outline { background: #fff; border-color: #d3b4da; color: #70217e; }
#convRegisterForm .conv-action-outline:hover:not(:disabled) { background: #f7eff9; border-color: #772083; }
#convRegisterForm .conv-action-verify { background: #eee3f2; border-color: #e2cde8; color: #641671; }
#convRegisterForm .conv-action-verify:hover:not(:disabled) { background: #e5d4eb; border-color: #b88dc3; }
#convRegisterForm .conv-action:focus-visible { outline: 3px solid #bf922d; outline-offset: 3px; }
#convRegisterForm .conv-action:active:not(:disabled) { transform: translateY(1px); box-shadow: none; }
#convRegisterForm .conv-action:disabled { opacity: 1; background: #eae6ed; border-color: #ddd6e1; color: #74697b; box-shadow: none; cursor: not-allowed; transform: none; }
#contactVerification [data-otp-channel] { padding-top: 12px; padding-bottom: 10px; }
#contactVerification [data-otp-action] { width: 100%; float: none; }
#contactVerification [data-otp-action="send"] { margin-bottom: 18px; }
#contactVerification [data-otp-action="verify"] { margin-top: 12px; }
#contactVerification [data-otp-message] { margin-top: 10px; font-size: 13px; line-height: 1.6; }
#convRegisterForm input[type="file"] { height: auto; padding: 8px; }
#convRegisterForm input[type="file"]::file-selector-button { border: 1px solid #d3b4da; border-radius: 7px; padding: 9px 13px; margin-right: 12px; background: #f7eff9; color: #70217e; font: inherit; font-weight: 600; cursor: pointer; }
#convRegisterForm input[type="file"]::file-selector-button:hover { background: #eee3f2; }
#convRegisterForm #convSubmit { min-width: 240px; min-height: 54px; padding: 15px 32px; font-size: 15px; }
@media (max-width: 600px) {
    #convRegisterForm #convSubmit { width: 100%; min-width: 0; }
    #convRegisterForm .conv-action { min-height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
    #convRegisterForm .conv-action { transition: none; }
    #convRegisterForm .conv-action:hover:not(:disabled), #convRegisterForm .conv-action:active:not(:disabled) { transform: none; }
}