/* HealthJob Exam Plus — chat, success stories, reviews, layout fixes */

:root{
	--hjp-y:#F5B800;
	--hjp-y2:#FF8A00;
	--hjp-g:#16A34A;
	--hjp-ink:#1d1d1f;
	--hjp-mut:#6e6e73;
	--hjp-line:rgba(0,0,0,.09);
	--hjp-font:"Li Ador Noirrit","Hind Siliguri","Noto Sans Bengali",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--hjp-sh:0 1px 2px rgba(0,0,0,.05),0 10px 30px rgba(15,25,45,.09);
}
.hjp-noscroll{overflow:hidden}

/* ================================================================
   1. Mobile header — plain white, no yellow line
   ================================================================ */
@media (max-width:1024px){
	body.hjp-fixhead .site-header,
	body.hjp-fixhead.hjx-yellow .site-header{
		background:#fff!important;
		-webkit-backdrop-filter:none!important;
		backdrop-filter:none!important;
		box-shadow:0 1px 0 0 rgba(0,0,0,.06)!important;
		border-top:0!important;
		border-bottom:1px solid rgba(0,0,0,.07)!important;
	}
	body.hjp-fixhead .site-header.hje-stuck{box-shadow:0 4px 18px rgba(0,0,0,.07)!important}
}

/* ================================================================
   2. Exam runner — fit the question and every option on one screen
   ================================================================ */
html.hjp-ex-normal {--hjp-q:18px;--hjp-o:16px;--hjp-opy:13px;--hjp-opx:15px;--hjp-gap:10px;--hjp-k:30px;--hjp-pad:20px;--hjp-r:16px}
html.hjp-ex-compact{--hjp-q:16px;--hjp-o:14.5px;--hjp-opy:9px; --hjp-opx:12px;--hjp-gap:7px; --hjp-k:26px;--hjp-pad:14px;--hjp-r:13px}
html.hjp-ex-tight  {--hjp-q:14.5px;--hjp-o:13.2px;--hjp-opy:6.5px;--hjp-opx:10px;--hjp-gap:5px;--hjp-k:22px;--hjp-pad:11px;--hjp-r:11px}
html.hjp-ex-big    {--hjp-q:20px;--hjp-o:17.5px;--hjp-opy:14px;--hjp-opx:16px;--hjp-gap:11px;--hjp-k:32px;--hjp-pad:22px;--hjp-r:17px}

html[class*="hjp-ex-"] .hje-exam-app .hje-qcard{padding:var(--hjp-pad)!important;border-radius:calc(var(--hjp-r) + 4px)!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-qtext{
	font-size:var(--hjp-q)!important;line-height:1.45!important;margin:5px 0 10px!important;
}
html[class*="hjp-ex-"] .hje-exam-app .hje-qtext img{max-height:34vh;width:auto;object-fit:contain}
html[class*="hjp-ex-"] .hje-exam-app .hje-qno{font-size:12px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-opt-list{gap:var(--hjp-gap)!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-o{
	padding:var(--hjp-opy) var(--hjp-opx)!important;
	font-size:var(--hjp-o)!important;line-height:1.4!important;
	border-radius:var(--hjp-r)!important;gap:9px!important;align-items:flex-start!important;
}
/* The theme's button styles flatten the option row — restore the intended layout */
html[class*="hjp-ex-"] .hje-exam-app .hje-o{
	display:flex!important;text-align:left!important;color:var(--hjp-ink)!important;
	letter-spacing:normal!important;text-transform:none!important;
}
html[class*="hjp-ex-"] .hje-exam-app .hje-o span.t{
	flex:1 1 auto!important;display:block!important;text-align:left!important;color:inherit!important;
}
html[class*="hjp-ex-"] .hje-exam-app .hje-o span.t p,
html[class*="hjp-ex-"] .hje-exam-app .hje-o span.t div{margin:0!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-o:not(.sel){border-color:rgba(0,0,0,.1)!important;background:#fbfbfd!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-o:not(.sel) span.k{border-color:rgba(0,0,0,.14)!important;color:var(--hjp-mut)!important;background:#fff!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-pbtn:not(.cur):not(.done){border-color:rgba(0,0,0,.12)!important;color:var(--hjp-mut)!important;background:#fff!important}
html[class*="hjp-ex-"] body.hje-exam-on .hje-examwrap{padding-top:4px!important}

html[class*="hjp-ex-"] .hje-exam-app .hje-o span.k{
	width:var(--hjp-k)!important;height:var(--hjp-k)!important;
	font-size:calc(var(--hjp-k) * .48)!important;margin-top:1px;
}
html[class*="hjp-ex-"] .hje-exam-app .hje-bar{padding:7px 11px!important;margin-bottom:8px!important;border-radius:14px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-bar h4{font-size:13.5px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-timer{font-size:15px!important;padding:5px 11px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-prog{margin-bottom:8px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-lock-note{margin:-2px 0 6px!important;font-size:11.5px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-nav{margin-top:10px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-submitbar{margin-top:8px!important}
html[class*="hjp-ex-"] .hje-exam-app .hje-palette{
	margin-top:10px!important;padding-top:10px!important;gap:5px!important;
	max-height:108px;overflow-y:auto;overscroll-behavior:contain;
}
html[class*="hjp-ex-"] .hje-exam-app .hje-pbtn{width:30px!important;height:30px!important;border-radius:9px!important;font-size:12px!important}

@media (max-width:680px){
	html[class*="hjp-ex-"] .hje-exam-app .hje-qcard{padding:calc(var(--hjp-pad) - 2px)!important}
	html[class*="hjp-ex-"] .hje-exam-app .hje-palette{max-height:92px}
	html[class*="hjp-ex-"] .hje-exam-app .hje-nav .hje-btn,
	html[class*="hjp-ex-"] .hje-exam-app .hje-submitbar .hje-btn{padding:10px 14px;font-size:14px}
}

/* ক− / ক+ control in the exam bar */
.hjp-ex-size{display:inline-flex;gap:4px;flex:0 0 auto;margin-right:6px}
.hjp-ex-size button{
	min-width:34px;height:30px;padding:0 6px;border:1px solid var(--hjp-line);border-radius:9px;
	background:#fff;color:var(--hjp-ink);font:700 13px/1 var(--hjp-font);cursor:pointer;
	display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;
}
.hjp-ex-size button:hover{background:#fff8e2;border-color:var(--hjp-y)}
.hjp-ex-size sub,.hjp-ex-size sup{font-size:11px}
@media (max-width:420px){.hjp-ex-size button{min-width:30px;height:28px;font-size:12px}}

/* ================================================================
   3. Success-story slider inside the 3D hero
   ================================================================ */
.hjp-ss{position:relative;z-index:3;width:100%;padding:0 14px;margin:18px 0 2px;font-family:var(--hjp-font)}
.hjp-ss.is-block{margin:26px 0;padding:0 16px}
.hjp-ss-card{
	max-width:560px;margin:0 auto;background:rgba(255,255,255,.82);
	-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);
	border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:12px 12px 10px;
	box-shadow:0 10px 36px rgba(60,45,0,.14);
}
.hjp-ss-h{
	display:flex;align-items:center;justify-content:center;gap:8px;
	font-size:13.5px;font-weight:700;color:#6a4b00;letter-spacing:.01em;margin:0 0 9px;text-align:center;
}
.hjp-ss-live{width:8px;height:8px;border-radius:50%;background:var(--hjp-g);box-shadow:0 0 0 4px rgba(22,163,74,.18);flex:0 0 auto}
.hjp-ss-view{position:relative}
.hjp-ss-track{position:relative;display:grid}
.hjp-ss-s{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .45s ease,transform .45s ease}
.hjp-ss-s.is-on{opacity:1;visibility:visible;transform:none}
.hjp-ss-img{
	display:block;width:100%;padding:0;border:0;background:#fffdf6;border-radius:16px;overflow:hidden;cursor:zoom-in;
	box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.hjp-ss-img img{display:block;width:100%;height:auto;max-height:290px;object-fit:contain;background:#fffdf6}
.hjp-ss-s figcaption{margin:8px 2px 0;font-size:13px;line-height:1.5;color:#4a3a06;text-align:center;font-weight:600}
.hjp-ss-nav{
	position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
	border:1px solid var(--hjp-line);background:rgba(255,255,255,.92);color:var(--hjp-ink);cursor:pointer;
	display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.hjp-ss-nav svg{width:17px;height:17px}
.hjp-ss-nav.is-prev{left:-6px}
.hjp-ss-nav.is-next{right:-6px}
.hjp-ss-dots{display:flex;justify-content:center;gap:6px;margin-top:9px}
.hjp-ss-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.18);cursor:pointer;transition:all .25s}
.hjp-ss-dot.is-on{width:20px;border-radius:999px;background:var(--hjp-y)}
@media (max-width:600px){
	.hjp-ss{margin-top:14px}
	.hjp-ss-card{padding:10px 10px 8px;border-radius:18px}
	.hjp-ss-img img{max-height:210px}
	.hjp-ss-nav{width:30px;height:30px}
	.hjp-ss-nav.is-prev{left:-2px}
	.hjp-ss-nav.is-next{right:-2px}
}
body.hje-exam-on .hjp-ss{display:none}

/* ================================================================
   4. Reviews band (just above the footer)
   ================================================================ */
.hjp-rv{
	position:relative;font-family:var(--hjp-font);color:var(--hjp-ink);
	background:linear-gradient(180deg,#fffdf5 0%,#fff8e6 100%);
	border-top:1px solid rgba(245,184,0,.3);padding:34px 0 30px;
}
.hjp-rv-in{max-width:1140px;margin:0 auto;padding:0 18px}
.hjp-rv-head{text-align:center;margin:0 0 18px}
.hjp-rv-head h3{
	margin:0 0 6px;font-size:clamp(19px,2.6vw,27px);line-height:1.3;font-weight:700;letter-spacing:-.01em;
	display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;
}
.hjp-rv-head h3::before{
	content:"";width:26px;height:3px;border-radius:999px;background:var(--hjp-y);display:inline-block;
}
.hjp-rv-head p{margin:0;color:var(--hjp-mut);font-size:14.5px}

.hjp-rv-track{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;
	max-height:430px;overflow:hidden;position:relative;transition:max-height .35s ease;
}
.hjp-rv.is-all .hjp-rv-track{max-height:none}
.hjp-rv-track::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;
	background:linear-gradient(180deg,rgba(255,250,235,0),#fff8e6);
}
.hjp-rv.is-all .hjp-rv-track::after{display:none}

.hjp-rv-card{
	display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.07);
	border-radius:18px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 22px rgba(60,45,0,.06);
}
.hjp-rv-shot{
	position:relative;display:block;width:100%;padding:0;border:0;background:#f7f7f9;border-radius:13px;
	overflow:hidden;cursor:zoom-in;line-height:0;
}
.hjp-rv-shot img{display:block;width:100%;height:190px;object-fit:cover;object-position:top center}
.hjp-rv-zoomic{
	position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;
	background:rgba(29,29,31,.72);color:#fff;display:flex;align-items:center;justify-content:center;
}
.hjp-rv-zoomic svg{width:16px;height:16px}
.hjp-rv-b{display:flex;flex-direction:column;gap:8px}
.hjp-rv-stars{display:inline-flex;gap:2px;color:#d8d8dd}
.hjp-rv-stars svg{width:15px;height:15px}
.hjp-rv-stars svg.is-on{color:var(--hjp-y)}
.hjp-rv-card p{margin:0;font-size:14.3px;line-height:1.62;color:#3a3a3c}
.hjp-rv-who{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:4px}
.hjp-rv-av{
	width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;
	font-weight:700;font-size:15px;color:#6a4b00;background:linear-gradient(140deg,#ffe9a8,var(--hjp-y));
}
.hjp-rv-who b{display:block;font-size:14px;line-height:1.3}
.hjp-rv-who small{display:block;font-size:12px;color:var(--hjp-mut);line-height:1.35}
.hjp-rv-foot{text-align:center;margin-top:16px}
.hjp-rv-all{
	border:1px solid rgba(0,0,0,.1);background:#fff;color:var(--hjp-ink);font:700 14px/1 var(--hjp-font);
	padding:12px 24px;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(60,45,0,.08);transition:all .22s;
}
.hjp-rv-all:hover{background:var(--hjp-y);border-color:var(--hjp-y);transform:translateY(-1px)}

@media (max-width:700px){
	.hjp-rv{padding:26px 0 22px}
	.hjp-rv-track{
		display:flex;gap:12px;max-height:none;overflow-x:auto;scroll-snap-type:x mandatory;
		padding-bottom:6px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none;
	}
	.hjp-rv-track::-webkit-scrollbar{display:none}
	.hjp-rv-track::after{display:none}
	.hjp-rv-card{flex:0 0 min(86%,330px);scroll-snap-align:start}
	.hjp-rv.is-all .hjp-rv-track{display:grid;grid-template-columns:1fr;overflow:visible;margin:0;padding:0}
	.hjp-rv.is-all .hjp-rv-card{flex:none}
	.hjp-rv-shot img{height:165px}
}
body.hje-exam-on .hjp-rv{display:none}

/* ================================================================
   5. Lightbox
   ================================================================ */
.hjp-lb{
	position:fixed;inset:0;z-index:200000;display:none;align-items:center;justify-content:center;
	background:rgba(10,10,12,.86);padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.hjp-lb.is-on{display:flex}
.hjp-lb img{max-width:min(960px,96vw);max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.hjp-lb-x{
	position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;
	background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;
}
.hjp-lb-x:hover{background:rgba(255,255,255,.26)}

/* ================================================================
   6. Live chat widget
   ================================================================ */
.hjp-chat{position:fixed;right:18px;bottom:24px;z-index:99990;font-family:var(--hjp-font)}
@media (max-width:860px){.hjp-chat{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}}
body.hje-exam-on .hjp-chat{display:none!important}

.hjp-chat-fab{
	position:relative;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;
	display:flex;align-items:center;justify-content:center;color:#2a2000;
	background:linear-gradient(145deg,#ffe59a 0%,var(--hjp-y) 58%,var(--hjp-y2) 100%);
	box-shadow:0 10px 26px -8px rgba(245,184,0,.9),0 2px 6px rgba(0,0,0,.18);
	transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;
}
.hjp-chat-fab:hover{transform:translateY(-2px) scale(1.04)}
.hjp-chat-fab svg{width:27px;height:27px}
.hjp-chat-fab .hjp-ic-x{display:none}
.hjp-chat.is-open .hjp-chat-fab .hjp-ic-x{display:block}
.hjp-chat.is-open .hjp-chat-fab .hjp-ic-chat{display:none}
.hjp-chat-badge{
	position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;
	background:#e5261b;color:#fff;font:700 12px/21px var(--hjp-font);border:2px solid #fff;
}
.hjp-chat-fab::after{
	content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(245,184,0,.45);
	animation:hjpPing 2.4s ease-out infinite;pointer-events:none;
}
.hjp-chat.is-open .hjp-chat-fab::after{display:none}
@keyframes hjpPing{0%{transform:scale(.85);opacity:.8}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hjp-chat-fab::after{animation:none}}

.hjp-chat-panel[hidden]{display:none!important}
.hjp-chat-panel{
	position:absolute;right:0;bottom:70px;width:min(94vw,350px);max-height:min(72vh,540px);
	display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--hjp-line);
	border-radius:20px;box-shadow:var(--hjp-sh);animation:hjpUp .22s cubic-bezier(.22,1,.36,1);
}
@keyframes hjpUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hjp-chat-head{
	display:flex;align-items:center;gap:10px;padding:12px 12px 11px;
	background:linear-gradient(135deg,#fff5d1,#ffe9a0);border-bottom:1px solid rgba(245,184,0,.35);
}
.hjp-chat-logo{width:34px;height:34px;border-radius:10px;object-fit:contain;background:#fff;flex:0 0 auto;padding:3px}
.hjp-chat-logo.is-txt{display:flex;align-items:center;justify-content:center;font-weight:800;color:#6a4b00;font-size:13px}
.hjp-chat-ht{flex:1;min-width:0}
.hjp-chat-ht b{display:block;font-size:14.5px;line-height:1.3;color:#3a2a00}
.hjp-chat-ht small{display:block;font-size:11.5px;color:#7a5c0a}
.hjp-chat-close{width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.06);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#3a2a00}
.hjp-chat-close svg{width:16px;height:16px}

.hjp-chat-body{flex:1;min-height:150px;overflow:hidden;display:flex;flex-direction:column;background:#fafafa}
.hjp-chat-greet{padding:12px 13px;font-size:13px;line-height:1.6;color:#4a4a4f;background:#fff;border-bottom:1px solid var(--hjp-line)}
.hjp-chat-greet.is-small{font-size:12px;padding:8px 13px;color:var(--hjp-mut)}
.hjp-chat-list{flex:1;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.hjp-m{max-width:84%;display:flex;flex-direction:column;gap:2px}
.hjp-m.is-u{align-self:flex-end;align-items:flex-end}
.hjp-m.is-a{align-self:flex-start;align-items:flex-start}
.hjp-m-b{padding:9px 12px;border-radius:16px;font-size:13.8px;line-height:1.55;word-break:break-word}
.hjp-m.is-u .hjp-m-b{background:linear-gradient(145deg,#ffdf86,var(--hjp-y));color:#2a2000;border-bottom-right-radius:5px}
.hjp-m.is-a .hjp-m-b{background:#fff;border:1px solid var(--hjp-line);color:var(--hjp-ink);border-bottom-left-radius:5px}
.hjp-m time{font-size:10.5px;color:var(--hjp-mut)}
.hjp-m-b a{color:#0660c0;text-decoration:underline}
.hjp-chat-err{align-self:center;font-size:12px;color:#d70015;background:rgba(255,59,48,.08);padding:6px 11px;border-radius:999px}

.hjp-chat-form{display:flex;align-items:flex-end;gap:8px;padding:9px 10px;border-top:1px solid var(--hjp-line);background:#fff}
.hjp-chat-form textarea{
	flex:1;resize:none;max-height:110px;border:1px solid var(--hjp-line);border-radius:14px;padding:9px 12px;
	font:400 14px/1.45 var(--hjp-font);color:var(--hjp-ink);background:#fbfbfd;outline:none;
}
.hjp-chat-form textarea:focus{border-color:var(--hjp-y);box-shadow:0 0 0 3px rgba(245,184,0,.2);background:#fff}
.hjp-chat-form button{
	width:40px;height:40px;flex:0 0 auto;border:0;border-radius:50%;cursor:pointer;color:#2a2000;
	background:linear-gradient(145deg,#ffdf86,var(--hjp-y));display:flex;align-items:center;justify-content:center;
}
.hjp-chat-form button svg{width:18px;height:18px}
.hjp-chat-form button[disabled]{opacity:.5;cursor:default}

.hjp-chat-login{padding:14px 14px 16px;background:#fff;border-top:1px solid var(--hjp-line)}
.hjp-chat-login p{margin:0 0 10px;font-size:13px;line-height:1.6;color:var(--hjp-mut)}
.hjp-chat-lbtns{display:flex;gap:8px}
.hjp-b{
	flex:1;text-align:center;padding:10px 12px;border-radius:999px;font:700 13.5px/1 var(--hjp-font);
	border:1px solid var(--hjp-line);color:var(--hjp-ink)!important;text-decoration:none;
}
.hjp-b.is-y{background:var(--hjp-y);border-color:var(--hjp-y);color:#2a2000!important}
.hjp-chat-wa{
	display:block;text-align:center;padding:9px;font-size:12.5px;font-weight:700;color:#0b7a3b!important;
	background:#f2fbf5;border-top:1px solid rgba(22,163,74,.2);text-decoration:none;
}

@media (max-width:480px){
	.hjp-chat-panel{
		position:fixed;left:0;right:0;bottom:0;width:100%;max-height:82vh;
		border-radius:20px 20px 0 0;border-bottom:0;
	}
	.hjp-chat.is-open .hjp-chat-fab{display:none}
}

/* ================================================================
   7. Written exams inside a bundle
   ================================================================ */
.hjp-bw{padding-top:2px}
.hjp-bw .hje-sec-h h3{font-size:18px}
.hjp-bw .hjx-wlist{display:grid;gap:12px}
.hjp-wbundle{
	display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;line-height:1.5;color:#6a4b00;
	background:#fff8e6;border:1px solid rgba(245,184,0,.35);border-radius:12px;padding:9px 13px;
}
.hjp-wbundle a{color:#8a5200;font-weight:700;text-decoration:underline}
.hjp-wbundle .hje-i{width:18px;height:18px;flex:0 0 auto}

/* ================================================================
   8. Home hero — the two brand colours (teal #12657C + amber #FF9500)
   ================================================================ */
body.hjp-brand2 .gr-hero{
	background-image:
		radial-gradient(1100px 560px at 10% -14%, rgba(18,101,124,.28), rgba(0,0,0,0) 62%),
		radial-gradient(980px 520px at 92% -6%, rgba(255,149,0,.26), rgba(0,0,0,0) 58%),
		radial-gradient(720px 420px at 52% 116%, rgba(18,101,124,.12), rgba(0,0,0,0) 62%),
		linear-gradient(158deg,#edf7fa 0%,#f6fbfc 30%,#fff8e8 70%,#f8f6f0 100%)!important;
}
body.hjp-brand2 .hjx-tint{
	background-image:radial-gradient(58% 52% at 50% 46%, rgba(255,255,255,.92) 0%, rgba(250,253,254,.55) 50%, rgba(246,251,252,0) 100%)!important;
}
body.hjp-brand2 .hjx-floor{
	background-image:
		linear-gradient(rgba(18,101,124,.26) 1px, rgba(0,0,0,0) 1px),
		linear-gradient(90deg, rgba(18,101,124,.26) 1px, rgba(0,0,0,0) 1px)!important;
}
/* floating 3D cards alternate between the two brand colours */
body.hjp-brand2 .hjx-c3:nth-child(odd) .hjx-c3-in{
	background:linear-gradient(160deg, rgba(255,255,255,.97), rgba(255,243,208,.92))!important;
	border-color:rgba(255,149,0,.5)!important;
}
body.hjp-brand2 .hjx-c3:nth-child(even) .hjx-c3-in{
	background:linear-gradient(160deg, rgba(255,255,255,.97), rgba(221,241,246,.95))!important;
	border-color:rgba(18,101,124,.42)!important;
	box-shadow:0 26px 44px -26px rgba(10,60,76,.5)!important;
}
body.hjp-brand2 .hjx-pick{
	background:linear-gradient(135deg,#ffffff,#e9f5f8)!important;
	border-color:rgba(18,101,124,.55)!important;
	color:#0c4c5e!important;
	box-shadow:0 10px 24px -14px rgba(18,101,124,.75)!important;
}
body.hjp-brand2 .gr-cta--ghost .elementor-button{
	background:#ffffff!important;
	color:#12657C!important;
	border:1.5px solid rgba(18,101,124,.55)!important;
	box-shadow:0 8px 20px -12px rgba(18,101,124,.6)!important;
}
body.hjp-brand2 .gr-cta--ghost .elementor-button:hover{
	background:#12657C!important;color:#ffffff!important;border-color:#12657C!important;
}
body.hjp-brand2 .hjp-ss-card{
	background:rgba(255,255,255,.86)!important;
	box-shadow:0 10px 36px rgba(12,60,76,.14)!important;
}
body.hjp-brand2 .hjp-ss-h{color:#0c4c5e!important}