.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-brandline,.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-title,.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-subtitle,.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-hero-panel .ecg-passport-search-wrap{visibility:visible!important;opacity:1!important;}
.ecg-passport-eyebrow .ecg-pr-mobile-brand-break {
display: none !important;
}
@media (max-width: 768px) {
.ecg-passport-eyebrow .ecg-pr-mobile-brand-break {
display: block !important;
}
}
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-brandline,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-title,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-subtitle,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-hero-panel .ecg-passport-search-wrap {
visibility: hidden !important;
}
.ecg-passport-list-wrap.ecg-pr-first-paint-ready .ecg-passport-brandline,
.ecg-passport-list-wrap.ecg-pr-first-paint-ready .ecg-passport-title,
.ecg-passport-list-wrap.ecg-pr-first-paint-ready .ecg-passport-subtitle,
.ecg-passport-list-wrap.ecg-pr-first-paint-ready .ecg-passport-hero-panel .ecg-passport-search-wrap {
visibility: visible !important;
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
.ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 44px minmax(0, auto) !important;
align-items: center !important;
width: max-content !important;
max-width: calc(100% - 24px) !important;
min-height: 54px !important;
margin-bottom: 18px !important;
box-sizing: border-box !important;
}
.ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1.12 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
max-width: 220px !important;
}
.ecg-passport-title {
font-size: clamp(40px, 9.7vw, 56px) !important;
line-height: 1.04 !important;
letter-spacing: -0.06em !important;
text-wrap: balance !important;
}
.ecg-passport-subtitle {
font-size: 15px !important;
line-height: 1.6 !important;
}
.ecg-passport-hero-panel .ecg-compare-button-label-desktop {
display: none !important;
}
.ecg-passport-hero-panel .ecg-compare-button-label-mobile {
display: inline !important;
visibility: visible !important;
}
}
:root {
--pr-ink: #0b1020;
--pr-muted: #667085;
--pr-soft: #f5f2ec;
--pr-paper: #fffdf8;
--pr-line: rgba(11,16,32,0.11);
--pr-line-strong: rgba(11,16,32,0.18);
--pr-blue: #143c75;
--pr-blue-soft: #eaf1fb;
--pr-gold: #b88a3c;
--pr-gold-soft: #f3ead8;
--pr-shadow: 0 24px 60px rgba(11,16,32,0.10);
--pr-shadow-small: 0 12px 30px rgba(11,16,32,0.08);
}
.ecg-passport-list-wrap {
position: relative;
z-index: 50;
width: 100%;
max-width: 1480px;
margin: 42px auto;
padding: 0 20px 34px 20px;
box-sizing: border-box;
font-family: "eastcoast-global", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
color: var(--pr-ink);
isolation: isolate;
}
.ecg-passport-list-wrap,
.ecg-passport-list-wrap * {
box-sizing: border-box;
}
.ecg-passport-list-wrap::before {
content: "";
position: absolute;
inset: -22px 0 auto 0;
height: 520px;
z-index: -3;
pointer-events: none;
border-radius: 0 0 44px 44px;
background:
linear-gradient(90deg, rgba(11,16,32,0.035) 1px, transparent 1px) 0 0 / 48px 48px,
linear-gradient(180deg, rgba(11,16,32,0.035) 1px, transparent 1px) 0 0 / 48px 48px,
radial-gradient(circle at 16% 12%, rgba(184,138,60,0.18), transparent 32%),
radial-gradient(circle at 84% 8%, rgba(20,60,117,0.14), transparent 30%),
linear-gradient(180deg, #fbfaf6 0%, #ffffff 86%);
}
.ecg-passport-list-wrap::after {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 126px;
z-index: -2;
height: 1px;
pointer-events: none;
background: linear-gradient(90deg, transparent, rgba(184,138,60,0.55), rgba(20,60,117,0.20), transparent);
}
.ecg-passport-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
gap: 0;
min-height: 292px;
margin: 0 0 22px 0;
border: 1px solid var(--pr-line);
border-radius: 34px;
background: rgba(255,253,248,0.88);
box-shadow: var(--pr-shadow);
overflow: hidden;
backdrop-filter: blur(12px);
}
.ecg-passport-hero::before {
content: "";
position: absolute;
inset: 18px;
pointer-events: none;
border: 1px solid rgba(184,138,60,0.18);
border-radius: 24px;
}
.ecg-passport-hero::after {
content: attr(data-pr-brand);
position: absolute;
left: 28px;
bottom: 22px;
max-width: calc(100% - 56px);
pointer-events: none;
font-size: clamp(42px, 9vw, 132px);
line-height: 0.78;
font-weight: 900;
letter-spacing: -0.075em;
color: rgba(11,16,32,0.032);
white-space: nowrap;
}
.ecg-passport-hero-inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: clamp(26px, 4vw, 54px);
}
.ecg-passport-brandline {
display: inline-grid;
grid-template-columns: 46px minmax(0, auto);
align-items: center;
gap: 12px;
width: max-content;
max-width: 100%;
margin: 0 0 22px 0;
padding: 6px 14px 6px 6px;
border: 1px solid rgba(11,16,32,0.10);
border-radius: 999px;
background: rgba(255,255,255,0.76);
box-shadow: 0 10px 30px rgba(11,16,32,0.06);
}
.ecg-passport-brandmark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
min-width: 46px;
border-radius: 50%;
background:
linear-gradient(145deg, #0b1020 0%, #15213b 58%, #243655 100%);
color: #fffdf8;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.12em;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), 0 12px 24px rgba(11,16,32,0.16);
}
.ecg-passport-eyebrow {
display: block;
min-width: 0;
font-size: 11px;
line-height: 1.12;
font-weight: 850;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #7a5a23;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ecg-passport-title {
position: relative;
z-index: 2;
margin: 0;
max-width: 790px;
font-size: clamp(42px, 5.35vw, 84px);
line-height: 1.05;
font-weight: 900;
letter-spacing: -0.075em;
color: var(--pr-ink);
text-wrap: balance;
}
.ecg-passport-title::after {
content: "";
display: block;
width: 96px;
height: 3px;
margin: 22px 0 0 0;
border-radius: 999px;
background: linear-gradient(90deg, var(--pr-gold), rgba(184,138,60,0));
}
.ecg-passport-subtitle {
position: relative;
z-index: 2;
margin: 18px 0 0 0;
max-width: 660px;
font-size: clamp(14px, 1.15vw, 17px);
line-height: 1.74;
font-weight: 500;
color: var(--pr-muted);
text-wrap: balance;
}
.ecg-passport-hero-panel {
position: relative;
z-index: 2;
min-height: 100%;
margin: 18px 18px 18px 0;
border-radius: 28px;
background:
linear-gradient(135deg, rgba(255,255,255,0.10), transparent 32%),
radial-gradient(circle at 70% 24%, rgba(184,138,60,0.36), transparent 25%),
linear-gradient(160deg, #07101f 0%, #112642 54%, #0c1424 100%);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.13), 0 22px 48px rgba(11,16,32,0.22);
overflow: hidden;
}
.ecg-passport-hero-panel::before {
content: "PR";
position: absolute;
left: 26px;
top: 26px;
font-size: 72px;
line-height: 0.85;
font-weight: 900;
letter-spacing: -0.08em;
color: rgba(255,253,248,0.95);
}
.ecg-passport-hero-panel::after {
content: attr(data-pr-brand);
white-space: pre;
position: absolute;
right: 26px;
bottom: 26px;
font-size: 11px;
line-height: 1.55;
font-weight: 850;
letter-spacing: 0.22em;
text-align: right;
color: rgba(255,253,248,0.72);
}
.ecg-passport-panel-line {
position: absolute;
left: 28px;
right: 28px;
top: 126px;
height: 1px;
background: linear-gradient(90deg, rgba(255,253,248,0.10), rgba(255,253,248,0.58), rgba(255,253,248,0.10));
}
.ecg-passport-panel-line::before,
.ecg-passport-panel-line::after {
content: "";
position: absolute;
top: -5px;
width: 11px;
height: 11px;
border-radius: 999px;
background: rgba(184,138,60,0.95);
box-shadow: 0 0 0 6px rgba(184,138,60,0.12);
}
.ecg-passport-panel-line::before { left: 0; }
.ecg-passport-panel-line::after { right: 0; }
.ecg-passport-panel-code {
position: absolute;
left: 28px;
right: 28px;
top: 152px;
display: block;
font-size: 11px;
line-height: 1.4;
font-weight: 850;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(255,253,248,0.62);
}
.ecg-passport-panel-grid {
position: absolute;
inset: auto 22px 22px 22px;
height: 64px;
border: 1px solid rgba(255,253,248,0.14);
border-radius: 18px;
background:
linear-gradient(90deg, rgba(255,253,248,0.10) 1px, transparent 1px) 0 0 / 32px 100%,
linear-gradient(180deg, rgba(255,253,248,0.08) 1px, transparent 1px) 0 0 / 100% 16px,
rgba(255,253,248,0.045);
}
.ecg-passport-list {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(322px, 374px) repeat(3, minmax(0, 1fr));
grid-auto-rows: minmax(78px, auto);
gap: 12px;
width: 100%;
align-items: stretch;
}
.ecg-passport-search-wrap {
grid-column: 1;
grid-row: 1 / span 8;
position: sticky;
top: 18px;
z-index: 90;
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
min-height: 620px;
padding: 16px;
border: 1px solid rgba(11,16,32,0.12);
border-radius: 28px;
background:
linear-gradient(180deg, rgba(255,253,248,0.96), rgba(255,255,255,0.92)),
linear-gradient(145deg, rgba(184,138,60,0.12), rgba(20,60,117,0.08));
box-shadow: var(--pr-shadow-small);
backdrop-filter: blur(12px);
}
.ecg-passport-search-wrap::before {
content: attr(data-pr-search-label);
display: block;
margin: 0 0 2px 0;
font-size: 10px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(11,16,32,0.42);
order: -2;
}
.ecg-passport-search-wrap::after {
content: attr(data-pr-checker-label);
display: block;
order: -1;
margin: 0 0 -4px 0;
font-size: 18px;
line-height: 1.18;
font-weight: 860;
letter-spacing: -0.035em;
color: var(--pr-ink);
}
.ecg-geo-rank-notice {
display: none;
width: 100%;
min-width: 0;
margin: 0;
padding: 12px;
border: 1px solid rgba(20,60,117,0.16);
border-radius: 20px;
background: #f8fbff;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
}
.ecg-geo-rank-notice:not([aria-hidden="true"]) {
display: flex;
flex-direction: column;
gap: 10px;
}
.ecg-geo-rank-main {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.ecg-geo-rank-flag,
.ecg-compare-selected-flag,
.ecg-passport-selected-flag {
display: inline-flex;
width: 30px;
height: 20px;
min-width: 30px;
border-radius: 7px;
overflow: hidden;
background: #edf0f4;
box-shadow: inset 0 0 0 1px rgba(11,16,32,0.16);
}
.ecg-geo-rank-flag img,
.ecg-compare-selected-flag img,
.ecg-passport-selected-flag img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ecg-geo-rank-text {
min-width: 0;
font-size: 12px;
line-height: 1.45;
font-weight: 750;
color: #2f3a4c;
}
.ecg-geo-rank-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
width: 100%;
min-height: 34px;
padding: 7px 10px;
border-radius: 999px;
background: #0b1020;
color: #fffdf8;
font-size: 12px;
line-height: 1;
font-weight: 850;
}
.ecg-geo-rank-trophy { color: #f0c66e; }
.ecg-geo-rank-badge-number { font-size: 15px; }
.ecg-passport-search-box {
position: relative;
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
width: 100%;
min-width: 0;
height: 58px;
margin: 0;
padding: 6px 8px;
border: 1px solid rgba(11,16,32,0.12);
border-radius: 20px;
background: #ffffff;
box-shadow: 0 10px 24px rgba(11,16,32,0.055);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ecg-passport-search-box:focus-within,
.ecg-compare-box:focus-within {
border-color: rgba(20,60,117,0.34);
box-shadow: 0 16px 34px rgba(20,60,117,0.13);
transform: translateY(-1px);
}
.ecg-passport-search-input,
.ecg-compare-input,
.ecg-ai-search-input {
display: block;
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
font-family: inherit;
color: var(--pr-ink);
box-shadow: none;
}
.ecg-passport-search-input {
height: 44px;
padding: 0 10px 0 2px;
font-size: 14px;
line-height: 44px;
font-weight: 760;
}
.ecg-passport-search-input::placeholder,
.ecg-compare-input::placeholder,
.ecg-ai-search-input::placeholder {
color: #8993a3;
font-weight: 720;
opacity: 1;
}
.ecg-passport-search-icon,
.ecg-compare-icon,
.ecg-ai-search-icon {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 34px;
height: 34px;
min-width: 34px;
margin: 0 auto;
border-radius: 14px;
background: var(--pr-blue-soft);
border: 1px solid rgba(20,60,117,0.15);
pointer-events: none;
}
.ecg-passport-search-icon::before,
.ecg-ai-search-icon::before {
content: "";
display: block;
width: 17px;
height: 17px;
border: 2px solid var(--pr-blue);
border-radius: 50%;
}
.ecg-passport-search-icon::after,
.ecg-ai-search-icon::after {
content: "";
position: absolute;
right: 8px;
bottom: 8px;
width: 8px;
height: 2px;
border-radius: 999px;
background: var(--pr-blue);
transform: rotate(45deg);
}
.ecg-passport-search-icon-selected,
.ecg-compare-icon-selected {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.ecg-passport-search-icon-selected::before,
.ecg-passport-search-icon-selected::after,
.ecg-compare-icon-selected::before,
.ecg-compare-icon-selected::after {
content: none !important;
}
.ecg-visa-checker {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
min-width: 0;
margin: 0;
padding: 12px;
border: 1px solid rgba(11,16,32,0.09);
border-radius: 22px;
background: rgba(255,255,255,0.62);
}
.ecg-visa-checker::before {
content: attr(data-pr-checker-label);
display: block;
margin: 0 0 1px 0;
font-size: 11px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6d5430;
}
.ecg-compare-field {
position: relative;
min-width: 0;
}
.ecg-compare-box {
position: relative;
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
width: 100%;
height: 52px;
padding: 6px 8px;
border: 1px solid rgba(11,16,32,0.12);
border-radius: 18px;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ecg-compare-input {
height: 38px;
padding: 0 8px 0 2px;
font-size: 13px;
line-height: 38px;
font-weight: 760;
}
.ecg-compare-icon::before {
content: "";
display: block;
width: 15px;
height: 19px;
border: 2px solid var(--pr-blue);
border-radius: 5px;
}
.ecg-compare-icon-target::before {
width: 15px;
height: 15px;
border-radius: 50% 50% 50% 2px;
transform: rotate(-45deg);
}
.ecg-compare-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 52px;
padding: 0 18px;
border: 0;
border-radius: 18px;
background: linear-gradient(135deg, #0b1020, #173b71);
color: #fffdf8;
font-family: inherit;
font-size: 13px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 14px 28px rgba(11,16,32,0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.ecg-compare-button:hover,
.ecg-compare-button:focus {
transform: translateY(-1px);
box-shadow: 0 18px 34px rgba(11,16,32,0.24);
filter: brightness(1.03);
outline: none;
}
.ecg-compare-button-label-mobile { display: none; }
.ecg-compare-result {
display: none;
width: 100%;
min-width: 0;
padding: 13px;
border-radius: 18px;
font-size: 12px;
line-height: 1.58;
font-weight: 720;
}
.ecg-compare-result.ecg-loading,
.ecg-compare-result.ecg-error,
.ecg-compare-result.ecg-compare-label-visa-free,
.ecg-compare-result.ecg-compare-label-visa-on-arrival,
.ecg-compare-result.ecg-compare-label-eta,
.ecg-compare-result.ecg-compare-label-visa-required {
display: block;
}
.ecg-compare-result.ecg-loading { background: #f8fbff; color: var(--pr-blue); border: 1px solid rgba(20,60,117,0.14); }
.ecg-compare-result.ecg-error { background: #fff5f5; color: #9f1239; border: 1px solid rgba(159,18,57,0.18); }
.ecg-compare-label-visa-free { background: #effaf3; color: #0f6b38; border: 1px solid rgba(15,107,56,0.18); }
.ecg-compare-label-visa-on-arrival { background: #fff9ec; color: #8a5a12; border: 1px solid rgba(138,90,18,0.20); }
.ecg-compare-label-eta { background: #f2f7ff; color: #174681; border: 1px solid rgba(23,70,129,0.18); }
.ecg-compare-label-visa-required { background: #fff2f2; color: #9f1239; border: 1px solid rgba(159,18,57,0.18); }
.ecg-passport-suggestions,
.ecg-compare-suggestions,
.ecg-ai-suggestions {
display: none;
position: absolute;
left: 0;
right: 0;
top: calc(100% + 9px);
max-height: 306px;
overflow: auto;
z-index: 500;
padding: 8px;
border: 1px solid rgba(11,16,32,0.12);
border-radius: 18px;
background: rgba(255,255,255,0.98);
box-shadow: 0 22px 46px rgba(11,16,32,0.16);
}
.ecg-passport-suggestions.ecg-show,
.ecg-compare-suggestions.ecg-show,
.ecg-ai-suggestions.ecg-show {
display: block;
}
.ecg-passport-suggestion,
.ecg-compare-suggestion,
.ecg-ai-suggestion {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-height: 42px;
padding: 9px 10px;
border: 0;
border-radius: 13px;
background: transparent;
font-family: inherit;
font-size: 13px;
line-height: 1.35;
font-weight: 770;
color: var(--pr-ink);
text-align: left;
cursor: pointer;
transition: background 0.16s ease, color 0.16s ease;
}
.ecg-passport-suggestion:hover,
.ecg-passport-suggestion.ecg-active,
.ecg-compare-suggestion:hover,
.ecg-compare-suggestion.ecg-active,
.ecg-ai-suggestion:hover,
.ecg-ai-suggestion.ecg-active {
background: #f5f2ec;
color: #153d72;
}
.ecg-passport-suggestion-rank {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
min-width: 30px;
border-radius: 999px;
background: var(--pr-blue-soft);
color: var(--pr-blue);
font-size: 11px;
font-weight: 900;
}
.ecg-passport-suggestion-flag,
.ecg-compare-suggestion-flag {
display: inline-flex;
width: 28px;
height: 19px;
min-width: 28px;
border-radius: 6px;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(11,16,32,0.15);
background: #eef0f3;
}
.ecg-passport-suggestion-flag img,
.ecg-compare-suggestion-flag img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ecg-passport-suggestion-name,
.ecg-compare-suggestion-name {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ecg-passport-item {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 52px minmax(0, 1fr) 24px;
column-gap: 12px;
align-items: center;
min-width: 0;
min-height: 78px;
padding: 12px 14px 12px 12px;
border: 1px solid rgba(11,16,32,0.105);
border-radius: 22px;
background:
linear-gradient(90deg, rgba(255,253,248,0.92), rgba(255,255,255,0.96));
box-shadow: 0 10px 26px rgba(11,16,32,0.055);
cursor: pointer;
overflow: visible;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
isolation: isolate;
touch-action: manipulation;
user-select: none;
-webkit-user-select: none;
}
.ecg-passport-item::before {
content: "";
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 5px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(184,138,60,0.96) 0%, rgba(201,170,109,0.92) 32%, rgba(119,137,170,0.82) 100%);
box-shadow: 0 0 0 1px rgba(255,255,255,0.55), 0 6px 14px rgba(11,16,32,0.08);
opacity: 0.6;
transition: opacity 0.2s ease, top 0.2s ease, bottom 0.2s ease, box-shadow 0.2s ease;
}
.ecg-passport-item::after {
content: "";
position: absolute;
right: 12px;
top: 12px;
width: 44px;
height: 44px;
z-index: -1;
border-radius: 999px;
background: radial-gradient(circle, rgba(184,138,60,0.12), transparent 68%);
opacity: 0;
transition: opacity 0.2s ease;
}
.ecg-passport-item:hover,
.ecg-passport-item:focus,
.ecg-passport-item.ecg-open {
border-color: rgba(20,60,117,0.26);
box-shadow: 0 18px 38px rgba(11,16,32,0.12);
transform: translateY(-2px);
outline: none;
background: #ffffff;
}
.ecg-passport-item:hover::before,
.ecg-passport-item:focus::before,
.ecg-passport-item.ecg-open::before {
top: 8px;
bottom: 8px;
opacity: 1;
box-shadow: 0 0 0 1px rgba(255,255,255,0.7), 0 10px 18px rgba(11,16,32,0.1);
}
.ecg-passport-item:hover::after,
.ecg-passport-item.ecg-open::after { opacity: 1; }
.ecg-passport-item.ecg-open { z-index: 200; }
.ecg-passport-item.ecg-highlight {
animation: ecgPassportPulse 0.82s ease-in-out 3;
}
@keyframes ecgPassportPulse {
0%, 100% { box-shadow: 0 10px 26px rgba(11,16,32,0.055); border-color: rgba(11,16,32,0.105); }
50% { box-shadow: 0 0 0 5px rgba(184,138,60,0.18), 0 18px 40px rgba(20,60,117,0.14); border-color: rgba(184,138,60,0.55); }
}
.ecg-rank {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
border-radius: 16px;
background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 46%, #f7efe0 100%);
color: #0f172a;
font-size: 15px;
line-height: 1;
font-weight: 900;
letter-spacing: -0.02em;
border: 1px solid rgba(15,23,42,0.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 10px 22px rgba(11,16,32,0.08);
}
.ecg-country {
display: inline-flex;
align-items: center;
gap: 11px;
min-width: 0;
font-size: clamp(13px, 1vw, 15px);
line-height: 1.25;
font-weight: 820;
letter-spacing: -0.018em;
color: #182030;
}
.ecg-country-name {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ecg-flag {
display: inline-flex;
width: 34px;
height: 23px;
min-width: 34px;
border-radius: 7px;
position: relative;
overflow: hidden;
background: #eef0f3;
box-shadow: inset 0 0 0 1px rgba(11,16,32,0.16), 0 5px 12px rgba(11,16,32,0.08);
}
.ecg-flag img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border: 0;
}
.ecg-mobile-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-left: auto;
border-radius: 999px;
border: 1px solid rgba(11,16,32,0.12);
background: #fff;
position: relative;
}
.ecg-mobile-toggle::before,
.ecg-mobile-toggle::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 2px;
border-radius: 999px;
background: #31405a;
transform: translate(-50%, -50%);
transition: transform 0.18s ease;
}
.ecg-mobile-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.ecg-passport-item.ecg-open .ecg-mobile-toggle::after { transform: translate(-50%, -50%) rotate(0deg); }
.ecg-passport-floating-popover {
position: fixed;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
z-index: 2147483000;
width: 760px;
max-width: calc(100vw - 32px);
padding: 14px;
border: 1px solid rgba(11,16,32,0.13);
border-radius: 24px;
background: rgba(255,253,248,0.98);
box-shadow: 0 26px 68px rgba(11,16,32,0.24);
font-family: "eastcoast-global", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
pointer-events: auto;
backdrop-filter: blur(10px);
}
.ecg-passport-floating-popover::before {
content: "";
position: absolute;
top: -7px;
left: var(--ecg-floating-arrow-left, 32px);
width: 14px;
height: 14px;
background: rgba(255,253,248,0.98);
border-left: 1px solid rgba(11,16,32,0.13);
border-top: 1px solid rgba(11,16,32,0.13);
transform: rotate(45deg);
}
.ecg-passport-floating-popover > div,
.ecg-passport-shared-detail > div,
.ecg-visa-action,
.ecg-mobility-score-card {
min-width: 0;
padding: 13px 12px;
border: 1px solid rgba(11,16,32,0.09);
border-radius: 17px;
background: #ffffff;
}
.ecg-passport-floating-popover span,
.ecg-passport-shared-detail span,
.ecg-visa-action span,
.ecg-mobility-score-card span {
display: block;
font-size: 9px;
line-height: 1.25;
font-weight: 900;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #6d7584;
white-space: normal;
text-wrap: balance;
}
.ecg-passport-floating-popover strong,
.ecg-passport-shared-detail strong,
.ecg-visa-action strong,
.ecg-mobility-score-card strong {
display: block;
margin-top: 6px;
font-size: 19px;
line-height: 1;
font-weight: 900;
color: var(--pr-ink);
}
.ecg-mobility-score-card {
position: relative;
overflow: hidden;
background: linear-gradient(145deg, #0b1020, #153a6f);
border-color: rgba(255,255,255,0.14);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
}
.ecg-mobility-score-card::after {
content: "";
position: absolute;
right: -18px;
top: -18px;
width: 58px;
height: 58px;
border-radius: 50%;
background: rgba(255,255,255,0.10);
}
.ecg-mobility-score-card span { color: rgba(255,253,248,0.68); }
.ecg-mobility-score-card strong { color: #fffdf8; }
.ecg-visa-action {
display: block;
width: 100%;
text-align: left;
font-family: inherit;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.ecg-visa-action:hover,
.ecg-visa-action:focus {
transform: translateY(-1px);
border-color: rgba(20,60,117,0.24);
box-shadow: 0 14px 30px rgba(20,60,117,0.12);
outline: none;
}
.ecg-passport-floating-popover.ecg-ai-open {
grid-template-columns: 1fr;
width: min(820px, calc(100vw - 32px));
}
.ecg-passport-shared-detail {
display: none;
width: 100%;
box-sizing: border-box;
}
.ecg-ai-panel {
min-width: 0;
padding: 18px;
border: 1px solid rgba(11,16,32,0.10);
border-radius: 22px;
background: #ffffff;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-panel,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-panel {
padding: 18px;
border-radius: 22px;
background: #ffffff;
box-shadow: none;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-panel div,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-panel div {
min-width: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.ecg-ai-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
}
.ecg-ai-title {
margin: 0;
font-size: 17px;
line-height: 1.3;
font-weight: 900;
letter-spacing: -0.025em;
color: var(--pr-ink);
}
.ecg-ai-subtitle {
margin: 6px 0 0 0;
font-size: 12px;
line-height: 1.55;
font-weight: 650;
color: var(--pr-muted);
}
.ecg-ai-subtitle strong { font-weight: 900; color: var(--pr-ink); }
.ecg-ai-back {
flex: 0 0 auto;
min-height: 34px;
padding: 0 13px;
border: 1px solid rgba(11,16,32,0.14);
border-radius: 999px;
background: #fffdf8;
color: var(--pr-blue);
font-family: inherit;
font-size: 11px;
font-weight: 900;
cursor: pointer;
}
.ecg-ai-back:hover,
.ecg-ai-back:focus { background: var(--pr-blue-soft); outline: none; }
.ecg-ai-search-wrap { position: relative; margin: 0 0 14px 0; }
.ecg-ai-search-box {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
height: 52px;
padding: 6px 8px;
border: 1px solid rgba(11,16,32,0.12);
border-radius: 18px;
background: #fffdf8;
}
.ecg-ai-search-input {
height: 38px;
font-size: 13px;
line-height: 38px;
font-weight: 760;
}
.ecg-ai-count {
margin: 0 0 8px 0;
font-size: 11px;
line-height: 1.4;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7a5a23;
}
.ecg-ai-list {
margin: 0;
font-size: 13px;
line-height: 1.78;
font-weight: 620;
color: #273244;
word-break: normal;
overflow-wrap: anywhere;
}
.ecg-ai-loading {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 800;
color: var(--pr-blue);
}
.ecg-ai-spinner {
width: 17px;
height: 17px;
border-radius: 999px;
border: 2px solid rgba(20,60,117,0.16);
border-top-color: var(--pr-blue);
animation: ecgAISpin 0.8s linear infinite;
}
.ecg-ai-error {
font-size: 13px;
line-height: 1.6;
font-weight: 700;
color: #9f1239;
}
@keyframes ecgAISpin { to { transform: rotate(360deg); } }
@media (min-width: 1281px) {
.ecg-passport-item[data-rank="1"],
.ecg-passport-item[data-rank="2"],
.ecg-passport-item[data-rank="3"] {
min-height: 86px;
}
.ecg-passport-item[data-rank="1"] .ecg-rank,
.ecg-passport-item[data-rank="2"] .ecg-rank,
.ecg-passport-item[data-rank="3"] .ecg-rank {
width: 48px;
height: 48px;
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
border-radius: 16px;
font-size: 15px;
}
}
@media (max-width: 1280px) {
.ecg-passport-list-wrap { max-width: 1180px; }
.ecg-passport-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: minmax(78px, auto);
}
.ecg-passport-search-wrap {
grid-column: 1 / -1;
grid-row: auto;
position: relative;
top: auto;
min-height: 0;
display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
gap: 12px;
}
.ecg-passport-search-wrap::before,
.ecg-passport-search-wrap::after {
grid-column: 1 / -1;
}
.ecg-visa-checker { grid-column: 2; grid-row: 3 / span 2; }
.ecg-passport-search-box { grid-column: 1; }
.ecg-geo-rank-notice { grid-column: 1; }
}
@media (max-width: 980px) {
.ecg-passport-hero { grid-template-columns: 1fr; min-height: auto; }
.ecg-passport-hero-panel { min-height: 210px; margin: 0 18px 18px 18px; }
.ecg-passport-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ecg-passport-search-wrap { grid-template-columns: 1fr; }
.ecg-visa-checker,
.ecg-passport-search-box,
.ecg-geo-rank-notice { grid-column: 1; grid-row: auto; }
.ecg-passport-floating-popover { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 680px; }
}
@media (max-width: 768px) {
body.ecg-passport-modal-open { overflow: hidden; }
.ecg-passport-list-wrap {
margin: 24px auto;
padding: 0 12px 28px 12px;
}
.ecg-passport-list-wrap::before { height: 460px; border-radius: 0 0 28px 28px; background-size: 36px 36px, 36px 36px, auto, auto, auto; }
.ecg-passport-list-wrap::after { display: none; }
.ecg-passport-hero {
border-radius: 26px;
margin-bottom: 14px;
}
.ecg-passport-hero::before { inset: 12px; border-radius: 18px; }
.ecg-passport-hero::after { display: none; }
.ecg-passport-hero-inner { padding: 24px; }
.ecg-passport-brandline {
grid-template-columns: 40px minmax(0, auto);
gap: 10px;
margin-bottom: 18px;
}
.ecg-passport-brandmark { width: 40px; height: 40px; min-width: 40px; }
.ecg-passport-title { font-size: clamp(36px, 11vw, 54px); line-height: 1.06; }
.ecg-passport-subtitle { font-size: 14px; line-height: 1.62; }
.ecg-passport-hero-panel { min-height: 160px; border-radius: 22px; }
.ecg-passport-hero-panel::before { font-size: 52px; left: 22px; top: 22px; }
.ecg-passport-hero-panel::after { right: 22px; bottom: 22px; font-size: 9px; }
.ecg-passport-panel-line { top: 94px; }
.ecg-passport-panel-code { top: 112px; }
.ecg-passport-list {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: auto;
gap: 10px;
}
.ecg-passport-search-wrap {
padding: 13px;
border-radius: 22px;
gap: 10px;
}
.ecg-passport-search-wrap::after { font-size: 16px; }
.ecg-passport-search-box { height: 54px; border-radius: 17px; }
.ecg-passport-search-input { font-size: 13px; }
.ecg-visa-checker { padding: 10px; border-radius: 19px; }
.ecg-compare-box { height: 50px; border-radius: 16px; }
.ecg-compare-button { min-height: 50px; border-radius: 16px; }
.ecg-compare-button-label-desktop { display: none; }
.ecg-compare-button-label-mobile { display: inline; }
.ecg-passport-item {
grid-template-columns: 48px minmax(0, 1fr) 24px;
min-height: 72px;
padding: 10px 12px 10px 10px;
border-radius: 18px;
transform: none;
}
.ecg-passport-item:hover,
.ecg-passport-item:focus,
.ecg-passport-item.ecg-open { transform: none; }
.ecg-rank { width: 44px; height: 44px; min-width: 44px; border-radius: 14px; }
.ecg-passport-item::before {
left: 0;
top: 10px;
bottom: 10px;
width: 4px;
border-radius: 999px;
}
.ecg-passport-item:hover::before,
.ecg-passport-item:focus::before,
.ecg-passport-item.ecg-open::before {
top: 8px;
bottom: 8px;
}
.ecg-country { font-size: 14px; }
.ecg-flag { width: 31px; height: 21px; min-width: 31px; }
.ecg-passport-floating-popover { display: none !important; }
.ecg-passport-shared-detail {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
height: 0;
min-height: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: max-height 0.26s ease, opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.ecg-passport-shared-detail.ecg-show {
height: auto;
max-height: 380px;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.ecg-passport-shared-detail > div,
.ecg-visa-action,
.ecg-mobility-score-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px;
border-radius: 15px;
}
.ecg-passport-shared-detail strong,
.ecg-visa-action strong,
.ecg-mobility-score-card strong {
margin-top: 0;
font-size: 17px;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show {
position: fixed !important;
left: 10px !important;
right: 10px !important;
top: max(12px, env(safe-area-inset-top)) !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
z-index: 2147483000;
display: block;
height: auto;
max-height: none;
margin: 0;
padding: 10px;
overflow: auto;
opacity: 1;
visibility: visible;
transform: none;
border: 1px solid rgba(11,16,32,0.13);
border-radius: 24px;
background: #fffdf8;
box-shadow: 0 26px 70px rgba(11,16,32,0.30);
}
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-panel { padding: 14px; }
.ecg-ai-top { flex-direction: column; gap: 10px; }
.ecg-ai-back { width: 100%; }
.ecg-ai-suggestions,
.ecg-ai-suggestions.ecg-show,
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-suggestions,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-suggestions {
display: none !important;
}
}
@media (max-width: 480px) {
.ecg-passport-list-wrap { padding-left: 10px; padding-right: 10px; }
.ecg-passport-hero-inner { padding: 20px; }
.ecg-passport-title { letter-spacing: -0.065em; }
.ecg-passport-hero-panel { min-height: 136px; }
.ecg-passport-panel-code { font-size: 9px; }
.ecg-passport-search-wrap::after { content: attr(data-pr-checker-label); }
.ecg-passport-search-wrap::before { letter-spacing: 0.16em; }
.ecg-country-name { white-space: normal; line-height: 1.22; }
.ecg-passport-suggestions,
.ecg-compare-suggestions { max-height: 250px; }
}
@media (min-width: 769px) {
.ecg-passport-shared-detail { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
.ecg-passport-list-wrap *,
.ecg-passport-list-wrap *::before,
.ecg-passport-list-wrap *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.001ms !important;
}
}
.ecg-passport-list-wrap {
max-width: 1460px;
margin: 0 auto 54px auto;
padding: 18px 24px 54px 24px;
}
.ecg-passport-list-wrap::before {
inset: 0 0 auto 0;
height: 690px;
border-radius: 0 0 54px 54px;
background:
linear-gradient(90deg, rgba(11,16,32,0.028) 1px, transparent 1px) 0 0 / 54px 54px,
linear-gradient(180deg, rgba(11,16,32,0.028) 1px, transparent 1px) 0 0 / 54px 54px,
radial-gradient(circle at 20% 12%, rgba(184,138,60,0.18), transparent 30%),
radial-gradient(circle at 88% 8%, rgba(20,60,117,0.12), transparent 30%),
linear-gradient(180deg, #fbfaf6 0%, #f6f2e9 55%, #ffffff 100%);
}
.ecg-passport-hero {
grid-template-columns: minmax(0, 1fr) minmax(318px, 414px);
gap: 30px;
min-height: 0;
padding: clamp(24px, 3.4vw, 46px);
margin: 0 0 24px 0;
border-radius: 38px;
border-color: rgba(11,16,32,0.12);
background:
radial-gradient(circle at 76% 18%, rgba(184,138,60,0.12), transparent 26%),
radial-gradient(circle at 34% 0%, rgba(20,60,117,0.08), transparent 34%),
linear-gradient(135deg, rgba(255,253,248,0.98), rgba(255,255,255,0.94));
box-shadow: 0 30px 90px rgba(11,16,32,0.10);
}
.ecg-passport-hero::before {
inset: 18px;
border-radius: 28px;
border-color: rgba(184,138,60,0.14);
background:
linear-gradient(90deg, rgba(11,16,32,0.028) 1px, transparent 1px) 0 0 / 42px 42px,
linear-gradient(180deg, rgba(11,16,32,0.026) 1px, transparent 1px) 0 0 / 42px 42px;
}
.ecg-passport-hero::after {
left: 42%;
bottom: -18px;
font-size: clamp(54px, 8vw, 118px);
letter-spacing: -0.055em;
color: rgba(11,16,32,0.028);
}
.ecg-passport-hero-inner {
padding: 0;
justify-content: center;
}
.ecg-passport-brandline {
margin-bottom: 20px;
background: rgba(255,255,255,0.68);
backdrop-filter: blur(12px);
}
.ecg-passport-title {
max-width: 900px;
font-size: clamp(42px, 5vw, 76px);
line-height: 1.06;
letter-spacing: -0.065em;
}
.ecg-passport-subtitle {
display: block;
max-width: 760px;
margin: 18px 0 0 0;
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1.62;
font-weight: 500;
letter-spacing: -0.012em;
color: #687386;
}
.ecg-passport-hero-panel {
min-height: 100%;
margin: 0;
border-radius: 30px;
background:
linear-gradient(140deg, rgba(255,255,255,0.08), transparent 36%),
radial-gradient(circle at 74% 20%, rgba(184,138,60,0.34), transparent 25%),
linear-gradient(160deg, #07101f 0%, #142944 58%, #0b1020 100%);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14), 0 28px 60px rgba(11,16,32,0.25);
}
.ecg-passport-hero-panel::before {
font-size: clamp(76px, 8vw, 116px);
left: 30px;
top: 36px;
}
.ecg-passport-panel-line { top: 158px; }
.ecg-passport-panel-code { top: 186px; }
.ecg-passport-panel-grid { height: 92px; }
.ecg-passport-search-wrap {
position: relative !important;
top: auto !important;
grid-column: auto !important;
grid-row: auto !important;
z-index: 30;
display: grid;
grid-template-columns: minmax(250px, 0.92fr) minmax(390px, 1.3fr);
gap: 16px 18px;
width: 100%;
min-height: 0;
margin: 32px 0 0 0;
padding: 16px;
border-radius: 30px;
border: 1px solid rgba(11,16,32,0.12);
background:
linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,253,248,0.92)),
radial-gradient(circle at 15% 12%, rgba(184,138,60,0.13), transparent 24%);
box-shadow: 0 22px 54px rgba(11,16,32,0.10);
backdrop-filter: blur(16px);
}
.ecg-passport-search-wrap::before {
content: attr(data-pr-search-label);
grid-column: 1;
margin: 0 0 -4px 4px;
font-size: 12px;
line-height: 1.1;
font-weight: 900;
letter-spacing: 0.02em;
text-transform: none;
color: var(--pr-ink);
}
.ecg-passport-search-wrap::after {
content: attr(data-pr-checker-label);
grid-column: 2;
margin: 0 0 -4px 4px;
font-size: 12px;
line-height: 1.1;
font-weight: 900;
letter-spacing: 0.02em;
color: var(--pr-ink);
}
.ecg-passport-search-box {
grid-column: 1;
height: 58px;
margin: 0;
border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 12px 28px rgba(11,16,32,0.06);
}
.ecg-passport-search-input {
font-size: 14px;
font-weight: 720;
}
.ecg-passport-search-icon,
.ecg-ai-search-icon {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
background: #eef3fb;
border-color: rgba(20,60,117,0.18);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.84);
}
.ecg-passport-search-icon::before,
.ecg-ai-search-icon::before {
content: "";
width: 19px;
height: 19px;
border: 0;
border-radius: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='9.8' cy='9.8' r='6.4' stroke='%23143c75' stroke-width='2.2'/%3E%3Cpath d='M14.6 14.6L20 20' stroke='%23143c75' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 19px 19px;
}
.ecg-passport-search-icon::after,
.ecg-ai-search-icon::after {
content: none;
}
.ecg-visa-checker {
grid-column: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
gap: 10px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.ecg-visa-checker::before { display: none; }
.ecg-compare-field { min-width: 0; }
.ecg-compare-box {
height: 58px;
border-radius: 999px;
background: #fff;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 12px 28px rgba(11,16,32,0.05);
}
.ecg-compare-button {
width: 132px;
min-width: 132px;
min-height: 58px;
border-radius: 999px;
letter-spacing: 0.06em;
box-shadow: 0 16px 30px rgba(11,16,32,0.20);
}
.ecg-compare-result {
grid-column: 1 / -1;
margin: 0;
}
.ecg-geo-rank-notice {
grid-column: 1 / -1;
order: 20;
}
.ecg-passport-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-flow: row;
grid-auto-rows: minmax(86px, auto);
gap: 14px;
margin-top: 22px;
}
.ecg-passport-item {
min-height: 86px;
padding: 13px 14px;
border-radius: 24px;
background:
linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,253,248,0.90));
box-shadow: 0 14px 34px rgba(11,16,32,0.065);
}
.ecg-passport-item::before {
left: 0;
top: 12px;
bottom: 12px;
width: 5px;
border-radius: 999px;
}
.ecg-rank {
border-radius: 16px;
background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 46%, #f7efe0 100%);
color: #0f172a;
border: 1px solid rgba(15,23,42,0.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 10px 22px rgba(11,16,32,0.08);
}
.ecg-country {
gap: 10px;
}
.ecg-passport-floating-popover {
width: 780px;
border-radius: 30px;
padding: 16px;
background:
linear-gradient(180deg, rgba(255,253,248,0.99), rgba(255,255,255,0.98));
box-shadow: 0 30px 86px rgba(11,16,32,0.26);
}
.ecg-passport-floating-popover.ecg-ai-open {
width: min(1040px, calc(100vw - 38px));
padding: 22px;
border-radius: 34px;
}
.ecg-passport-floating-popover.ecg-ai-open::before { display: none; }
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-panel,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-panel,
.ecg-ai-panel {
position: relative;
overflow: hidden;
padding: 22px;
border-radius: 28px;
background:
radial-gradient(circle at 100% 100%, rgba(184,138,60,0.12), transparent 30%),
linear-gradient(180deg, #ffffff, #fffdf8);
border: 1px solid rgba(11,16,32,0.10);
box-shadow: none;
}
.ecg-ai-panel::before {
content: "";
position: absolute;
right: -90px;
bottom: -110px;
width: 300px;
height: 300px;
pointer-events: none;
border-radius: 50%;
background:
linear-gradient(90deg, rgba(184,138,60,0.18) 1px, transparent 1px) 0 0 / 26px 26px,
linear-gradient(180deg, rgba(184,138,60,0.14) 1px, transparent 1px) 0 0 / 26px 26px;
opacity: 0.55;
}
.ecg-ai-top {
position: relative;
z-index: 2;
align-items: flex-start;
margin-bottom: 18px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(11,16,32,0.08);
}
.ecg-ai-title {
font-size: clamp(22px, 2.2vw, 32px);
line-height: 1.08;
letter-spacing: -0.045em;
}
.ecg-ai-subtitle {
max-width: 690px;
font-size: 14px;
line-height: 1.62;
font-weight: 660;
color: #687386;
}
.ecg-ai-subtitle strong {
display: inline-block;
margin: 0 4px 0 0;
font-size: 28px;
line-height: 1;
color: var(--pr-gold);
}
.ecg-ai-back {
min-height: 40px;
padding: 0 18px;
border-radius: 999px;
background: #fff;
}
.ecg-ai-search-wrap {
position: relative;
z-index: 2;
margin: 0 0 14px 0;
}
.ecg-ai-search-box {
height: 58px;
grid-template-columns: 48px minmax(0, 1fr);
border-radius: 999px;
background: #ffffff;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 14px 30px rgba(11,16,32,0.06);
}
.ecg-ai-search-input {
height: 44px;
font-size: 14px;
line-height: 44px;
}
.ecg-ai-count-row {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 2px 0 12px 0;
}
.ecg-ai-count {
margin: 0;
font-size: 12px;
letter-spacing: 0.13em;
}
.ecg-ai-sort-label {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
padding: 0 10px;
border-radius: 999px;
background: #f5f2ec;
color: #7a5a23;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.08em;
}
.ecg-ai-list {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.35;
font-weight: 700;
color: #273244;
}
.ecg-ai-country-pill {
display: grid;
grid-template-columns: 8px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-height: 36px;
padding: 8px 10px;
border: 1px solid rgba(11,16,32,0.075);
border-radius: 999px;
background: rgba(255,255,255,0.78);
box-shadow: 0 6px 18px rgba(11,16,32,0.035);
}
.ecg-ai-country-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--pr-gold);
box-shadow: 0 0 0 4px rgba(184,138,60,0.12);
}
.ecg-ai-country-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ecg-ai-country-empty {
grid-column: 1 / -1;
padding: 16px;
border-radius: 18px;
background: #f5f2ec;
color: #687386;
font-weight: 800;
}
@media (max-width: 1180px) {
.ecg-passport-hero { grid-template-columns: 1fr; }
.ecg-passport-hero-panel { min-height: 220px; }
.ecg-passport-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
.ecg-passport-search-wrap { grid-template-columns: 1fr; }
.ecg-passport-search-wrap::before,
.ecg-passport-search-wrap::after { grid-column: 1; }
.ecg-passport-search-wrap::after { margin-top: 8px; }
.ecg-passport-search-box { grid-column: 1; }
.ecg-visa-checker { grid-column: 1; grid-template-columns: 1fr; }
.ecg-compare-button { width: 100%; min-width: 0; }
.ecg-passport-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ecg-ai-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.ecg-passport-list-wrap { padding: 12px 12px 34px 12px; }
.ecg-passport-hero { padding: 18px; border-radius: 28px; }
.ecg-passport-title { font-size: clamp(36px, 10vw, 52px); line-height: 1.06; }
.ecg-passport-subtitle { font-size: 14px; line-height: 1.58; }
.ecg-passport-search-wrap { margin-top: 22px; padding: 12px; border-radius: 22px; }
.ecg-passport-list { grid-template-columns: 1fr; }
.ecg-passport-shared-detail.ecg-ai-open.ecg-show { border-radius: 26px; background: #fffdf8; }
.ecg-ai-list { grid-template-columns: 1fr; }
.ecg-ai-country-name { white-space: normal; }
}
.ecg-passport-hero { align-items: stretch; }
.ecg-passport-hero-panel {
align-self: stretch;
min-height: clamp(420px, 38vw, 560px);
}
.ecg-passport-search-wrap {
overflow: visible;
align-items: start;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.45fr);
}
.ecg-passport-search-box,
.ecg-compare-field,
.ecg-visa-checker,
.ecg-compare-box,
.ecg-ai-search-box,
.ecg-ai-search-wrap,
.ecg-ai-count-row,
.ecg-ai-list,
.ecg-ai-country-pill { min-width: 0; }
.ecg-passport-search-box {
padding: 8px 12px 8px 8px;
}
.ecg-passport-search-input,
.ecg-compare-input,
.ecg-ai-search-input {
min-width: 0;
width: 100%;
}
.ecg-passport-search-icon,
.ecg-ai-search-icon {
justify-self: start;
margin: 0;
}
.ecg-visa-checker {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 132px;
align-items: stretch;
}
.ecg-compare-box {
grid-template-columns: 46px minmax(0, 1fr);
padding: 8px 10px 8px 8px;
}
.ecg-compare-icon {
width: 38px;
height: 38px;
min-width: 38px;
margin: 0;
border-radius: 50%;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.84);
}
.ecg-compare-button {
width: 132px;
max-width: 100%;
justify-self: stretch;
}
.ecg-geo-rank-notice {
padding: 14px;
border-radius: 22px;
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.98));
}
.ecg-passport-floating-popover {
gap: 12px;
}
.ecg-passport-floating-popover > div,
.ecg-passport-shared-detail > div,
.ecg-visa-action,
.ecg-mobility-score-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
min-height: 104px;
padding: 16px 16px 15px 16px;
}
.ecg-passport-floating-popover span,
.ecg-passport-shared-detail span,
.ecg-visa-action span,
.ecg-mobility-score-card span {
font-size: 11px;
line-height: 1.2;
letter-spacing: 0.09em;
}
.ecg-passport-floating-popover strong,
.ecg-passport-shared-detail strong,
.ecg-visa-action strong,
.ecg-mobility-score-card strong {
margin-top: 0;
font-size: 22px;
line-height: 1.05;
}
.ecg-ai-search-box {
grid-template-columns: 54px minmax(0, 1fr);
padding: 8px 12px 8px 8px;
}
.ecg-ai-search-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
.ecg-ai-count-row {
margin: 4px 0 16px 0;
padding: 0;
}
.ecg-ai-sort-label {
min-width: 64px;
min-height: 42px;
padding: 0 18px;
border: 1px solid rgba(11,16,32,0.08);
border-radius: 18px;
background: linear-gradient(180deg, #faf7f1, #f3efe7);
color: #667085;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.08em;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}
.ecg-ai-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.ecg-ai-country-pill {
min-height: 48px;
padding: 10px 14px;
border-radius: 18px;
box-shadow: 0 8px 20px rgba(11,16,32,0.04);
}
.ecg-ai-country-dot {
width: 7px;
height: 7px;
}
.ecg-ai-country-name {
font-size: 14px;
line-height: 1.3;
font-weight: 800;
}
@media (max-width: 1180px) {
.ecg-passport-search-wrap { grid-template-columns: minmax(0, 1fr); }
.ecg-passport-search-wrap::before,
.ecg-passport-search-wrap::after,
.ecg-passport-search-box,
.ecg-visa-checker,
.ecg-geo-rank-notice { grid-column: 1; }
.ecg-passport-search-wrap::after { margin-top: 8px; }
.ecg-visa-checker { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 132px; }
.ecg-ai-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
.ecg-passport-hero-panel { min-height: 240px; }
.ecg-visa-checker { grid-template-columns: 1fr; }
.ecg-compare-button { width: 100%; }
.ecg-ai-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.ecg-passport-hero-panel { min-height: 200px; }
.ecg-passport-search-box,
.ecg-compare-box,
.ecg-ai-search-box { border-radius: 20px; }
.ecg-ai-sort-label {
min-width: 56px;
min-height: 36px;
padding: 0 14px;
border-radius: 16px;
font-size: 12px;
}
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action {
min-height: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 12px;
text-align: left;
}
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card span,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action span,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card strong,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action strong {
display: inline-flex;
width: auto;
margin: 0;
text-align: left;
}
.ecg-ai-list { grid-template-columns: 1fr; }
}
.ecg-passport-list-wrap::before {
height: 760px;
border-radius: 0 0 56px 56px;
background:
radial-gradient(circle at 76% 16%, rgba(184,138,60,0.16), transparent 18%),
radial-gradient(circle at 22% 10%, rgba(20,60,117,0.10), transparent 24%),
linear-gradient(180deg, rgba(255,255,255,0.00), rgba(255,255,255,0.00)),
linear-gradient(180deg, #fbfaf6 0%, #f7f3eb 54%, #ffffff 100%);
}
.ecg-passport-hero {
grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
grid-template-areas:
"content panel"
"search search";
gap: 26px 30px;
align-items: start;
overflow: visible;
background:
radial-gradient(circle at 76% 22%, rgba(184,138,60,0.12), transparent 18%),
radial-gradient(circle at 82% 18%, rgba(11,16,32,0.03), transparent 28%),
linear-gradient(135deg, rgba(255,253,248,0.98), rgba(255,255,255,0.95));
}
.ecg-passport-hero::before {
inset: 18px;
border-radius: 28px;
border-color: rgba(184,138,60,0.14);
background:
radial-gradient(circle at 82% 18%, rgba(11,16,32,0.04) 0 1px, transparent 2px) 0 0 / 16px 16px,
radial-gradient(circle at 81% 21%, rgba(184,138,60,0.22) 0 2px, transparent 3px),
linear-gradient(transparent, transparent);
}
.ecg-passport-hero-inner { grid-area: content; }
.ecg-passport-hero-panel {
grid-area: panel;
min-height: 470px;
align-self: stretch;
}
.ecg-passport-search-wrap {
grid-area: search;
margin: 0;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.4fr);
gap: 16px 18px;
padding: 18px;
border-radius: 32px;
background:
linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,253,248,0.95)),
radial-gradient(circle at 85% 18%, rgba(184,138,60,0.12), transparent 24%);
box-shadow: 0 24px 58px rgba(11,16,32,0.10);
}
.ecg-passport-search-wrap::before,
.ecg-passport-search-wrap::after {
font-size: 13px;
margin-left: 6px;
}
.ecg-passport-search-box,
.ecg-compare-box,
.ecg-ai-search-box {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 14px 28px rgba(11,16,32,0.05);
}
.ecg-passport-search-box {
height: 62px;
padding: 8px 14px 8px 8px;
}
.ecg-passport-search-icon,
.ecg-ai-search-icon {
width: 40px;
height: 40px;
min-width: 40px;
margin: 0;
justify-self: start;
}
.ecg-visa-checker {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 142px;
align-items: stretch;
}
.ecg-compare-box {
height: 62px;
grid-template-columns: 42px minmax(0, 1fr);
padding: 8px 12px 8px 8px;
}
.ecg-compare-icon {
width: 38px;
height: 38px;
min-width: 38px;
margin: 0;
border-radius: 50%;
}
.ecg-compare-button {
width: 142px;
min-width: 142px;
min-height: 62px;
}
.ecg-geo-rank-notice {
display: none;
width: 100%;
margin: 10px 0 22px 0;
padding: 22px;
border-radius: 32px;
border: 1px solid rgba(11,16,32,0.10);
background:
radial-gradient(circle at 84% 18%, rgba(184,138,60,0.14), transparent 22%),
linear-gradient(160deg, #0a1324 0%, #14305b 52%, #0b1020 100%);
box-shadow: 0 28px 70px rgba(11,16,32,0.18);
color: #fffdf8;
overflow: hidden;
position: relative;
}
.ecg-geo-rank-notice::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 82% 24%, rgba(184,138,60,0.20), transparent 18%),
linear-gradient(transparent, transparent);
pointer-events: none;
}
.ecg-geo-rank-notice:not([aria-hidden="true"]) {
display: grid;
gap: 18px;
}
.ecg-geo-rank-head {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
.ecg-geo-rank-main {
display: flex;
align-items: center;
gap: 16px;
}
.ecg-geo-rank-flag {
width: 54px;
height: 36px;
min-width: 54px;
border-radius: 12px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16), 0 10px 24px rgba(0,0,0,0.18);
}
.ecg-geo-rank-flag img { width: 100%; height: 100%; object-fit: cover; }
.ecg-geo-rank-text {
font-size: 15px;
line-height: 1.55;
font-weight: 700;
color: rgba(255,253,248,0.90);
}
.ecg-geo-rank-text strong { color: #fff1ca; }
.ecg-geo-rank-badge {
width: auto;
min-width: 138px;
padding: 16px 18px;
border-radius: 22px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}
.ecg-geo-rank-badge-kicker {
font-size: 10px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255,253,248,0.74);
}
.ecg-geo-rank-badge-number {
font-size: 42px;
line-height: 0.92;
font-weight: 900;
color: #fff1ca;
}
.ecg-geo-rank-stats {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}
.ecg-geo-rank-card {
min-width: 0;
min-height: 116px;
padding: 18px 16px;
border-radius: 24px;
border: 1px solid rgba(255,255,255,0.10);
background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08));
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.ecg-geo-rank-card-primary {
background: linear-gradient(180deg, rgba(255,249,234,0.16), rgba(255,239,200,0.10));
}
.ecg-geo-rank-card-label {
display: block;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,253,248,0.76);
}
.ecg-geo-rank-card-value {
display: block;
margin-top: 12px;
font-size: 42px;
line-height: 0.95;
font-weight: 900;
color: #fffdf8;
}
.ecg-ai-search-icon,
.ecg-passport-search-icon { align-items: center; justify-content: center; }
.ecg-ai-search-icon::before,
.ecg-passport-search-icon::before { background-position: center center; }
.ecg-ai-count-row { align-items: center; }
.ecg-ai-sort-label {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 64px;
padding: 0 14px;
text-align: center;
}
.ecg-ai-list { gap: 10px 12px; }
.ecg-ai-country-pill {
grid-template-columns: 10px minmax(0, 1fr);
min-height: 42px;
align-items: center;
}
.ecg-ai-country-dot {
justify-self: center;
align-self: center;
width: 7px;
height: 7px;
box-shadow: 0 0 0 4px rgba(184,138,60,0.10);
}
.ecg-ai-country-name {
white-space: nowrap;
align-self: center;
}
@media (max-width: 1180px) {
.ecg-passport-hero {
grid-template-columns: 1fr;
grid-template-areas:
"content"
"panel"
"search";
}
.ecg-passport-hero-panel { min-height: 280px; }
.ecg-passport-search-wrap { grid-template-columns: 1fr; }
.ecg-passport-search-wrap::before,
.ecg-passport-search-wrap::after,
.ecg-passport-search-box,
.ecg-visa-checker { grid-column: 1; }
.ecg-passport-search-wrap::after { margin-top: 8px; }
.ecg-geo-rank-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
.ecg-visa-checker { grid-template-columns: 1fr; }
.ecg-compare-button { width: 100%; min-width: 0; }
.ecg-geo-rank-head { flex-direction: column; align-items: flex-start; }
.ecg-geo-rank-badge { min-width: 0; width: 100%; align-items: flex-start; }
.ecg-geo-rank-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.ecg-passport-hero-panel { min-height: 220px; }
.ecg-geo-rank-notice { padding: 16px; border-radius: 24px; }
.ecg-geo-rank-main { align-items: flex-start; }
.ecg-geo-rank-text { font-size: 14px; }
.ecg-geo-rank-badge-number { font-size: 34px; }
.ecg-geo-rank-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
.ecg-geo-rank-card { min-height: 94px; padding: 14px; border-radius: 18px; }
.ecg-geo-rank-card-value { font-size: 30px; }
.ecg-ai-country-name { white-space: normal; }
}
.ecg-passport-hero {
grid-template-areas: "content panel";
grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
align-items: stretch;
overflow: visible;
}
.ecg-passport-hero-inner {
grid-area: content;
align-self: center;
}
.ecg-passport-hero-panel {
grid-area: panel;
min-height: 640px;
overflow: visible;
isolation: isolate;
}
.ecg-passport-hero-panel::before,
.ecg-passport-hero-panel::after,
.ecg-passport-panel-line,
.ecg-passport-panel-code,
.ecg-passport-panel-grid {
pointer-events: none;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: absolute !important;
left: 28px;
right: 28px;
top: 210px;
bottom: 128px;
z-index: 6;
display: grid;
grid-template-columns: 1fr;
align-content: start;
gap: 9px;
width: auto;
min-height: 0;
margin: 0;
padding: 14px;
border-radius: 26px;
border: 1px solid rgba(255,253,248,0.14);
background:
radial-gradient(circle at 18% 20%, rgba(184,138,60,0.18), transparent 22%),
linear-gradient(180deg, rgba(255,255,255,0.125), rgba(255,255,255,0.075));
box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 22px 42px rgba(0,0,0,0.16);
backdrop-filter: blur(14px);
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
grid-column: 1;
margin: 0 0 2px 4px;
font-size: 11px;
line-height: 1.1;
font-weight: 900;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,253,248,0.78);
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before {
content: attr(data-pr-search-label);
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
content: attr(data-pr-checker-label);
margin-top: 8px;
color: rgba(255,241,202,0.88);
}
.ecg-passport-hero-panel .ecg-passport-search-box {
grid-column: 1;
height: 56px;
border-radius: 18px;
border-color: rgba(255,253,248,0.18);
background:
linear-gradient(90deg, rgba(255,241,202,0.98), rgba(255,255,255,0.98) 34%, rgba(255,255,255,0.94));
box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 12px 28px rgba(0,0,0,0.14);
}
.ecg-passport-hero-panel .ecg-passport-search-input {
font-size: 13px;
color: #0b1020;
}
.ecg-passport-hero-panel .ecg-passport-search-icon {
width: 38px;
height: 38px;
min-width: 38px;
background: #eef3fb;
border-color: rgba(20,60,117,0.18);
}
.ecg-passport-hero-panel .ecg-visa-checker {
grid-column: 1;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.ecg-passport-hero-panel .ecg-compare-box {
height: 52px;
border-radius: 17px;
border-color: rgba(255,253,248,0.16);
background: rgba(255,255,255,0.96);
}
.ecg-passport-hero-panel .ecg-compare-icon {
width: 36px;
height: 36px;
min-width: 36px;
margin: 0;
background: #eef3fb;
}
.ecg-passport-hero-panel .ecg-compare-input {
font-size: 12.5px;
}
.ecg-passport-hero-panel .ecg-compare-button {
width: 100%;
min-width: 0;
min-height: 52px;
border-radius: 17px;
background: linear-gradient(135deg, #fff1ca 0%, #c79a48 100%);
color: #0b1020;
box-shadow: 0 16px 30px rgba(0,0,0,0.20);
}
.ecg-passport-hero-panel .ecg-compare-result {
grid-column: 1;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
z-index: 1000;
}
.ecg-geo-rank-notice {
background:
radial-gradient(circle at 12% 24%, rgba(255,241,202,0.13), transparent 18%),
radial-gradient(circle at 85% 18%, rgba(184,138,60,0.18), transparent 20%),
radial-gradient(circle at 50% 54%, rgba(255,255,255,0.035) 0 1px, transparent 2px) 0 0 / 18px 18px,
linear-gradient(160deg, #091326 0%, #15325f 52%, #0b1020 100%);
}
.ecg-geo-rank-notice::before {
background:
radial-gradient(circle at 76% 22%, rgba(255,241,202,0.28), transparent 16%),
linear-gradient(115deg, transparent 0 28%, rgba(255,255,255,0.08) 28.2%, transparent 28.8%),
linear-gradient(150deg, transparent 0 62%, rgba(184,138,60,0.12) 62.2%, transparent 63%);
opacity: 0.8;
}
.ecg-geo-rank-text {
font-size: 16px;
letter-spacing: -0.015em;
}
.ecg-geo-country-name {
display: inline;
font-weight: 950;
color: #fffdf8;
text-shadow: 0 1px 12px rgba(255,241,202,0.18);
}
.ecg-geo-rank-card {
background:
linear-gradient(180deg, rgba(255,255,255,0.17), rgba(255,255,255,0.075)),
radial-gradient(circle at 82% 18%, rgba(255,241,202,0.10), transparent 28%);
}
.ecg-geo-rank-card-primary {
background:
linear-gradient(180deg, rgba(255,241,202,0.20), rgba(184,138,60,0.10)),
radial-gradient(circle at 82% 18%, rgba(255,253,248,0.12), transparent 30%);
}
@media (max-width: 1180px) {
.ecg-passport-hero {
grid-template-areas:
"content"
"panel";
grid-template-columns: 1fr;
}
.ecg-passport-hero-panel {
min-height: 620px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 176px;
bottom: 112px;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 600px;
border-radius: 26px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
left: 16px;
right: 16px;
top: 148px;
bottom: 102px;
padding: 12px;
border-radius: 22px;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
border-radius: 16px;
}
.ecg-geo-rank-text {
font-size: 14px;
}
}
.ecg-passport-hero {
grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
}
.ecg-passport-hero-panel {
min-height: 560px;
max-height: none;
overflow: visible;
}
.ecg-passport-panel-line {
top: 170px;
}
.ecg-passport-panel-code {
top: 206px;
z-index: 7;
}
.ecg-passport-panel-grid {
display: none !important;
}
.ecg-passport-hero-panel::after {
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 266px;
bottom: 28px;
left: 28px;
right: 28px;
gap: 8px;
padding: 14px;
border-radius: 24px;
background:
linear-gradient(180deg, rgba(255,255,255,0.145), rgba(255,255,255,0.075)),
radial-gradient(circle at 12% 0%, rgba(255,241,202,0.18), transparent 24%);
border: 1px solid rgba(255,253,248,0.16);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 18px 40px rgba(0,0,0,0.16);
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
position: static;
display: block;
margin: 0 0 4px 4px;
font-size: 11px;
line-height: 1.15;
font-weight: 900;
letter-spacing: 0.13em;
text-transform: uppercase;
z-index: 2;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
margin-top: 8px;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
height: 56px;
padding: 8px 14px 8px 8px;
border-radius: 18px;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-search-icon {
grid-column: 1;
grid-row: 1;
justify-self: center;
align-self: center;
margin: 0;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-search-input {
grid-column: 2;
grid-row: 1;
min-width: 0;
padding-left: 4px;
text-align: left;
}
.ecg-passport-hero-panel .ecg-compare-box {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
align-items: center;
height: 50px;
padding: 7px 12px 7px 7px;
}
.ecg-passport-hero-panel .ecg-compare-icon {
justify-self: center;
align-self: center;
}
.ecg-passport-hero-panel .ecg-compare-button {
min-height: 50px;
}
.ecg-geo-rank-notice {
border: 1px solid rgba(255,255,255,0.09);
background:
linear-gradient(135deg, rgba(255,241,202,0.10) 0%, rgba(255,241,202,0.025) 26%, rgba(255,255,255,0.00) 48%),
radial-gradient(circle at 86% 18%, rgba(184,138,60,0.16), transparent 28%),
linear-gradient(160deg, #091326 0%, #102849 54%, #0b1020 100%);
}
.ecg-geo-rank-notice::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.055) 48%, transparent 100%),
radial-gradient(ellipse at 88% 50%, rgba(255,241,202,0.10), transparent 34%);
opacity: 0.95;
}
.ecg-geo-rank-notice::after {
content: "";
position: absolute;
right: -110px;
top: -150px;
width: 420px;
height: 420px;
border-radius: 50%;
pointer-events: none;
opacity: 0.34;
background:
radial-gradient(circle, transparent 0 48%, rgba(255,241,202,0.30) 48.4% 48.8%, transparent 49.2%),
radial-gradient(circle, transparent 0 34%, rgba(255,241,202,0.20) 34.4% 34.8%, transparent 35.2%),
linear-gradient(68deg, transparent 0 48.8%, rgba(255,241,202,0.16) 49% 49.4%, transparent 49.6%),
linear-gradient(112deg, transparent 0 49%, rgba(255,241,202,0.14) 49.2% 49.6%, transparent 49.8%);
}
.ecg-geo-rank-head,
.ecg-geo-rank-stats {
position: relative;
z-index: 2;
}
.ecg-geo-rank-card {
border-color: rgba(255,255,255,0.10);
background:
linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.07));
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.ecg-geo-rank-card-primary {
background:
linear-gradient(180deg, rgba(255,241,202,0.18), rgba(184,138,60,0.085));
}
.ecg-geo-country-name {
color: #fffdf8;
font-weight: 950;
letter-spacing: -0.01em;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel {
min-height: 540px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 244px;
bottom: 28px;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 535px;
}
.ecg-passport-panel-line {
top: 130px;
}
.ecg-passport-panel-code {
top: 156px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 214px;
left: 16px;
right: 16px;
bottom: 22px;
}
}
.ecg-passport-panel-code {
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
gap: 10px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.ecg-passport-panel-line {
top: 142px;
}
@media (max-width: 1180px) {
.ecg-passport-panel-line {
top: 132px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
}
@media (max-width: 768px) {
.ecg-passport-panel-line {
top: 112px;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
grid-template-rows: 1fr !important;
align-items: center !important;
justify-items: stretch !important;
overflow: visible;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
height: 58px;
padding: 0 16px 0 9px !important;
}
.ecg-passport-hero-panel .ecg-compare-box {
height: 52px;
padding: 0 14px 0 8px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 20px !important;
padding: 0 0 1px 2px !important;
border: 0 !important;
line-height: 1.12 !important;
vertical-align: middle !important;
-webkit-appearance: none !important;
appearance: none !important;
transform: translateY(-1px);
}
.ecg-passport-hero-panel .ecg-passport-search-input::-webkit-search-decoration,
.ecg-passport-hero-panel .ecg-passport-search-input::-webkit-search-cancel-button,
.ecg-passport-hero-panel .ecg-compare-input::-webkit-search-decoration,
.ecg-passport-hero-panel .ecg-compare-input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
line-height: 1.12;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1px solid rgba(20,60,117,0.17) !important;
background:
radial-gradient(circle at 32% 22%, rgba(255,255,255,0.92), transparent 32%),
linear-gradient(180deg, #f4f7fb 0%, #e5edf7 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 6px 14px rgba(20,60,117,0.08) !important;
transform: translateY(-1px);
}
.ecg-passport-hero-panel .ecg-compare-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before,
.ecg-passport-hero-panel .ecg-compare-icon:not(.ecg-compare-icon-selected)::before {
content: "" !important;
display: block !important;
width: 22px !important;
height: 22px !important;
border: 0 !important;
border-radius: 0 !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 22px 22px !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.7' cy='10.7' r='6.2' stroke='%23143C75' stroke-width='2.25'/%3E%3Cpath d='M15.3 15.3L20.5 20.5' stroke='%23143C75' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M10.7 7.55V10.7L13.05 12.15' stroke='%23143C75' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-passport:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='6.2' y='3.4' width='11.6' height='17.2' rx='2.5' stroke='%23143C75' stroke-width='2.15'/%3E%3Cpath d='M8.9 6.9H15.1' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3Ccircle cx='12' cy='12.1' r='3.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M8.85 12.1H15.15M12 8.95C13.05 10.1 13.05 14.1 12 15.25M12 8.95C10.95 10.1 10.95 14.1 12 15.25' stroke='%23143C75' stroke-width='1.2' stroke-linecap='round' opacity='.78'/%3E%3Cpath d='M9.3 18H14.7' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-target:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.2C12 21.2 18.1 15.9 18.1 10.5C18.1 7.1 15.4 4.4 12 4.4C8.6 4.4 5.9 7.1 5.9 10.5C5.9 15.9 12 21.2 12 21.2Z' stroke='%23143C75' stroke-width='2.15' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M4.7 19.35C6.2 18.45 8.05 18 10.2 18M13.8 18C15.95 18 17.8 18.45 19.3 19.35' stroke='%23143C75' stroke-width='1.45' stroke-linecap='round' opacity='.58'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon::after,
.ecg-passport-hero-panel .ecg-compare-icon::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon-selected,
.ecg-passport-hero-panel .ecg-compare-icon-selected {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
grid-template-columns: 46px minmax(0, 1fr) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
}
}
.ecg-passport-hero-panel {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
overflow: visible !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
width: calc(100% - 56px) !important;
max-width: calc(100% - 56px) !important;
min-height: 0 !important;
margin: 0 auto !important;
flex: 0 0 auto !important;
align-self: center !important;
justify-self: center !important;
}
.ecg-passport-panel-line {
top: calc(50% - 210px) !important;
z-index: 2 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
place-items: center stretch !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
transform: none !important;
display: flex !important;
align-items: center !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 56px) !important;
max-width: calc(100% - 56px) !important;
}
.ecg-passport-panel-line {
top: calc(50% - 200px) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 535px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 32px) !important;
max-width: calc(100% - 32px) !important;
}
.ecg-passport-panel-line {
top: calc(50% - 190px) !important;
}
}
.ecg-passport-hero-panel {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
isolation: isolate !important;
}
.ecg-passport-hero-panel::before {
left: 30px !important;
top: 34px !important;
z-index: 1 !important;
font-size: clamp(72px, 5.9vw, 96px) !important;
line-height: 0.78 !important;
letter-spacing: -0.08em !important;
color: rgba(255,253,248,0.90) !important;
}
.ecg-passport-panel-line {
left: 32px !important;
right: 32px !important;
top: 136px !important;
z-index: 2 !important;
opacity: 0.72 !important;
background: linear-gradient(90deg, rgba(255,253,248,0.06), rgba(255,241,202,0.50), rgba(255,253,248,0.08)) !important;
}
.ecg-passport-panel-line::before,
.ecg-passport-panel-line::after {
z-index: 3 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: translateY(18px) !important;
width: calc(100% - 64px) !important;
max-width: calc(100% - 64px) !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 16px 18px 18px 18px !important;
gap: 11px !important;
align-self: center !important;
justify-self: center !important;
z-index: 8 !important;
border-radius: 26px !important;
border: 1px solid rgba(255,253,248,0.18) !important;
background:
linear-gradient(145deg, rgba(255,255,255,0.155), rgba(255,255,255,0.070)),
radial-gradient(circle at 12% 12%, rgba(255,241,202,0.16), transparent 24%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 22px 48px rgba(0,0,0,0.18) !important;
backdrop-filter: blur(14px) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before {
position: static !important;
display: block !important;
margin: 0 0 6px 4px !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: rgba(255,253,248,0.82) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
grid-template-rows: 1fr !important;
align-items: center !important;
justify-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
overflow: visible !important;
border-radius: 999px !important;
border: 1px solid rgba(255,253,248,0.18) !important;
background: rgba(255,255,255,0.94) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 12px 26px rgba(0,0,0,0.12) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
height: 58px !important;
padding: 0 18px 0 9px !important;
background: linear-gradient(90deg, rgba(255,241,202,0.94), rgba(255,255,255,0.97) 30%, rgba(255,255,255,0.94)) !important;
}
.ecg-passport-hero-panel .ecg-compare-box {
height: 52px !important;
padding: 0 16px 0 9px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
top: auto !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1px solid rgba(20,60,117,0.16) !important;
background:
radial-gradient(circle at 30% 20%, rgba(255,255,255,0.92), transparent 34%),
linear-gradient(180deg, #f5f8fc 0%, #e6eef8 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 7px 15px rgba(20,60,117,0.08) !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-compare-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 0 2px !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: normal !important;
font-weight: 780 !important;
color: #152033 !important;
transform: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input {
font-size: 13.5px !important;
}
.ecg-passport-hero-panel .ecg-compare-input {
font-size: 13px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
color: #8b96a5 !important;
opacity: 1 !important;
font-weight: 780 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before,
.ecg-passport-hero-panel .ecg-compare-icon:not(.ecg-compare-icon-selected)::before {
content: "" !important;
display: block !important;
width: 22px !important;
height: 22px !important;
border: 0 !important;
border-radius: 0 !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 22px 22px !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.7' cy='10.7' r='6.2' stroke='%23143C75' stroke-width='2.25'/%3E%3Cpath d='M15.3 15.3L20.5 20.5' stroke='%23143C75' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M10.7 7.55V10.7L13.05 12.15' stroke='%23143C75' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-passport:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='6.2' y='3.4' width='11.6' height='17.2' rx='2.5' stroke='%23143C75' stroke-width='2.15'/%3E%3Cpath d='M8.9 6.9H15.1' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3Ccircle cx='12' cy='12.1' r='3.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M8.85 12.1H15.15M12 8.95C13.05 10.1 13.05 14.1 12 15.25M12 8.95C10.95 10.1 10.95 14.1 12 15.25' stroke='%23143C75' stroke-width='1.2' stroke-linecap='round' opacity='.78'/%3E%3Cpath d='M9.3 18H14.7' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-target:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.2C12 21.2 18.1 15.9 18.1 10.5C18.1 7.1 15.4 4.4 12 4.4C8.6 4.4 5.9 7.1 5.9 10.5C5.9 15.9 12 21.2 12 21.2Z' stroke='%23143C75' stroke-width='2.15' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M4.7 19.35C6.2 18.45 8.05 18 10.2 18M13.8 18C15.95 18 17.8 18.45 19.3 19.35' stroke='%23143C75' stroke-width='1.45' stroke-linecap='round' opacity='.58'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon::after,
.ecg-passport-hero-panel .ecg-compare-icon::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 11px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
min-width: 0 !important;
min-height: 54px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fff2c8 0%, #c79d4d 100%) !important;
color: #111827 !important;
box-shadow: 0 15px 30px rgba(0,0,0,0.18) !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
z-index: 2147483000 !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel::before {
top: 32px !important;
font-size: clamp(66px, 9vw, 92px) !important;
}
.ecg-passport-panel-line {
top: 126px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 56px) !important;
max-width: calc(100% - 56px) !important;
transform: translateY(16px) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 600px !important;
}
.ecg-passport-hero-panel::before {
left: 22px !important;
top: 26px !important;
font-size: 62px !important;
}
.ecg-passport-panel-line {
left: 22px !important;
right: 22px !important;
top: 104px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 32px) !important;
max-width: calc(100% - 32px) !important;
padding: 13px !important;
gap: 9px !important;
border-radius: 22px !important;
transform: translateY(20px) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
grid-template-columns: 50px minmax(0, 1fr) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
height: 56px !important;
}
.ecg-passport-hero-panel .ecg-compare-box {
height: 50px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
min-height: 52px !important;
}
}
@media (max-width: 480px) {
.ecg-passport-hero-panel {
min-height: 570px !important;
}
.ecg-passport-hero-panel::before {
font-size: 54px !important;
}
.ecg-passport-panel-line {
top: 92px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
transform: translateY(22px) !important;
}
}
.ecg-passport-hero-panel {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: clamp(430px, 42vw, 520px) !important;
padding: 26px !important;
overflow: visible !important;
isolation: isolate !important;
}
.ecg-passport-hero-panel::before,
.ecg-passport-hero-panel::after,
.ecg-passport-panel-line,
.ecg-passport-panel-grid,
.ecg-passport-panel-code {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
max-width: 680px !important;
min-height: 0 !important;
margin: auto !important;
padding: 22px !important;
gap: 13px !important;
z-index: 8 !important;
border-radius: 28px !important;
border: 1px solid rgba(255,253,248,0.18) !important;
background:
linear-gradient(145deg, rgba(255,255,255,0.165), rgba(255,255,255,0.072)),
radial-gradient(circle at 12% 10%, rgba(255,241,202,0.16), transparent 25%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 22px 48px rgba(0,0,0,0.18) !important;
backdrop-filter: blur(14px) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before {
content: attr(data-pr-search-label) !important;
position: static !important;
display: block !important;
order: 1 !important;
margin: 0 0 4px 6px !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: rgba(255,253,248,0.84) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
order: 2 !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
order: 3 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 13px !important;
width: 100% !important;
margin: 7px 0 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.ecg-passport-hero-panel .ecg-visa-checker::before {
content: attr(data-pr-checker-label) !important;
display: block !important;
grid-column: 1 / -1 !important;
margin: 0 0 4px 6px !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: rgba(255,253,248,0.84) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
overflow: visible !important;
border-radius: 999px !important;
border: 1px solid rgba(255,253,248,0.18) !important;
background: rgba(255,255,255,0.94) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 12px 26px rgba(0,0,0,0.12) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box {
height: 62px !important;
padding: 0 20px 0 10px !important;
background: linear-gradient(90deg, rgba(255,241,202,0.94), rgba(255,255,255,0.97) 30%, rgba(255,255,255,0.94)) !important;
}
.ecg-passport-hero-panel .ecg-compare-box {
height: 58px !important;
padding: 0 18px 0 10px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
top: auto !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1px solid rgba(20,60,117,0.16) !important;
background:
radial-gradient(circle at 30% 20%, rgba(255,255,255,0.92), transparent 34%),
linear-gradient(180deg, #f6f9fd 0%, #e6eef8 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 7px 15px rgba(20,60,117,0.08) !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before,
.ecg-passport-hero-panel .ecg-compare-icon:not(.ecg-compare-icon-selected)::before {
content: "" !important;
display: block !important;
width: 22px !important;
height: 22px !important;
border: 0 !important;
border-radius: 0 !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 22px 22px !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon:not(.ecg-passport-search-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.7' cy='10.7' r='6.2' stroke='%23143C75' stroke-width='2.25'/%3E%3Cpath d='M15.3 15.3L20.5 20.5' stroke='%23143C75' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M10.7 7.55V10.7L13.05 12.15' stroke='%23143C75' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-passport:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='6.2' y='3.4' width='11.6' height='17.2' rx='2.5' stroke='%23143C75' stroke-width='2.15'/%3E%3Cpath d='M8.9 6.9H15.1' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3Ccircle cx='12' cy='12.1' r='3.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M8.85 12.1H15.15M12 8.95C13.05 10.1 13.05 14.1 12 15.25M12 8.95C10.95 10.1 10.95 14.1 12 15.25' stroke='%23143C75' stroke-width='1.2' stroke-linecap='round' opacity='.78'/%3E%3Cpath d='M9.3 18H14.7' stroke='%23143C75' stroke-width='1.55' stroke-linecap='round' opacity='.62'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-compare-icon-target:not(.ecg-compare-icon-selected)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.2C12 21.2 18.1 15.9 18.1 10.5C18.1 7.1 15.4 4.4 12 4.4C8.6 4.4 5.9 7.1 5.9 10.5C5.9 15.9 12 21.2 12 21.2Z' stroke='%23143C75' stroke-width='2.15' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2.15' stroke='%23143C75' stroke-width='1.75'/%3E%3Cpath d='M4.7 19.35C6.2 18.45 8.05 18 10.2 18M13.8 18C15.95 18 17.8 18.45 19.3 19.35' stroke='%23143C75' stroke-width='1.45' stroke-linecap='round' opacity='.58'/%3E%3C/svg%3E") !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon::after,
.ecg-passport-hero-panel .ecg-compare-icon::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 0 4px !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: normal !important;
font-size: 14px !important;
font-weight: 780 !important;
color: #152033 !important;
transform: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
color: #8b96a5 !important;
opacity: 1 !important;
font-weight: 780 !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fff2c8 0%, #c79d4d 100%) !important;
color: #111827 !important;
box-shadow: 0 15px 30px rgba(0,0,0,0.18) !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
z-index: 2147483000 !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel {
min-height: 520px !important;
padding: 24px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
max-width: 720px !important;
padding: 20px !important;
transform: none !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 500px !important;
padding: 16px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
padding: 16px !important;
gap: 11px !important;
border-radius: 24px !important;
transform: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-visa-checker::before {
font-size: 11px !important;
letter-spacing: 0.12em !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
grid-template-columns: 54px minmax(0, 1fr) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
min-height: 56px !important;
height: 56px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
}
}
@media (max-width: 480px) {
.ecg-passport-hero-panel {
min-height: 480px !important;
padding: 12px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
padding: 14px !important;
}
}
.ecg-passport-hero-panel {
min-height: clamp(430px, 42vw, 520px) !important;
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
margin-top: auto !important;
margin-bottom: auto !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel {
min-height: 520px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: 500px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
}
}
@media (max-width: 480px) {
.ecg-passport-hero-panel {
min-height: 480px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
.ecg-passport-title {
line-height: 1.06;
}
@media (max-width: 768px) {
.ecg-passport-title {
line-height: 1.07;
}
}
.ecg-passport-title {
letter-spacing: -0.025em !important;
}
@media (max-width: 768px) {
.ecg-passport-title {
letter-spacing: -0.02em !important;
}
}
@media (max-width: 480px) {
.ecg-passport-title {
letter-spacing: -0.015em !important;
}
}
.ecg-passport-title {
max-width: 1020px !important;
font-size: clamp(22px, calc(5vw - 20px), 56px) !important;
}
@media (max-width: 768px) {
.ecg-passport-title {
max-width: 100% !important;
font-size: clamp(16px, calc(10vw - 20px), 32px) !important;
}
}
.ecg-passport-eyebrow {
letter-spacing: 0.18em !important;
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
letter-spacing: 0.12em !important;
white-space: normal !important;
}
}
.ecg-passport-hero::after {
left: 50% !important;
right: auto !important;
width: calc(100% - 56px);
max-width: calc(100% - 56px);
transform: translateX(-50%);
text-align: center;
overflow: visible;
white-space: nowrap;
pointer-events: none;
}
@media (max-width: 980px) {
.ecg-passport-hero::after {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
font-size: clamp(40px, 7.5vw, 88px);
}
}
.ecg-geo-rank-notice {
position: relative;
overflow: hidden;
background:
linear-gradient(135deg, rgba(89,100,115,0.97), rgba(66,77,93,0.98)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: 0 24px 58px rgba(11,16,32,0.14) !important;
}
.ecg-geo-rank-notice::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201400%20700%27%20fill%3D%27none%27%3E%3Cg%20stroke%3D%27%2523FFF1CA%27%20stroke-opacity%3D%27.12%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M120%20510C248%20456%20314%20370%20430%20330%27%2F%3E%3Cpath%20d%3D%27M430%20330C558%20286%20672%20304%20792%20234%27%2F%3E%3Cpath%20d%3D%27M792%20234C888%20178%201000%20176%201148%20136%27%2F%3E%3Cpath%20d%3D%27M226%20214C332%20258%20428%20270%20534%20256%27%2F%3E%3Cpath%20d%3D%27M534%20256C646%20240%20746%20186%20846%20146%27%2F%3E%3Cpath%20d%3D%27M582%20560C664%20500%20746%20432%20846%20404%27%2F%3E%3Cpath%20d%3D%27M846%20404C964%20370%201064%20304%201162%20212%27%2F%3E%3Cpath%20d%3D%27M202%20468C326%20434%20430%20428%20544%20446%27%2F%3E%3Cpath%20d%3D%27M544%20446C650%20462%20754%20446%20870%20406%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27%2523FFF1CA%27%20fill-opacity%3D%27.26%27%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27510%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%27226%27%20cy%3D%27214%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%27430%27%20cy%3D%27330%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%27534%27%20cy%3D%27256%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%27544%27%20cy%3D%27446%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%27582%27%20cy%3D%27560%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%27792%27%20cy%3D%27234%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%27846%27%20cy%3D%27146%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%27846%27%20cy%3D%27404%27%20r%3D%275%27%2F%3E%3Ccircle%20cx%3D%271148%27%20cy%3D%27136%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%271162%27%20cy%3D%27212%27%20r%3D%275%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.95;
}
.ecg-geo-rank-notice::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 18% 20%, rgba(255,241,202,0.12), transparent 22%),
radial-gradient(circle at 82% 16%, rgba(184,138,60,0.12), transparent 24%),
linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
}
.ecg-geo-rank-head,
.ecg-geo-rank-stats {
position: relative;
z-index: 2;
}
.ecg-geo-rank-text {
max-width: 760px;
font-size: clamp(18px, 1.45vw, 26px) !important;
line-height: 1.34 !important;
font-weight: 860 !important;
letter-spacing: -0.018em !important;
color: rgba(255,255,255,0.97) !important;
text-shadow: 0 1px 0 rgba(11,16,32,0.14);
}
.ecg-geo-rank-text strong {
color: #fff3cf !important;
font-weight: 900 !important;
}
.ecg-geo-rank-badge {
background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.08)) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.10) !important;
}
.ecg-geo-rank-badge-kicker {
color: rgba(255,243,207,0.88) !important;
letter-spacing: 0.12em !important;
}
.ecg-geo-rank-badge-number {
color: #fff8df !important;
font-size: clamp(44px, 4vw, 66px) !important;
line-height: 0.96 !important;
font-weight: 900 !important;
text-shadow: 0 2px 10px rgba(11,16,32,0.10);
}
.ecg-geo-rank-card {
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
backdrop-filter: blur(4px);
}
.ecg-geo-rank-card-primary {
background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08)) !important;
}
.ecg-geo-rank-card-label {
color: rgba(255,255,255,0.78) !important;
}
.ecg-geo-rank-card-value {
color: #fff8df !important;
font-weight: 900 !important;
letter-spacing: -0.03em !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-text {
font-size: 16px !important;
line-height: 1.38 !important;
}
}
.ecg-geo-rank-notice {
background: linear-gradient(135deg, rgba(88,100,115,0.98), rgba(70,82,98,0.99)) !important;
}
.ecg-geo-rank-notice::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201600%20760%27%20fill%3D%27none%27%3E%0A%3Cdefs%3E%0A%20%20%3Cpattern%20id%3D%27dots%27%20x%3D%270%27%20y%3D%270%27%20width%3D%2718%27%20height%3D%2718%27%20patternUnits%3D%27userSpaceOnUse%27%3E%0A%20%20%20%20%3Ccircle%20cx%3D%279%27%20cy%3D%279%27%20r%3D%272.1%27%20fill%3D%27%2523FFFFFF%27%20fill-opacity%3D%27.18%27%2F%3E%0A%20%20%3C%2Fpattern%3E%0A%20%20%3CradialGradient%20id%3D%27glow%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%271%27%20gradientUnits%3D%27userSpaceOnUse%27%20gradientTransform%3D%27translate%28850%20330%29%20rotate%2890%29%20scale%28360%20640%29%27%3E%0A%20%20%20%20%3Cstop%20stop-color%3D%27%2523FFF1CA%27%20stop-opacity%3D%27.10%27%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2523FFF1CA%27%20stop-opacity%3D%270%27%2F%3E%0A%20%20%3C%2FradialGradient%3E%0A%3C%2Fdefs%3E%0A%3Cellipse%20cx%3D%27960%27%20cy%3D%27350%27%20rx%3D%27460%27%20ry%3D%27280%27%20fill%3D%27url%28%2523glow%29%27%2F%3E%0A%3Cg%20opacity%3D%27.42%27%3E%0A%20%20%3Cpath%20d%3D%27M620%20356C642%20324%20686%20283%20729%20277C773%20271%20823%20289%20862%20281C907%20272%20943%20231%20994%20212C1041%20194%201110%20187%201157%20202C1200%20216%201233%20241%201268%20276C1299%20307%201323%20341%201349%20371C1370%20396%201399%20431%201434%20446C1466%20460%201502%20466%201530%20476L1528%20628L560%20628C579%20568%20594%20506%20614%20455C628%20419%20642%20387%20620%20356Z%27%20fill%3D%27url%28%2523dots%29%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M632%20259C602%20244%20567%20235%20535%20240C501%20246%20477%20266%20452%20289C429%20309%20405%20327%20378%20334C352%20341%20319%20336%20293%20346C259%20358%20236%20382%20221%20414C204%20450%20193%20490%20178%20527L64%20527C74%20485%2087%20445%20104%20407C124%20361%20153%20322%20186%20292C221%20260%20262%20234%20309%20222C355%20210%20405%20214%20449%20202C490%20191%20525%20165%20566%20155C602%20146%20643%20146%20679%20155C713%20163%20746%20180%20766%20208C785%20235%20776%20274%20749%20291C718%20311%20671%20298%20632%20259Z%27%20fill%3D%27url%28%2523dots%29%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M787%2092C807%2080%20832%2070%20855%2066C887%2061%20920%2062%20951%2073C977%2082%201002%20102%201006%20129C1010%20153%20989%20174%20968%20186C947%20197%20920%20203%20899%20215C874%20230%20854%20253%20827%20266C799%20279%20764%20282%20738%20266C713%20250%20700%20216%20711%20189C721%20165%20748%20149%20764%20128C773%20116%20775%20101%20787%2092Z%27%20fill%3D%27url%28%2523dots%29%27%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%27%2523F0C66E%27%20stroke-opacity%3D%27.42%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%3E%0A%20%20%3Cpath%20d%3D%27M0%20505C118%20458%20202%20419%20322%20401C440%20382%20575%20388%20684%20359%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M172%20274C328%20206%20467%20186%20626%20204C763%20220%20902%20274%201057%20288%27%2F%3E%0A%20%20%3Cpath%20d%3D%27M566%20558C708%20458%20854%20387%201037%20321C1171%20272%201303%20256%201458%20246%27%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%27%2523F0C66E%27%3E%0A%20%20%3Ccircle%20cx%3D%2774%27%20cy%3D%27476%27%20r%3D%278%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27332%27%20cy%3D%27397%27%20r%3D%277%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27686%27%20cy%3D%27359%27%20r%3D%278%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271055%27%20cy%3D%27288%27%20r%3D%277%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271208%27%20cy%3D%27263%27%20r%3D%275.5%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%271470%27%20cy%3D%27247%27%20r%3D%278%27%2F%3E%0A%20%20%3Ccircle%20cx%3D%27202%27%20cy%3D%27264%27%20r%3D%277%27%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: .98;
}
.ecg-geo-rank-notice::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(72,84,99,0.34), rgba(72,84,99,0.02) 28%, rgba(72,84,99,0.00) 72%, rgba(72,84,99,0.10)),
linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.00));
}
.ecg-geo-rank-head,
.ecg-geo-rank-stats {
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.ecg-geo-rank-notice::before {
background-position: 58% center;
background-size: 170% auto;
}
}
.ecg-geo-rank-notice {
position: relative !important;
overflow: hidden !important;
background: linear-gradient(135deg, #5d6774 0%, #475362 100%) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
}
.ecg-geo-rank-notice::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
pointer-events: none !important;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201600%20760%27%20fill%3D%27none%27%3E%3Cdefs%3E%3Cpattern%20id%3D%27dots%27%20x%3D%270%27%20y%3D%270%27%20width%3D%2718%27%20height%3D%2718%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%279%27%20r%3D%272.1%27%20fill%3D%27%23ffffff%27%20fill-opacity%3D%27.18%27/%3E%3C/pattern%3E%3CradialGradient%20id%3D%27glow%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%271%27%20gradientUnits%3D%27userSpaceOnUse%27%20gradientTransform%3D%27translate%28850%20330%29%20rotate%2890%29%20scale%28360%20640%29%27%3E%3Cstop%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%27.10%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%270%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse%20cx%3D%27960%27%20cy%3D%27350%27%20rx%3D%27460%27%20ry%3D%27280%27%20fill%3D%27url%28%23glow%29%27/%3E%3Cg%20opacity%3D%27.42%27%3E%3Cpath%20d%3D%27M620%20356C642%20324%20686%20283%20729%20277C773%20271%20823%20289%20862%20281C907%20272%20943%20231%20994%20212C1041%20194%201110%20187%201157%20202C1200%20216%201233%20241%201268%20276C1299%20307%201323%20341%201349%20371C1370%20396%201399%20431%201434%20446C1466%20460%201502%20466%201530%20476L1528%20628L560%20628C579%20568%20594%20506%20614%20455C628%20419%20642%20387%20620%20356Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M632%20259C602%20244%20567%20235%20535%20240C501%20246%20477%20266%20452%20289C429%20309%20405%20327%20378%20334C352%20341%20319%20336%20293%20346C259%20358%20236%20382%20221%20414C204%20450%20193%20490%20178%20527L64%20527C74%20485%2087%20445%20104%20407C124%20361%20153%20322%20186%20292C221%20260%20262%20234%20309%20222C355%20210%20405%20214%20449%20202C490%20191%20525%20165%20566%20155C602%20146%20643%20146%20679%20155C713%20163%20746%20180%20766%20208C785%20235%20776%20274%20749%20291C718%20311%20671%20298%20632%20259Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M787%2092C807%2080%20832%2070%20855%2066C887%2061%20920%2062%20951%2073C977%2082%201002%20102%201006%20129C1010%20153%20989%20174%20968%20186C947%20197%20920%20203%20899%20215C874%20230%20854%20253%20827%20266C799%20279%20764%20282%20738%20266C713%20250%20700%20216%20711%20189C721%20165%20748%20149%20764%20128C773%20116%20775%20101%20787%2092Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3C/g%3E%3Cg%20stroke%3D%27%23F0C66E%27%20stroke-opacity%3D%27.42%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M0%20505C118%20458%20202%20419%20322%20401C440%20382%20575%20388%20684%20359%27/%3E%3Cpath%20d%3D%27M172%20274C328%20206%20467%20186%20626%20204C763%20220%20902%20274%201057%20288%27/%3E%3Cpath%20d%3D%27M566%20558C708%20458%20854%20387%201037%20321C1171%20272%201303%20256%201458%20246%27/%3E%3C/g%3E%3Cg%20fill%3D%27%23F0C66E%27%3E%3Ccircle%20cx%3D%2774%27%20cy%3D%27476%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%27332%27%20cy%3D%27397%27%20r%3D%277%27/%3E%3Ccircle%20cx%3D%27686%27%20cy%3D%27359%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%271055%27%20cy%3D%27288%27%20r%3D%277%27/%3E%3Ccircle%20cx%3D%271208%27%20cy%3D%27263%27%20r%3D%275.5%27/%3E%3Ccircle%20cx%3D%271470%27%20cy%3D%27247%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%27202%27%20cy%3D%27264%27%20r%3D%277%27/%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
opacity: 1 !important;
}
.ecg-geo-rank-notice::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
pointer-events: none !important;
background: linear-gradient(90deg, rgba(72,84,99,0.28), rgba(72,84,99,0.02) 28%, rgba(72,84,99,0.00) 72%, rgba(72,84,99,0.08)) !important;
}
.ecg-geo-rank-head,
.ecg-geo-rank-stats {
position: relative !important;
z-index: 2 !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-notice::before {
background-position: 58% center !important;
background-size: 170% auto !important;
}
}
.ecg-geo-rank-notice::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201600%20760%27%20fill%3D%27none%27%3E%3Cdefs%3E%3Cpattern%20id%3D%27dots%27%20x%3D%270%27%20y%3D%270%27%20width%3D%2718%27%20height%3D%2718%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%279%27%20r%3D%272.1%27%20fill%3D%27%23ffffff%27%20fill-opacity%3D%27.18%27/%3E%3C/pattern%3E%3CradialGradient%20id%3D%27glow%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%271%27%20gradientUnits%3D%27userSpaceOnUse%27%20gradientTransform%3D%27translate%28850%20330%29%20rotate%2890%29%20scale%28360%20640%29%27%3E%3Cstop%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%27.10%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%270%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse%20cx%3D%27960%27%20cy%3D%27350%27%20rx%3D%27460%27%20ry%3D%27280%27%20fill%3D%27url%28%23glow%29%27/%3E%3Cg%20opacity%3D%27.42%27%3E%3Cpath%20d%3D%27M620%20356C642%20324%20686%20283%20729%20277C773%20271%20823%20289%20862%20281C907%20272%20943%20231%20994%20212C1041%20194%201110%20187%201157%20202C1200%20216%201233%20241%201268%20276C1299%20307%201323%20341%201349%20371C1370%20396%201399%20431%201434%20446C1466%20460%201502%20466%201530%20476L1528%20628L560%20628C579%20568%20594%20506%20614%20455C628%20419%20642%20387%20620%20356Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M632%20259C602%20244%20567%20235%20535%20240C501%20246%20477%20266%20452%20289C429%20309%20405%20327%20378%20334C352%20341%20319%20336%20293%20346C259%20358%20236%20382%20221%20414C204%20450%20193%20490%20178%20527L64%20527C74%20485%2087%20445%20104%20407C124%20361%20153%20322%20186%20292C221%20260%20262%20234%20309%20222C355%20210%20405%20214%20449%20202C490%20191%20525%20165%20566%20155C602%20146%20643%20146%20679%20155C713%20163%20746%20180%20766%20208C785%20235%20776%20274%20749%20291C718%20311%20671%20298%20632%20259Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M787%2092C807%2080%20832%2070%20855%2066C887%2061%20920%2062%20951%2073C977%2082%201002%20102%201006%20129C1010%20153%20989%20174%20968%20186C947%20197%20920%20203%20899%20215C874%20230%20854%20253%20827%20266C799%20279%20764%20282%20738%20266C713%20250%20700%20216%20711%20189C721%20165%20748%20149%20764%20128C773%20116%20775%20101%20787%2092Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3C/g%3E%3Cg%20stroke%3D%27%23F0C66E%27%20stroke-opacity%3D%27.18%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M0%20505C118%20458%20202%20419%20322%20401C440%20382%20575%20388%20684%20359%27/%3E%3Cpath%20d%3D%27M172%20274C328%20206%20467%20186%20626%20204C763%20220%20902%20274%201057%20288%27/%3E%3Cpath%20d%3D%27M566%20558C708%20458%20854%20387%201037%20321C1171%20272%201303%20256%201458%20246%27/%3E%3C/g%3E%3Cg%20fill%3D%27%23F0C66E%27%20fill-opacity%3D%27.18%27%3E%3Ccircle%20cx%3D%2774%27%20cy%3D%27476%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%27332%27%20cy%3D%27397%27%20r%3D%277%27/%3E%3Ccircle%20cx%3D%27686%27%20cy%3D%27359%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%271055%27%20cy%3D%27288%27%20r%3D%277%27/%3E%3Ccircle%20cx%3D%271208%27%20cy%3D%27263%27%20r%3D%275.5%27/%3E%3Ccircle%20cx%3D%271470%27%20cy%3D%27247%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%27202%27%20cy%3D%27264%27%20r%3D%277%27/%3E%3C/g%3E%3C/svg%3E") !important;
}
.ecg-passport-section-heading {
margin: 34px auto 22px auto;
max-width: 980px;
text-align: center;
font-size: clamp(20px, 2.1vw, 31px);
line-height: 1.14;
font-weight: 900;
letter-spacing: -0.035em;
color: #0b1020;
text-wrap: balance;
position: relative;
}
.ecg-passport-section-heading::after {
content: "";
display: block;
width: min(180px, 34%);
height: 3px;
margin: 16px auto 0;
border-radius: 999px;
background: linear-gradient(90deg, rgba(184,138,60,0), rgba(184,138,60,0.82) 20%, rgba(11,16,32,0.18) 50%, rgba(184,138,60,0.82) 80%, rgba(184,138,60,0));
box-shadow: 0 6px 18px rgba(184,138,60,0.14);
}
.ecg-passport-item {
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,253,248,0.96)) !important;
border-color: rgba(11,16,32,0.09) !important;
box-shadow: 0 14px 34px rgba(11,16,32,0.075) !important;
}
.ecg-passport-item::before {
opacity: 0.62 !important;
}
@media (max-width: 768px) {
.ecg-passport-section-heading {
margin: 26px auto 18px auto;
max-width: 100%;
font-size: clamp(18px, 5.4vw, 24px);
line-height: 1.18;
}
.ecg-passport-section-heading::after {
width: min(120px, 42%);
margin-top: 14px;
}
}
.ecg-geo-rank-notice::before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201600%20760%27%20fill%3D%27none%27%3E%3Cdefs%3E%3Cpattern%20id%3D%27dots%27%20x%3D%270%27%20y%3D%270%27%20width%3D%2718%27%20height%3D%2718%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%279%27%20r%3D%272.1%27%20fill%3D%27%23ffffff%27%20fill-opacity%3D%27.18%27/%3E%3C/pattern%3E%3CradialGradient%20id%3D%27glow%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%271%27%20gradientUnits%3D%27userSpaceOnUse%27%20gradientTransform%3D%27translate%28850%20330%29%20rotate%2890%29%20scale%28360%20640%29%27%3E%3Cstop%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%27.08%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23FFF1CA%27%20stop-opacity%3D%270%27/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse%20cx%3D%27960%27%20cy%3D%27350%27%20rx%3D%27460%27%20ry%3D%27280%27%20fill%3D%27url%28%23glow%29%27/%3E%3Cg%20opacity%3D%27.42%27%3E%3Cpath%20d%3D%27M620%20356C642%20324%20686%20283%20729%20277C773%20271%20823%20289%20862%20281C907%20272%20943%20231%20994%20212C1041%20194%201110%20187%201157%20202C1200%20216%201233%20241%201268%20276C1299%20307%201323%20341%201349%20371C1370%20396%201399%20431%201434%20446C1466%20460%201502%20466%201530%20476L1528%20628L560%20628C579%20568%20594%20506%20614%20455C628%20419%20642%20387%20620%20356Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M632%20259C602%20244%20567%20235%20535%20240C501%20246%20477%20266%20452%20289C429%20309%20405%20327%20378%20334C352%20341%20319%20336%20293%20346C259%20358%20236%20382%20221%20414C204%20450%20193%20490%20178%20527L64%20527C74%20485%2087%20445%20104%20407C124%20361%20153%20322%20186%20292C221%20260%20262%20234%20309%20222C355%20210%20405%20214%20449%20202C490%20191%20525%20165%20566%20155C602%20146%20643%20146%20679%20155C713%20163%20746%20180%20766%20208C785%20235%20776%20274%20749%20291C718%20311%20671%20298%20632%20259Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3Cpath%20d%3D%27M787%2092C807%2080%20832%2070%20855%2066C887%2061%20920%2062%20951%2073C977%2082%201002%20102%201006%20129C1010%20153%20989%20174%20968%20186C947%20197%20920%20203%20899%20215C874%20230%20854%20253%20827%20266C799%20279%20764%20282%20738%20266C713%20250%20700%20216%20711%20189C721%20165%20748%20149%20764%20128C773%20116%20775%20101%20787%2092Z%27%20fill%3D%27url%28%23dots%29%27/%3E%3C/g%3E%3C/svg%3E") !important;
}
.ecg-passport-eyebrow {
font-size: 13px !important;
}
.ecg-passport-eyebrow {
letter-spacing: 0.14em !important;
}
.ecg-passport-item {
grid-template-columns: 48px minmax(0, 1fr) 18px !important;
column-gap: 10px !important;
min-height: 84px !important;
padding: 12px 12px 12px 12px !important;
}
.ecg-country {
gap: 10px !important;
font-size: clamp(12.5px, 0.96vw, 15px) !important;
}
.ecg-country-name {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
white-space: normal !important;
text-overflow: clip !important;
line-height: 1.14 !important;
max-height: 2.28em !important;
text-wrap: balance;
}
.ecg-mobile-toggle {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
}
.ecg-geo-rank-card {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 88% 16%, rgba(255,255,255,0.12), transparent 34%),
linear-gradient(180deg, rgba(246,249,255,0.12), rgba(221,232,249,0.08)) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.09),
0 10px 24px rgba(11,16,32,0.08) !important;
backdrop-filter: blur(6px);
}
.ecg-geo-rank-card::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(135deg, rgba(255,255,255,0.05), transparent 42%),
radial-gradient(circle at 12% 88%, rgba(255,255,255,0.05), transparent 36%);
}
.ecg-geo-rank-card-primary {
background:
radial-gradient(circle at 85% 18%, rgba(255,248,222,0.28), transparent 32%),
linear-gradient(180deg, rgba(255,250,236,0.22), rgba(255,240,205,0.12)) !important;
border-color: rgba(255,241,205,0.24) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.12),
0 10px 24px rgba(184,138,60,0.10) !important;
}
.ecg-geo-rank-card-primary::before {
background:
linear-gradient(135deg, rgba(255,255,255,0.10), transparent 44%),
radial-gradient(circle at 14% 84%, rgba(255,245,214,0.10), transparent 38%);
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
letter-spacing: 0.10em !important;
}
.ecg-passport-item {
grid-template-columns: 46px minmax(0, 1fr) 18px !important;
min-height: 82px !important;
}
.ecg-country-name {
-webkit-line-clamp: 2 !important;
line-height: 1.12 !important;
}
}
.ecg-passport-eyebrow {
letter-spacing: 0.08em !important;
}
.ecg-passport-item {
grid-template-columns: max-content minmax(0, 1fr) max-content !important;
column-gap: 12px !important;
align-items: center !important;
}
.ecg-rank {
justify-self: start !important;
}
.ecg-country {
gap: 9px !important;
min-width: 0 !important;
}
.ecg-mobile-toggle {
justify-self: end !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
position: relative !important;
overflow: hidden !important;
}
.ecg-geo-rank-card > *,
.ecg-geo-rank-card-primary > * {
position: relative;
z-index: 1;
}
.ecg-geo-rank-card {
background:
linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,249,253,0.93)) !important;
border: 1px solid rgba(11,16,32,0.08) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.82),
0 10px 24px rgba(11,16,32,0.06) !important;
}
.ecg-geo-rank-card::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 84% 18%, rgba(53,87,146,0.08), transparent 32%),
linear-gradient(135deg, rgba(53,87,146,0.05), transparent 44%),
repeating-linear-gradient(90deg, rgba(11,16,32,0.016) 0 1px, transparent 1px 24px),
repeating-linear-gradient(0deg, rgba(11,16,32,0.012) 0 1px, transparent 1px 24px);
opacity: .95;
}
.ecg-geo-rank-card::after {
content: "";
position: absolute;
inset: auto -12% -28% auto;
width: 62%;
height: 62%;
border-radius: 50%;
background: radial-gradient(circle, rgba(53,87,146,0.06), transparent 68%);
pointer-events: none;
}
.ecg-geo-rank-card-primary {
background:
linear-gradient(180deg, rgba(255,251,240,0.98), rgba(253,246,226,0.95)) !important;
border: 1px solid rgba(184,138,60,0.14) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.92),
0 10px 24px rgba(184,138,60,0.08) !important;
}
.ecg-geo-rank-card-primary::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 82% 18%, rgba(184,138,60,0.14), transparent 30%),
linear-gradient(135deg, rgba(184,138,60,0.08), transparent 42%),
repeating-linear-gradient(90deg, rgba(184,138,60,0.018) 0 1px, transparent 1px 24px),
repeating-linear-gradient(0deg, rgba(184,138,60,0.014) 0 1px, transparent 1px 24px);
opacity: .95;
}
.ecg-geo-rank-card-primary::after {
content: "";
position: absolute;
right: -8%;
bottom: -24%;
width: 62%;
height: 62%;
border-radius: 50%;
background: radial-gradient(circle, rgba(184,138,60,0.10), transparent 68%);
pointer-events: none;
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
letter-spacing: 0.06em !important;
}
.ecg-passport-item {
column-gap: 10px !important;
}
.ecg-country {
gap: 8px !important;
}
}
.ecg-geo-rank-card {
position: relative !important;
overflow: hidden !important;
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
backdrop-filter: blur(4px) !important;
}
.ecg-geo-rank-card::before,
.ecg-geo-rank-card::after {
content: none !important;
display: none !important;
}
.ecg-geo-rank-card-primary {
background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08)) !important;
border-color: rgba(255,255,255,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.ecg-geo-rank-card-primary::before,
.ecg-geo-rank-card-primary::after {
content: none !important;
display: none !important;
}
.ecg-geo-rank-card-label {
color: rgba(255,255,255,0.78) !important;
}
.ecg-geo-rank-card-value {
color: #fff8df !important;
font-weight: 900 !important;
letter-spacing: -0.03em !important;
}
.ecg-passport-floating-popover > div,
.ecg-passport-shared-detail > div,
.ecg-visa-action,
.ecg-mobility-score-card {
position: relative;
overflow: hidden;
}
.ecg-passport-floating-popover > div::before,
.ecg-passport-shared-detail > div::before,
.ecg-visa-action::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 86% 18%, rgba(20,60,117,0.08), transparent 34%),
linear-gradient(135deg, rgba(20,60,117,0.045), transparent 44%),
repeating-linear-gradient(90deg, rgba(11,16,32,0.012) 0 1px, transparent 1px 24px),
repeating-linear-gradient(0deg, rgba(11,16,32,0.010) 0 1px, transparent 1px 24px);
opacity: .95;
}
.ecg-passport-floating-popover > div > *,
.ecg-passport-shared-detail > div > *,
.ecg-visa-action > *,
.ecg-mobility-score-card > * {
position: relative;
z-index: 1;
}
.ecg-visa-action {
background:
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,251,255,0.96)) !important;
border-color: rgba(11,16,32,0.08) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.86),
0 10px 22px rgba(11,16,32,0.055) !important;
}
.ecg-mobility-score-card {
background:
radial-gradient(circle at 84% 18%, rgba(255,241,202,0.16), transparent 34%),
linear-gradient(145deg, #0b1020, #173b71) !important;
border-color: rgba(255,255,255,0.14) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.12),
0 12px 28px rgba(11,16,32,0.13) !important;
}
.ecg-mobility-score-card::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(135deg, rgba(255,255,255,0.12), transparent 42%),
repeating-linear-gradient(90deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 24px),
repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 24px);
opacity: .95;
}
.ecg-mobility-score-card::after {
opacity: .45 !important;
}
.ecg-ai-search-box {
align-items: center !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
}
.ecg-ai-search-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
margin: 0 auto !important;
justify-self: center !important;
align-self: center !important;
}
.ecg-ai-search-icon::before {
width: 19px !important;
height: 19px !important;
background-position: center center !important;
background-size: 19px 19px !important;
}
.ecg-ai-count-row {
align-items: center !important;
}
.ecg-ai-sort-label {
min-width: 78px !important;
height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
}
.ecg-ai-country-pill {
display: flex !important;
flex-direction: row !important;
direction: ltr !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
text-align: center !important;
}
.ecg-ai-country-dot {
order: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
.ecg-ai-country-name {
order: 1 !important;
flex: 0 1 auto !important;
min-width: 0 !important;
text-align: center !important;
}
@media (max-width: 768px) {
.ecg-ai-search-box {
grid-template-columns: 50px minmax(0, 1fr) !important;
}
.ecg-ai-search-icon {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
}
.ecg-ai-sort-label {
min-width: 74px !important;
height: 36px !important;
}
}
.ecg-ai-search-icon {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.ecg-ai-search-icon::before {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(48px, 4.6vw, 58px) !important;
line-height: 0.9 !important;
color: #fff6d6 !important;
letter-spacing: -0.045em !important;
text-shadow: 0 2px 14px rgba(255, 241, 202, 0.10), 0 1px 0 rgba(11,16,32,0.16) !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
color: rgba(255, 246, 214, 0.92) !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(40px, 10vw, 50px) !important;
}
}
.ecg-passport-list-wrap,
.ecg-passport-hero,
.ecg-passport-hero-panel,
.ecg-passport-search-wrap,
.ecg-passport-search-box,
.ecg-visa-checker,
.ecg-compare-field,
.ecg-compare-box {
overflow: visible !important;
}
.ecg-passport-hero {
position: relative !important;
z-index: 300 !important;
}
.ecg-passport-hero-panel {
position: relative !important;
z-index: 500 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: relative !important;
z-index: 800 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-field,
.ecg-passport-hero-panel .ecg-compare-box {
position: relative !important;
z-index: 900 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box:focus-within,
.ecg-passport-hero-panel .ecg-compare-field:focus-within,
.ecg-passport-hero-panel .ecg-compare-box:focus-within {
z-index: 2147483000 !important;
}
.ecg-passport-suggestions,
.ecg-compare-suggestions,
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
position: absolute !important;
z-index: 2147483001 !important;
top: calc(100% + 10px) !important;
left: 0 !important;
right: 0 !important;
max-height: min(360px, 52vh) !important;
overflow: auto !important;
transform: translateZ(0);
}
.ecg-passport-list,
.ecg-passport-section-heading {
position: relative !important;
z-index: 1 !important;
}
.ecg-passport-item {
position: relative !important;
z-index: 1 !important;
}
.ecg-passport-item.ecg-open,
.ecg-passport-item:hover,
.ecg-passport-item:focus {
z-index: 2 !important;
}
.ecg-passport-eyebrow {
font-size: 13px !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
.ecg-passport-title {
max-width: 1160px !important;
font-size: clamp(22px, 3.1vw, 56px) !important;
line-height: 1.06 !important;
letter-spacing: -0.025em !important;
}
.ecg-passport-search-wrap::before {
content: attr(data-pr-search-label) !important;
}
.ecg-passport-search-wrap::after {
content: attr(data-pr-checker-label) !important;
}
.ecg-passport-section-heading {
margin: 34px auto 22px auto !important;
max-width: 980px !important;
text-align: center !important;
font-size: clamp(20px, 2.1vw, 31px) !important;
line-height: 1.14 !important;
font-weight: 900 !important;
letter-spacing: -0.035em !important;
color: #0b1020 !important;
text-wrap: balance;
position: relative;
}
.ecg-passport-section-heading::after {
content: "" !important;
display: block !important;
width: min(180px, 34%) !important;
height: 3px !important;
margin: 16px auto 0 !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(184,138,60,0), rgba(184,138,60,0.82) 20%, rgba(11,16,32,0.18) 50%, rgba(184,138,60,0.82) 80%, rgba(184,138,60,0)) !important;
box-shadow: 0 6px 18px rgba(184,138,60,0.14) !important;
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
letter-spacing: 0.06em !important;
}
.ecg-passport-title {
font-size: clamp(22px, 7vw, 37px) !important;
line-height: 1.08 !important;
}
.ecg-passport-section-heading {
margin: 26px auto 18px auto !important;
font-size: clamp(18px, 5.4vw, 24px) !important;
line-height: 1.18 !important;
}
}
.ecg-passport-hero,
.ecg-passport-hero-panel {
overflow: visible !important;
}
.ecg-passport-hero-panel {
position: relative !important;
z-index: 500 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: absolute !important;
left: 28px !important;
right: 28px !important;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
z-index: 800 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-field,
.ecg-passport-hero-panel .ecg-compare-box {
position: relative !important;
z-index: 900 !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
position: absolute !important;
z-index: 2147483001 !important;
top: calc(100% + 10px) !important;
left: 0 !important;
right: 0 !important;
max-height: min(360px, 52vh) !important;
overflow: auto !important;
}
.ecg-passport-list,
.ecg-passport-section-heading,
.ecg-passport-item {
position: relative !important;
z-index: 1 !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
left: 22px !important;
right: 22px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
left: 14px !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
}
.ecg-passport-hero-panel {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: absolute !important;
left: 50% !important;
right: auto !important;
top: 50% !important;
bottom: auto !important;
width: min(760px, calc(100% - 64px)) !important;
max-width: min(760px, calc(100% - 64px)) !important;
min-width: 0 !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
z-index: 800 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
min-width: 0 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
min-width: 0 !important;
width: 100% !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
position: absolute !important;
z-index: 2147483001 !important;
top: calc(100% + 10px) !important;
left: 0 !important;
right: 0 !important;
max-height: min(360px, 52vh) !important;
overflow: auto !important;
}
@media (max-width: 980px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: min(720px, calc(100% - 52px)) !important;
max-width: min(720px, calc(100% - 52px)) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 28px) !important;
max-width: calc(100% - 28px) !important;
}
}
.ecg-passport-hero {
overflow: visible !important;
}
.ecg-passport-hero-panel {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
z-index: 500 !important;
}
.ecg-passport-hero-panel > .ecg-passport-search-wrap {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
width: min(820px, calc(100% - 72px)) !important;
max-width: min(820px, calc(100% - 72px)) !important;
min-width: 0 !important;
margin: 0 auto !important;
flex: 0 1 auto !important;
z-index: 900 !important;
}
.ecg-passport-hero-panel > .ecg-passport-search-wrap.ecg-search-open,
.ecg-passport-hero-panel > .ecg-passport-search-wrap:focus-within {
z-index: 2147482000 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-field,
.ecg-passport-hero-panel .ecg-compare-box {
position: relative !important;
z-index: 901 !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
position: absolute !important;
z-index: 2147483001 !important;
top: calc(100% + 10px) !important;
left: 0 !important;
right: 0 !important;
max-height: min(360px, 52vh) !important;
overflow: auto !important;
}
.ecg-passport-list,
.ecg-passport-section-heading {
position: relative !important;
z-index: 1 !important;
}
.ecg-passport-floating-popover {
z-index: 2147483000 !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel > .ecg-passport-search-wrap {
width: min(760px, calc(100% - 56px)) !important;
max-width: min(760px, calc(100% - 56px)) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel > .ecg-passport-search-wrap {
width: calc(100% - 32px) !important;
max-width: calc(100% - 32px) !important;
}
}
.ecg-passport-hero-panel {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
}
.ecg-passport-hero-panel::before,
.ecg-passport-hero-panel::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: none !important;
min-height: clamp(430px, 42vw, 520px) !important;
margin: 0 !important;
padding: 38px 36px !important;
justify-content: center !important;
gap: 18px !important;
border-radius: 36px !important;
border: 1px solid rgba(255,255,255,0.72) !important;
background:
linear-gradient(180deg, rgba(116,128,143,0.84), rgba(86,99,116,0.88)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.22),
0 24px 56px rgba(11,16,32,0.16) !important;
backdrop-filter: blur(18px) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-visa-checker::before {
color: rgba(255,253,248,0.9) !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: 500px !important;
padding: 32px 28px !important;
border-radius: 32px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel {
min-height: auto !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: auto !important;
padding: 24px 20px !important;
border-radius: 28px !important;
gap: 14px !important;
}
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: clamp(390px, 38vw, 470px) !important;
padding: 28px 36px !important;
background:
linear-gradient(180deg, rgba(96,109,125,0.92), rgba(67,80,98,0.95)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 24px 56px rgba(11,16,32,0.20) !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: 450px !important;
padding: 26px 28px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: auto !important;
padding: 22px 20px !important;
}
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: clamp(372px, 36vw, 446px) !important;
padding: 24px 36px !important;
background:
radial-gradient(circle at 68% 18%, rgba(199,157,77,0.16), transparent 22%),
linear-gradient(145deg, #0b1020 0%, #173b71 100%) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.14),
0 24px 56px rgba(11,16,32,0.26) !important;
}
@media (max-width: 1180px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: 430px !important;
padding: 22px 28px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-passport-search-wrap {
min-height: auto !important;
padding: 20px 18px !important;
}
}
.ecg-geo-rank-card-clickable {
cursor: pointer !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.ecg-geo-rank-card-clickable:hover,
.ecg-geo-rank-card-clickable:focus-visible {
transform: translateY(-2px);
border-color: rgba(255,255,255,0.22) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 16px 30px rgba(11,16,32,0.12) !important;
outline: none;
}
.ecg-geo-rank-card-clickable:active {
transform: translateY(0);
}
.ecg-geo-rank-card-primary {
position: relative !important;
background:
radial-gradient(circle at 82% 18%, rgba(255,245,206,0.24), transparent 34%),
linear-gradient(180deg, rgba(255,250,233,0.18), rgba(255,236,188,0.10)) !important;
border: 1px solid rgba(255,241,205,0.28) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 18px 34px rgba(184,138,60,0.14),
0 10px 28px rgba(11,16,32,0.10) !important;
transform: translateY(-6px);
}
.ecg-geo-rank-card-primary::before {
opacity: 1 !important;
}
.ecg-geo-rank-card-primary::after {
content: "";
position: absolute;
left: 0;
top: 14px;
bottom: 14px;
width: 4px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,241,205,0.95), rgba(184,138,60,0.56));
box-shadow: 0 0 16px rgba(255,241,205,0.14);
pointer-events: none;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
color: rgba(255,247,222,0.98) !important;
letter-spacing: 0.11em !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(56px, 5vw, 72px) !important;
line-height: 0.88 !important;
color: #fff7dc !important;
letter-spacing: -0.055em !important;
text-shadow: 0 2px 16px rgba(255,241,202,0.14), 0 1px 0 rgba(11,16,32,0.18) !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-card-primary {
transform: translateY(-4px);
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(46px, 11vw, 60px) !important;
}
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
color: rgba(255, 238, 190, 0.96) !important;
letter-spacing: 0.09em !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(48px, 4.2vw, 62px) !important;
line-height: 0.9 !important;
color: #ffe8a8 !important;
text-shadow: 0 2px 14px rgba(255, 224, 140, 0.10), 0 1px 0 rgba(11,16,32,0.18) !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(40px, 9.8vw, 52px) !important;
}
}
.ecg-geo-rank-badge-number {
font-size: clamp(35px, 3.2vw, 53px) !important;
line-height: 0.94 !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-badge-number {
font-size: clamp(30px, 8vw, 42px) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
width: 100% !important;
max-width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
overflow-x: hidden !important;
}
.ecg-passport-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"content"
"panel" !important;
gap: 24px !important;
width: 100% !important;
min-width: 0 !important;
min-height: auto !important;
padding: 22px !important;
border-radius: 30px !important;
overflow: visible !important;
}
.ecg-passport-hero-inner {
grid-area: content !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.ecg-passport-brandline {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 14px 10px 10px !important;
border-radius: 999px !important;
overflow: hidden !important;
}
.ecg-passport-brandmark {
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
position: static !important;
transform: none !important;
margin: 0 !important;
}
.ecg-passport-eyebrow {
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
font-size: 11px !important;
line-height: 1.2 !important;
letter-spacing: 0.055em !important;
}
.ecg-passport-title {
width: 100% !important;
max-width: 100% !important;
margin-top: 26px !important;
font-size: clamp(36px, 10vw, 52px) !important;
line-height: 1.04 !important;
letter-spacing: -0.055em !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.ecg-passport-subtitle {
width: 100% !important;
max-width: 100% !important;
font-size: 15px !important;
line-height: 1.55 !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.ecg-passport-hero-panel {
grid-area: panel !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: auto !important;
margin: 0 !important;
padding: 22px 18px !important;
gap: 13px !important;
border-radius: 28px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
background:
radial-gradient(circle at 74% 18%, rgba(199,157,77,0.14), transparent 24%),
linear-gradient(145deg, #0b1020 0%, #173b71 100%) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.14),
0 22px 46px rgba(11,16,32,0.22) !important;
backdrop-filter: blur(14px) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-visa-checker::before {
width: 100% !important;
margin: 0 0 4px 3px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
font-size: 11px !important;
line-height: 1.16 !important;
letter-spacing: 0.12em !important;
color: rgba(255,253,248,0.88) !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
width: 100% !important;
min-width: 0 !important;
height: 58px !important;
min-height: 58px !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
border-radius: 999px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
width: 100% !important;
min-width: 0 !important;
font-size: 13.5px !important;
line-height: normal !important;
white-space: nowrap !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
margin: 4px 0 0 0 !important;
padding: 0 !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
height: 58px !important;
border-radius: 999px !important;
white-space: normal !important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions {
z-index: 2147483000 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-list-wrap {
padding-left: 10px !important;
padding-right: 10px !important;
}
.ecg-passport-hero {
padding: 18px !important;
border-radius: 26px !important;
}
.ecg-passport-title {
font-size: clamp(32px, 11vw, 44px) !important;
line-height: 1.05 !important;
}
.ecg-passport-subtitle {
font-size: 14px !important;
line-height: 1.5 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
padding: 20px 16px !important;
border-radius: 24px !important;
}
}
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 46px max-content !important;
align-items: center !important;
justify-content: flex-start !important;
justify-items: start !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
text-align: left !important;
font-size: clamp(13px, 0.95vw, 16px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: #7a5a23 !important;
}
.ecg-passport-hero .ecg-passport-eyebrow::before,
.ecg-passport-hero .ecg-passport-eyebrow::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero .ecg-passport-eyebrow .ecg-pr-mobile-brand-break {
display: none !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
font-size: 13px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
.ecg-passport-hero-panel .ecg-compare-button::before,
.ecg-passport-hero-panel .ecg-compare-button::after {
content: none !important;
display: none !important;
}
.ecg-compare-result.ecg-show {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 44px max-content !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
font-size: clamp(12px, 3vw, 15px) !important;
letter-spacing: 0.12em !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
padding-left: 8px !important;
padding-right: 8px !important;
}
.ecg-passport-hero {
gap: 16px !important;
padding: 14px !important;
border-radius: 24px !important;
}
.ecg-passport-brandline {
padding: 8px 12px 8px 8px !important;
gap: 10px !important;
}
.ecg-passport-brandmark {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
}
.ecg-passport-eyebrow {
max-width: 220px !important;
font-size: 10px !important;
line-height: 1.14 !important;
letter-spacing: 0.045em !important;
}
.ecg-passport-title {
margin-top: 14px !important;
margin-bottom: 10px !important;
font-size: clamp(22px, 7.1vw, 31px) !important;
line-height: 1.04 !important;
letter-spacing: -0.06em !important;
max-width: 96% !important;
}
.ecg-passport-subtitle {
margin-top: 0 !important;
font-size: 13px !important;
line-height: 1.52 !important;
max-width: 96% !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% + 2px) !important;
margin-left: -1px !important;
padding: 18px 14px !important;
border-radius: 28px !important;
gap: 11px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-visa-checker::before {
margin-left: 6px !important;
margin-bottom: 2px !important;
font-size: 10px !important;
letter-spacing: 0.11em !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
min-height: 56px !important;
height: 56px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box {
grid-template-columns: 50px minmax(0, 1fr) !important;
padding: 6px 8px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
font-size: 12px !important;
line-height: 1.2 !important;
padding-right: 8px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
font-size: 12px !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
.ecg-passport-hero-panel .ecg-passport-search-icon,
.ecg-passport-hero-panel .ecg-compare-icon {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
padding: 0 16px !important;
}
.ecg-geo-rank-notice {
padding: 14px !important;
border-radius: 24px !important;
}
.ecg-geo-rank-main {
gap: 10px !important;
margin-bottom: 2px !important;
}
.ecg-geo-rank-text {
font-size: 11px !important;
line-height: 1.34 !important;
}
.ecg-geo-rank-badge {
width: 100% !important;
min-height: 92px !important;
border-radius: 22px !important;
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
padding: 14px 18px !important;
}
.ecg-geo-rank-badge-number {
font-size: 30px !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-areas:
'mobility mobility'
'visafree onarrival'
'eta required' !important;
gap: 12px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'] {
grid-area: mobility !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] {
grid-area: visafree !important;
}
.ecg-geo-rank-card[data-geo-stat='on-arrival'] {
grid-area: onarrival !important;
}
.ecg-geo-rank-card[data-geo-stat='eta'] {
grid-area: eta !important;
}
.ecg-geo-rank-card[data-geo-stat='required'] {
grid-area: required !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 126px !important;
border-radius: 22px !important;
padding: 14px !important;
}
.ecg-geo-rank-card-primary {
transform: none !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(44px, 12vw, 56px) !important;
}
.ecg-geo-rank-card .ecg-geo-rank-card-value {
font-size: clamp(28px, 9vw, 40px) !important;
line-height: 0.95 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero {
padding: 12px !important;
gap: 14px !important;
}
.ecg-passport-eyebrow {
max-width: 205px !important;
font-size: 9.5px !important;
}
.ecg-passport-title {
font-size: clamp(20px, 6.8vw, 28px) !important;
margin-top: 12px !important;
}
.ecg-passport-subtitle {
font-size: 12.5px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
padding: 16px 12px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input,
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
font-size: 11.5px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 118px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
padding-left: 4px !important;
padding-right: 4px !important;
}
.ecg-passport-hero {
width: 100% !important;
max-width: 100% !important;
padding: 10px !important;
gap: 14px !important;
}
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel {
width: 100% !important;
max-width: 100% !important;
}
.ecg-passport-title,
.ecg-passport-subtitle {
max-width: 100% !important;
}
.ecg-passport-brandline {
padding: 8px 10px 8px 8px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
margin-left: 0 !important;
padding: 16px 10px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
}
}
@media (max-width: 430px) {
.ecg-passport-list-wrap {
padding-left: 3px !important;
padding-right: 3px !important;
}
.ecg-passport-hero {
padding: 8px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
padding: 15px 9px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
width: 100% !important;
max-width: 100% !important;
padding: 0 2px 28px !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list,
.ecg-shared-detail {
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ecg-passport-hero {
padding: 8px !important;
gap: 12px !important;
}
.ecg-passport-title {
font-size: clamp(26px, 8.5vw, 38px) !important;
line-height: 1.03 !important;
letter-spacing: -0.068em !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.ecg-passport-subtitle {
font-size: 13px !important;
line-height: 1.5 !important;
max-width: 100% !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
padding: 16px 10px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input,
.ecg-passport-hero-panel .ecg-passport-search-input::placeholder,
.ecg-passport-hero-panel .ecg-compare-input::placeholder {
font-size: 12.5px !important;
}
.ecg-geo-rank-notice {
padding: 12px !important;
border-radius: 24px !important;
}
.ecg-geo-rank-main {
gap: 10px !important;
margin-bottom: 10px !important;
}
.ecg-geo-rank-text {
font-size: 14px !important;
line-height: 1.42 !important;
font-weight: 700 !important;
color: rgba(255,255,255,0.98) !important;
text-shadow: 0 1px 12px rgba(11,16,32,0.16) !important;
}
.ecg-geo-rank-badge {
min-height: 78px !important;
padding: 12px 16px !important;
border-radius: 20px !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 10px !important;
letter-spacing: 0.12em !important;
}
.ecg-geo-rank-badge-number {
font-size: 28px !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'],
.ecg-geo-rank-card-primary {
min-height: 98px !important;
padding: 12px 14px !important;
border-radius: 20px !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label,
.ecg-geo-rank-card[data-geo-stat='mobility'] .ecg-geo-rank-card-label {
font-size: 11px !important;
line-height: 1.1 !important;
letter-spacing: 0.09em !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='mobility'] .ecg-geo-rank-card-value {
font-size: clamp(34px, 10vw, 46px) !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-card:not([data-geo-stat='mobility']) {
min-height: 112px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-list-wrap {
padding: 0 1px 24px !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list,
.ecg-shared-detail {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
}
.ecg-passport-title {
font-size: clamp(25px, 8.7vw, 36px) !important;
}
.ecg-geo-rank-text {
font-size: 15px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0 0 24px !important;
overflow-x: hidden !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list,
.ecg-shared-detail {
width: calc(100vw - 10px) !important;
max-width: calc(100vw - 10px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ecg-passport-hero {
padding: 8px !important;
}
.ecg-passport-brandline,
.ecg-passport-hero-inner,
.ecg-passport-hero-panel,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-search-wrap,
.ecg-geo-rank-main,
.ecg-geo-rank-stats {
width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list,
.ecg-shared-detail {
width: calc(100vw - 6px) !important;
max-width: calc(100vw - 6px) !important;
}
.ecg-passport-list-wrap {
padding-bottom: 22px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list,
.ecg-shared-detail {
padding-left: 3px !important;
padding-right: 3px !important;
box-sizing: border-box !important;
}
.ecg-passport-brandline,
.ecg-passport-hero-inner,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-passport-search-wrap,
.ecg-geo-rank-main,
.ecg-geo-rank-stats {
box-sizing: border-box !important;
}
}
@media (max-width: 768px) {
html,
body {
overflow-x: hidden !important;
}
.ecg-passport-list-wrap {
position: relative !important;
left: 50% !important;
right: auto !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
margin-left: -50vw !important;
margin-right: 0 !important;
padding: 0 3px 24px 3px !important;
transform: none !important;
box-sizing: border-box !important;
overflow-x: clip !important;
}
.ecg-passport-list-wrap::before {
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero {
padding: 3px !important;
gap: 12px !important;
border-radius: 24px !important;
}
.ecg-passport-hero-inner {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.ecg-passport-brandline {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 8px 10px 8px 8px !important;
}
.ecg-passport-title {
color: #0b1020 !important;
opacity: 1 !important;
margin-left: 0 !important;
margin-right: 0 !important;
font-size: clamp(26px, 8.5vw, 38px) !important;
line-height: 1.03 !important;
letter-spacing: -0.068em !important;
}
.ecg-passport-subtitle {
color: #667085 !important;
opacity: 1 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.ecg-passport-hero-panel {
padding: 0 !important;
margin: 0 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
left: auto !important;
top: auto !important;
transform: none !important;
margin: 0 !important;
padding: 16px 10px !important;
background:
radial-gradient(circle at 74% 18%, rgba(199,157,77,0.14), transparent 24%),
linear-gradient(145deg, #0b1020 0%, #173b71 100%) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
opacity: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
opacity: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
opacity: 1 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-list-wrap {
padding-left: 3px !important;
padding-right: 3px !important;
}
.ecg-passport-hero {
padding: 3px !important;
}
}
@media (max-width: 768px) {
html,
body {
overflow-x: hidden !important;
}
.ecg-passport-list-wrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
.ecg-passport-list-wrap::before {
left: 0 !important;
right: 0 !important;
width: 100% !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-geo-rank-main,
.ecg-geo-rank-stats,
.ecg-passport-item,
.ecg-passport-shared-detail {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-geo-rank-main,
.ecg-geo-rank-stats,
.ecg-passport-item,
.ecg-passport-shared-detail,
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
}
}
@media (max-width: 768px) {
html,
body {
overflow-x: hidden !important;
}
.ecg-passport-list-wrap {
position: relative !important;
left: 50% !important;
right: auto !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: -50vw !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.ecg-passport-list-wrap::before {
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: 100vw !important;
max-width: 100vw !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero {
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-geo-rank-main,
.ecg-geo-rank-stats,
.ecg-passport-item,
.ecg-passport-shared-detail {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: 100vw !important;
max-width: 100vw !important;
}
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-geo-rank-main,
.ecg-geo-rank-stats,
.ecg-passport-item,
.ecg-passport-shared-detail,
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: 3px !important;
margin-right: 3px !important;
}
}
@media (max-width: 768px) {
html,
body {
overflow-x: hidden !important;
}
.ecg-passport-list-wrap {
position: relative !important;
left: 50% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: -50vw !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.ecg-passport-list-wrap::before {
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
}
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.ecg-passport-hero {
padding-left: 8px !important;
padding-right: 8px !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-hero-panel,
.ecg-geo-rank-main,
.ecg-geo-rank-stats,
.ecg-passport-item,
.ecg-passport-shared-detail {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-title,
.ecg-passport-subtitle {
padding-left: 3px !important;
padding-right: 3px !important;
}
.ecg-passport-hero-panel {
padding-left: 3px !important;
padding-right: 3px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero,
.ecg-geo-rank-notice,
.ecg-passport-list {
width: calc(100vw - 14px) !important;
max-width: calc(100vw - 14px) !important;
}
.ecg-passport-hero {
padding-left: 7px !important;
padding-right: 7px !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-notice {
gap: 10px !important;
padding: 10px !important;
border-radius: 22px !important;
}
.ecg-geo-rank-main {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) 88px !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
.ecg-geo-rank-flag {
width: 48px !important;
height: 32px !important;
min-width: 48px !important;
border-radius: 10px !important;
}
.ecg-geo-rank-text {
font-size: 13px !important;
line-height: 1.28 !important;
font-weight: 780 !important;
color: rgba(255,255,255,0.96) !important;
}
.ecg-geo-rank-badge {
width: 88px !important;
min-width: 88px !important;
min-height: 58px !important;
padding: 8px 9px !important;
border-radius: 16px !important;
align-items: flex-start !important;
justify-content: center !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 8px !important;
line-height: 1.05 !important;
letter-spacing: 0.10em !important;
}
.ecg-geo-rank-badge-number {
margin-top: 5px !important;
font-size: 26px !important;
line-height: 0.88 !important;
}
.ecg-geo-rank-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-areas:
'mobility visafree'
'onarrival eta'
'required required' !important;
gap: 8px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'] {
grid-area: mobility !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] {
grid-area: visafree !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] {
grid-area: onarrival !important;
}
.ecg-geo-rank-card[data-geo-stat='eta'] {
grid-area: eta !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
grid-area: required !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 82px !important;
padding: 11px 12px !important;
border-radius: 18px !important;
transform: none !important;
}
.ecg-geo-rank-card-label,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 9px !important;
line-height: 1.1 !important;
letter-spacing: 0.09em !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(27px, 8.6vw, 38px) !important;
line-height: 0.9 !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
min-height: 76px !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-main {
grid-template-columns: 50px minmax(0, 1fr) 80px !important;
gap: 8px !important;
}
.ecg-geo-rank-flag {
width: 44px !important;
height: 30px !important;
min-width: 44px !important;
}
.ecg-geo-rank-text {
font-size: 12.5px !important;
line-height: 1.28 !important;
}
.ecg-geo-rank-badge {
width: 80px !important;
min-width: 80px !important;
min-height: 54px !important;
padding: 7px 8px !important;
}
.ecg-geo-rank-badge-number {
font-size: 24px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 76px !important;
padding: 10px !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(25px, 8.2vw, 34px) !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-notice {
padding: 10px !important;
border-radius: 22px !important;
gap: 10px !important;
}
.ecg-geo-rank-main {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) 86px !important;
align-items: center !important;
gap: 10px !important;
margin: 0 0 8px !important;
}
.ecg-geo-rank-flag {
width: 46px !important;
height: 30px !important;
min-width: 46px !important;
border-radius: 10px !important;
}
.ecg-geo-rank-text {
font-size: 12.5px !important;
line-height: 1.28 !important;
font-weight: 760 !important;
color: rgba(255,255,255,0.96) !important;
text-wrap: balance !important;
}
.ecg-geo-rank-badge {
width: 86px !important;
min-width: 86px !important;
min-height: 64px !important;
padding: 8px 10px !important;
border-radius: 16px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 4px !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 8px !important;
line-height: 1.05 !important;
letter-spacing: 0.11em !important;
}
.ecg-geo-rank-badge-number {
font-size: 25px !important;
line-height: 0.88 !important;
margin-top: 0 !important;
}
.ecg-geo-rank-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-areas:
'mobility visafree'
'onarrival eta'
'required required' !important;
gap: 9px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'] { grid-area: mobility !important; }
.ecg-geo-rank-card[data-geo-stat='visa-free'] { grid-area: visafree !important; }
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] { grid-area: onarrival !important; }
.ecg-geo-rank-card[data-geo-stat='eta'] { grid-area: eta !important; }
.ecg-geo-rank-card[data-geo-stat='visa-required'] { grid-area: required !important; }
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 88px !important;
padding: 10px 12px !important;
border-radius: 18px !important;
transform: none !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.ecg-geo-rank-card-primary {
border-color: rgba(255, 241, 205, 0.22) !important;
}
.ecg-geo-rank-card-label,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 8.5px !important;
line-height: 1.08 !important;
letter-spacing: 0.11em !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 8px !important;
font-size: clamp(25px, 7.8vw, 34px) !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
min-height: 74px !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-notice {
padding: 9px !important;
gap: 9px !important;
}
.ecg-geo-rank-main {
grid-template-columns: 48px minmax(0, 1fr) 80px !important;
gap: 8px !important;
margin-bottom: 7px !important;
}
.ecg-geo-rank-flag {
width: 42px !important;
height: 28px !important;
min-width: 42px !important;
}
.ecg-geo-rank-text {
font-size: 12px !important;
line-height: 1.25 !important;
}
.ecg-geo-rank-badge {
width: 80px !important;
min-width: 80px !important;
min-height: 60px !important;
padding: 7px 9px !important;
}
.ecg-geo-rank-badge-number {
font-size: 23px !important;
}
.ecg-geo-rank-stats {
gap: 8px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 82px !important;
padding: 9px 10px !important;
border-radius: 16px !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(23px, 7.4vw, 31px) !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
min-height: 70px !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-notice {
padding: 10px !important;
gap: 10px !important;
border-radius: 24px !important;
}
.ecg-geo-rank-main {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
grid-template-areas:
"flag text"
"rank rank" !important;
align-items: center !important;
gap: 8px 10px !important;
margin: 0 0 10px !important;
}
.ecg-geo-rank-flag {
grid-area: flag !important;
width: 46px !important;
height: 30px !important;
min-width: 46px !important;
border-radius: 10px !important;
}
.ecg-geo-rank-text {
grid-area: text !important;
font-size: 12px !important;
line-height: 1.28 !important;
font-weight: 760 !important;
color: rgba(255,255,255,0.97) !important;
text-wrap: balance !important;
}
.ecg-geo-rank-badge {
grid-area: rank !important;
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
padding: 8px 12px !important;
border-radius: 16px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 9px !important;
line-height: 1 !important;
letter-spacing: 0.12em !important;
margin: 0 !important;
}
.ecg-geo-rank-badge-number {
font-size: 24px !important;
line-height: 0.9 !important;
margin: 0 !important;
}
.ecg-geo-rank-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-areas:
"mobility mobility"
"visafree onarrival"
"eta required" !important;
gap: 8px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'] {
grid-area: mobility !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] {
grid-area: visafree !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] {
grid-area: onarrival !important;
}
.ecg-geo-rank-card[data-geo-stat='eta'] {
grid-area: eta !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
grid-area: required !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 72px !important;
padding: 10px 12px !important;
border-radius: 16px !important;
transform: none !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.ecg-geo-rank-card-label {
font-size: 8.5px !important;
line-height: 1.08 !important;
letter-spacing: 0.12em !important;
}
.ecg-geo-rank-card-value {
margin-top: 7px !important;
font-size: clamp(23px, 7vw, 30px) !important;
line-height: 0.92 !important;
color: #fff9e9 !important;
}
.ecg-geo-rank-card-primary {
min-height: 92px !important;
padding: 12px 14px !important;
border-radius: 18px !important;
background:
radial-gradient(circle at 72% 20%, rgba(255, 231, 167, 0.18), transparent 26%),
linear-gradient(180deg, rgba(255,250,233,0.10), rgba(255,236,188,0.06)) !important;
border-color: rgba(255, 238, 196, 0.24) !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 9.5px !important;
line-height: 1.08 !important;
letter-spacing: 0.12em !important;
color: rgba(255, 239, 194, 0.96) !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 9px !important;
font-size: clamp(34px, 10vw, 44px) !important;
line-height: 0.9 !important;
letter-spacing: -0.04em !important;
color: #ffe59a !important;
text-shadow: 0 2px 10px rgba(255,224,140,0.10) !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-notice {
padding: 9px !important;
gap: 9px !important;
}
.ecg-geo-rank-main {
grid-template-columns: 46px minmax(0, 1fr) !important;
gap: 7px 9px !important;
margin-bottom: 9px !important;
}
.ecg-geo-rank-flag {
width: 42px !important;
height: 28px !important;
min-width: 42px !important;
}
.ecg-geo-rank-text {
font-size: 11.5px !important;
line-height: 1.24 !important;
}
.ecg-geo-rank-badge {
min-height: 48px !important;
padding: 7px 10px !important;
border-radius: 15px !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 8px !important;
}
.ecg-geo-rank-badge-number {
font-size: 22px !important;
}
.ecg-geo-rank-stats {
gap: 7px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 68px !important;
padding: 9px 10px !important;
border-radius: 15px !important;
}
.ecg-geo-rank-card-primary {
min-height: 84px !important;
}
.ecg-geo-rank-card-label {
font-size: 8px !important;
}
.ecg-geo-rank-card-value {
font-size: clamp(21px, 6.8vw, 28px) !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 9px !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(31px, 9.2vw, 40px) !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-stats {
align-items: start !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'],
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'],
.ecg-geo-rank-card[data-geo-stat='eta'],
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
min-height: 58px !important;
height: auto !important;
padding: 8px 10px !important;
border-radius: 14px !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] .ecg-geo-rank-card-label,
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] .ecg-geo-rank-card-label,
.ecg-geo-rank-card[data-geo-stat='eta'] .ecg-geo-rank-card-label,
.ecg-geo-rank-card[data-geo-stat='visa-required'] .ecg-geo-rank-card-label {
font-size: 7.8px !important;
line-height: 1 !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='eta'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='visa-required'] .ecg-geo-rank-card-value {
margin-top: 6px !important;
font-size: clamp(22px, 6.4vw, 28px) !important;
line-height: 0.9 !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-card[data-geo-stat='visa-free'],
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'],
.ecg-geo-rank-card[data-geo-stat='eta'],
.ecg-geo-rank-card[data-geo-stat='visa-required'] {
min-height: 54px !important;
padding: 7px 9px !important;
border-radius: 13px !important;
}
.ecg-geo-rank-card[data-geo-stat='visa-free'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='visa-on-arrival'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='eta'] .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='visa-required'] .ecg-geo-rank-card-value {
font-size: clamp(20px, 6vw, 26px) !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-badge {
display: none !important;
}
.ecg-geo-rank-main {
display: grid !important;
grid-template-columns: 70px minmax(0, 1fr) !important;
grid-template-areas: "flag text" !important;
align-items: center !important;
min-height: 112px !important;
padding: 16px 14px !important;
margin: 0 0 10px !important;
gap: 14px !important;
border-radius: 20px !important;
background:
radial-gradient(circle at 88% 18%, rgba(255,241,202,0.12), transparent 32%),
linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.04)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.ecg-geo-rank-flag {
grid-area: flag !important;
width: 62px !important;
height: 42px !important;
min-width: 62px !important;
border-radius: 12px !important;
}
.ecg-geo-rank-text {
grid-area: text !important;
font-size: 18px !important;
line-height: 1.28 !important;
font-weight: 850 !important;
color: rgba(255,255,255,0.98) !important;
text-wrap: balance !important;
text-shadow: 0 2px 14px rgba(11,16,32,0.18) !important;
}
.ecg-geo-rank-text strong {
color: #fff1ca !important;
font-weight: 950 !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-main {
grid-template-columns: 62px minmax(0, 1fr) !important;
min-height: 104px !important;
padding: 14px 12px !important;
gap: 12px !important;
border-radius: 18px !important;
}
.ecg-geo-rank-flag {
width: 56px !important;
height: 38px !important;
min-width: 56px !important;
}
.ecg-geo-rank-text {
font-size: 16.5px !important;
line-height: 1.28 !important;
}
}
@media (max-width: 768px) {
.ecg-geo-rank-main {
margin-bottom: 5px !important;
}
.ecg-geo-rank-stats {
gap: 7px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'],
.ecg-geo-rank-card-primary {
min-height: 74px !important;
padding: 9px 12px !important;
border-radius: 17px !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label,
.ecg-geo-rank-card[data-geo-stat='mobility'] .ecg-geo-rank-card-label {
font-size: 8.8px !important;
line-height: 1.05 !important;
letter-spacing: 0.105em !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='mobility'] .ecg-geo-rank-card-value {
margin-top: 7px !important;
font-size: clamp(30px, 8.7vw, 40px) !important;
line-height: 0.9 !important;
}
}
@media (max-width: 430px) {
.ecg-geo-rank-main {
margin-bottom: 4px !important;
}
.ecg-geo-rank-stats {
gap: 6px !important;
}
.ecg-geo-rank-card[data-geo-stat='mobility'],
.ecg-geo-rank-card-primary {
min-height: 68px !important;
padding: 8px 10px !important;
border-radius: 16px !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value,
.ecg-geo-rank-card[data-geo-stat='mobility'] .ecg-geo-rank-card-value {
font-size: clamp(28px, 8.2vw, 36px) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-title,
.ecg-passport-subtitle {
max-width: calc(100% - 36px) !important;
width: calc(100% - 36px) !important;
margin-left: 18px !important;
margin-right: 18px !important;
box-sizing: border-box !important;
}
.ecg-passport-title::after {
width: 92px !important;
margin-top: 18px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-title,
.ecg-passport-subtitle {
max-width: calc(100% - 32px) !important;
width: calc(100% - 32px) !important;
margin-left: 16px !important;
margin-right: 16px !important;
}
.ecg-passport-title::after {
width: 86px !important;
margin-top: 16px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
max-width: 290px !important;
font-size: 20px !important;
line-height: 1.02 !important;
letter-spacing: 0.03em !important;
}
}
@media (max-width: 430px) {
.ecg-passport-eyebrow {
max-width: 260px !important;
font-size: 19px !important;
line-height: 1.02 !important;
letter-spacing: 0.025em !important;
}
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
letter-spacing: 0.045em !important;
}
}
@media (max-width: 430px) {
.ecg-passport-eyebrow {
letter-spacing: 0.04em !important;
}
}
@media (max-width: 768px) {
.ecg-passport-title {
letter-spacing: -0.03em !important;
}
}
@media (max-width: 430px) {
.ecg-passport-title {
letter-spacing: -0.025em !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero {
gap: 10px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 4px !important;
}
.ecg-geo-rank-notice {
margin-top: 0 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero {
gap: 8px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 2px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-eyebrow {
max-width: 240px !important;
font-size: 15px !important;
line-height: 1.03 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-eyebrow {
max-width: 220px !important;
font-size: 14px !important;
line-height: 1.03 !important;
}
}
@media (max-width: 768px) {
.ecg-passport-title {
margin-top: 8px !important;
}
.ecg-passport-subtitle {
margin-top: 2px !important;
}
.ecg-passport-hero {
gap: 7px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 1px !important;
}
.ecg-geo-rank-notice {
margin-top: 0 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-title {
margin-top: 6px !important;
}
.ecg-passport-subtitle {
margin-top: 1px !important;
}
.ecg-passport-hero {
gap: 6px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero {
gap: 5px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 0 !important;
}
.ecg-geo-rank-notice {
margin-top: 0 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero {
gap: 4px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero {
margin-bottom: 4px !important;
}
.ecg-passport-hero-panel {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
margin-bottom: 0 !important;
}
.ecg-geo-rank-notice {
margin-top: -10px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero {
margin-bottom: 2px !important;
}
.ecg-geo-rank-notice {
margin-top: -12px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero {
margin-bottom: 0 !important;
}
.ecg-passport-hero-panel {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
margin-bottom: 0 !important;
}
.ecg-geo-rank-notice {
margin-top: 10px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero {
margin-bottom: 0 !important;
}
.ecg-geo-rank-notice {
margin-top: 10px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-item {
width: calc(100% - 14px) !important;
max-width: calc(100% - 14px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.ecg-passport-item .ecg-country {
gap: 12px !important;
}
.ecg-passport-item .ecg-flag {
width: 34.5px !important;
height: 23px !important;
min-width: 34.5px !important;
}
.ecg-passport-item .ecg-flag img {
width: 34.5px !important;
height: 23px !important;
}
.ecg-passport-item .ecg-country-name {
font-size: 1.3em !important;
line-height: 1.15 !important;
font-weight: 780 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-item {
width: calc(100% - 14px) !important;
max-width: calc(100% - 14px) !important;
padding-left: 11px !important;
padding-right: 11px !important;
}
.ecg-passport-item .ecg-country {
gap: 11px !important;
}
.ecg-passport-item .ecg-flag {
width: 34.5px !important;
height: 23px !important;
min-width: 34.5px !important;
}
.ecg-passport-item .ecg-flag img {
width: 34.5px !important;
height: 23px !important;
}
.ecg-passport-item .ecg-country-name {
font-size: 1.3em !important;
line-height: 1.14 !important;
}
}
@media (max-width: 768px) {
.ecg-mobile-toggle {
width: 27px !important;
height: 27px !important;
min-width: 27px !important;
}
.ecg-mobile-toggle::before,
.ecg-mobile-toggle::after {
width: 12px !important;
height: 2.5px !important;
}
}
@media (max-width: 430px) {
.ecg-mobile-toggle {
width: 27px !important;
height: 27px !important;
min-width: 27px !important;
}
.ecg-mobile-toggle::before,
.ecg-mobile-toggle::after {
width: 12px !important;
height: 2.5px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-subtitle {
margin-bottom: 10px !important;
}
.ecg-passport-hero-panel {
margin-top: 6px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-subtitle {
margin-bottom: 9px !important;
}
.ecg-passport-hero-panel {
margin-top: 5px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel,
.ecg-geo-rank-notice {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {
.ecg-passport-hero-panel,
.ecg-geo-rank-notice {
width: calc(100% - 6px) !important;
max-width: calc(100% - 6px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 768px) {
.ecg-passport-brandline {
margin-top: 10px !important;
}
}
@media (max-width: 430px) {
.ecg-passport-brandline {
margin-top: 10px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero-panel .ecg-visa-checker::before {
content: attr(data-pr-checker-label) !important;
}
.ecg-passport-hero-panel .ecg-compare-button,
.ecg-passport-hero-panel .ecg-compare-button-label-desktop,
.ecg-passport-hero-panel .ecg-compare-button-label-mobile {
text-transform: uppercase !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
--pr-mobile-checker-panel-width: min(100%, calc(100vw - 44px));
}
.ecg-passport-hero-panel {
width: var(--pr-mobile-checker-panel-width) !important;
max-width: var(--pr-mobile-checker-panel-width) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-notice {
width: var(--pr-mobile-checker-panel-width) !important;
max-width: var(--pr-mobile-checker-panel-width) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {
.ecg-passport-list-wrap {
--pr-mobile-checker-panel-width: calc(100vw - 34px);
}
.ecg-passport-hero-panel,
.ecg-geo-rank-notice {
width: var(--pr-mobile-checker-panel-width) !important;
max-width: var(--pr-mobile-checker-panel-width) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 768px) {
.ecg-passport-item.ecg-open {
align-content: start !important;
}
.ecg-passport-item.ecg-open .ecg-passport-shared-detail,
.ecg-passport-shared-detail.ecg-show {
margin-top: 14px !important;
}
.ecg-passport-shared-detail.ecg-show > div:first-child,
.ecg-passport-shared-detail.ecg-show .ecg-mobility-score-card:first-child,
.ecg-passport-shared-detail.ecg-show .ecg-visa-action:first-child {
margin-top: 0 !important;
}
}
@media (max-width: 430px) {
.ecg-passport-item.ecg-open .ecg-passport-shared-detail,
.ecg-passport-shared-detail.ecg-show {
margin-top: 12px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-shared-detail.ecg-ai-open.ecg-show {
position: fixed !important;
left: 10px !important;
right: 10px !important;
top: max(10px, env(safe-area-inset-top)) !important;
bottom: max(10px, env(safe-area-inset-bottom)) !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 10px !important;
display: block !important;
overflow-y: auto !important;
overflow-x: hidden !important;
z-index: 2147483000 !important;
border-radius: 24px !important;
background: #fffdf8 !important;
border: 1px solid rgba(11,16,32,0.13) !important;
box-shadow: 0 26px 70px rgba(11,16,32,0.30) !important;
transform: none !important;
visibility: visible !important;
opacity: 1 !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-panel {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 14px !important;
border-radius: 20px !important;
box-sizing: border-box !important;
overflow: visible !important;
background:
radial-gradient(circle at 100% 0%, rgba(184,138,60,0.08), transparent 26%),
linear-gradient(180deg, #ffffff, #fffdf8) !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-top {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 68px !important;
gap: 10px !important;
align-items: start !important;
margin-bottom: 12px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-title {
font-size: 21px !important;
line-height: 1.12 !important;
letter-spacing: -0.035em !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-subtitle {
font-size: 12px !important;
line-height: 1.48 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-back {
width: 68px !important;
min-height: 38px !important;
padding: 0 10px !important;
justify-self: end !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-wrap {
width: 100% !important;
margin: 0 0 12px 0 !important;
position: relative !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-box {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) !important;
align-items: center !important;
height: 52px !important;
padding: 6px 9px !important;
border-radius: 999px !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-icon {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
justify-self: center !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-input {
width: 100% !important;
min-width: 0 !important;
font-size: 13px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-count-row {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 12px 0 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-count {
font-size: 10.5px !important;
line-height: 1.25 !important;
letter-spacing: 0.10em !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-sort-label {
min-width: 58px !important;
height: 34px !important;
padding: 0 12px !important;
border-radius: 999px !important;
flex: 0 0 auto !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-pill {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
display: flex !important;
flex-direction: row !important;
direction: ltr !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 9px !important;
padding: 9px 12px !important;
border-radius: 999px !important;
box-sizing: border-box !important;
text-align: left !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-dot {
order: 0 !important;
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
margin: 0 !important;
flex: 0 0 auto !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-name {
order: 1 !important;
display: block !important;
min-width: 0 !important;
flex: 1 1 auto !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 820 !important;
text-align: left !important;
}
}
@media (max-width: 430px) {
.ecg-passport-shared-detail.ecg-ai-open.ecg-show {
left: 8px !important;
right: 8px !important;
top: max(8px, env(safe-area-inset-top)) !important;
bottom: max(8px, env(safe-area-inset-bottom)) !important;
padding: 8px !important;
border-radius: 22px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-panel {
padding: 12px !important;
border-radius: 18px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-title {
font-size: 19px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-name {
font-size: 12.5px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-item.ecg-open {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) 27px !important;
align-items: center !important;
overflow: visible !important;
}
.ecg-passport-item.ecg-open .ecg-passport-shared-detail.ecg-ai-open.ecg-show,
.ecg-passport-shared-detail.ecg-ai-open.ecg-show {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
inset: auto !important;
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
display: block !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
z-index: 5 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-panel {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 16px !important;
border: 1px solid rgba(11,16,32,0.10) !important;
border-radius: 22px !important;
background:
radial-gradient(circle at 96% 4%, rgba(184,138,60,0.10), transparent 28%),
linear-gradient(180deg, #ffffff, #fffdf8) !important;
box-shadow: 0 18px 42px rgba(11,16,32,0.10) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-panel::before {
content: none !important;
display: none !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-top {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 12px !important;
margin: 0 0 14px 0 !important;
padding: 0 0 14px 0 !important;
border-bottom: 1px solid rgba(11,16,32,0.08) !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-title {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.12 !important;
letter-spacing: -0.04em !important;
color: #0b1020 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-subtitle {
margin: 8px 0 0 0 !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #667085 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-back {
width: auto !important;
min-width: 64px !important;
min-height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
justify-self: end !important;
white-space: nowrap !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-wrap {
position: relative !important;
width: 100% !important;
margin: 0 0 12px 0 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-box {
width: 100% !important;
max-width: 100% !important;
height: 54px !important;
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) !important;
align-items: center !important;
gap: 0 !important;
padding: 7px 10px !important;
border-radius: 999px !important;
background: #fffdf8 !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-icon {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
justify-self: center !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-search-input {
width: 100% !important;
min-width: 0 !important;
height: 40px !important;
font-size: 13px !important;
line-height: 40px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-count-row {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 12px 0 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-count {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.25 !important;
letter-spacing: 0.10em !important;
color: #7a5a23 !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-sort-label {
min-width: 58px !important;
min-height: 34px !important;
padding: 0 12px !important;
border-radius: 999px !important;
flex: 0 0 auto !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-pill {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
display: grid !important;
grid-template-columns: 10px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
padding: 9px 12px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.86) !important;
border: 1px solid rgba(11,16,32,0.075) !important;
box-shadow: 0 6px 18px rgba(11,16,32,0.035) !important;
box-sizing: border-box !important;
text-align: left !important;
direction: ltr !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-dot {
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
margin: 0 !important;
display: block !important;
border-radius: 999px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-name {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
font-size: 13.5px !important;
line-height: 1.25 !important;
font-weight: 820 !important;
color: #273244 !important;
text-align: left !important;
}
}
@media (max-width: 430px) {
.ecg-passport-item.ecg-open .ecg-passport-shared-detail.ecg-ai-open.ecg-show,
.ecg-passport-shared-detail.ecg-ai-open.ecg-show {
margin-top: 12px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-panel {
padding: 14px !important;
border-radius: 20px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-title {
font-size: 19px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-subtitle {
font-size: 12px !important;
}
.ecg-passport-shared-detail.ecg-ai-open.ecg-show .ecg-ai-country-name {
font-size: 13px !important;
}
}
.ecg-passport-hero {
position: relative !important;
overflow: hidden !important;
background:
radial-gradient(120% 95% at 6% 12%, rgba(184,138,60,0.15) 0%, rgba(184,138,60,0.075) 24%, rgba(184,138,60,0.00) 56%),
linear-gradient(90deg, rgba(248,243,230,0.96) 0%, rgba(255,253,248,0.98) 38%, rgba(251,249,244,0.96) 72%, rgba(245,241,233,0.94) 100%),
linear-gradient(180deg, rgba(255,253,248,0.98), rgba(255,255,255,0.96)) !important;
}
.ecg-passport-hero::before,
.ecg-passport-hero-inner::before,
.ecg-passport-hero-inner::after {
content: none !important;
display: none !important;
background: none !important;
border: 0 !important;
}
.ecg-passport-hero-inner,
.ecg-passport-hero-panel {
position: relative !important;
z-index: 2 !important;
}
@media (max-width: 768px) {
.ecg-passport-hero {
background:
radial-gradient(125% 100% at 8% 14%, rgba(184,138,60,0.16) 0%, rgba(184,138,60,0.075) 25%, rgba(184,138,60,0.00) 58%),
linear-gradient(90deg, rgba(248,243,230,0.97) 0%, rgba(255,253,248,0.99) 46%, rgba(246,243,236,0.96) 100%),
linear-gradient(180deg, rgba(255,253,248,0.99), rgba(255,255,255,0.97)) !important;
}
}
.ecg-passport-list-wrap::before {
border-radius: 56px !important;
}
@media (max-width: 768px) {
.ecg-passport-list-wrap::before {
border-radius: 30px !important;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.ecg-passport-hero {
grid-template-columns: 1fr !important;
grid-template-areas:
"content"
"panel" !important;
gap: 22px !important;
align-items: start !important;
padding: 22px !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-hero-panel {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-inner {
padding: 0 !important;
}
.ecg-passport-brandline {
width: max-content !important;
max-width: 100% !important;
margin: 0 0 18px 0 !important;
}
.ecg-passport-title {
max-width: 100% !important;
font-size: clamp(42px, 7vw, 72px) !important;
line-height: 1.06 !important;
}
.ecg-passport-subtitle {
max-width: 100% !important;
font-size: 16px !important;
line-height: 1.62 !important;
}
.ecg-passport-hero-panel {
min-height: 0 !important;
align-self: stretch !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 18px !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
border-radius: 26px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 6px !important;
}
.ecg-passport-hero-panel .ecg-compare-button {
min-width: 0 !important;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.ecg-geo-rank-notice {
padding: 20px !important;
border-radius: 28px !important;
gap: 14px !important;
}
.ecg-geo-rank-head {
flex-direction: column !important;
align-items: flex-start !important;
gap: 14px !important;
}
.ecg-geo-rank-main {
width: 100% !important;
align-items: flex-start !important;
gap: 14px !important;
}
.ecg-geo-rank-text {
font-size: 15px !important;
line-height: 1.5 !important;
}
.ecg-geo-rank-badge {
width: 100% !important;
min-width: 0 !important;
align-items: flex-start !important;
padding: 14px 16px !important;
border-radius: 20px !important;
}
.ecg-geo-rank-badge-number {
font-size: 34px !important;
}
.ecg-geo-rank-stats {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
width: 100% !important;
min-height: 0 !important;
padding: 14px 16px !important;
border-radius: 20px !important;
transform: none !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-card-label {
font-size: 11px !important;
line-height: 1.2 !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 8px !important;
font-size: clamp(34px, 6.2vw, 48px) !important;
line-height: 0.95 !important;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.ecg-geo-rank-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
width: 100% !important;
min-height: 94px !important;
padding: 14px !important;
border-radius: 18px !important;
transform: none !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 8px !important;
font-size: clamp(30px, 6vw, 46px) !important;
line-height: 0.95 !important;
}
}
@media (min-width: 481px) and (max-width: 640px) {
.ecg-geo-rank-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
min-height: 90px !important;
padding: 13px !important;
}
.ecg-geo-rank-card-label {
font-size: 10px !important;
letter-spacing: 0.10em !important;
}
.ecg-geo-rank-card-value,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
font-size: clamp(28px, 9vw, 40px) !important;
}
}
@media (min-width: 481px) and (max-width: 820px) {
.ecg-geo-rank-notice {
padding: 10px 8px 12px !important;
gap: 10px !important;
border-radius: 28px !important;
}
.ecg-geo-rank-head {
display: grid !important;
grid-template-columns: 1fr !important;
align-items: stretch !important;
gap: 10px !important;
}
.ecg-geo-rank-main {
width: 100% !important;
min-width: 0 !important;
align-items: center !important;
gap: 14px !important;
padding: 16px 18px !important;
border-radius: 26px !important;
border: 1px solid rgba(255,255,255,0.10) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-flag {
width: 64px !important;
height: 44px !important;
min-width: 64px !important;
border-radius: 14px !important;
}
.ecg-geo-rank-text {
font-size: 16px !important;
line-height: 1.45 !important;
}
.ecg-geo-rank-badge {
width: 100% !important;
min-width: 0 !important;
padding: 18px 22px !important;
border-radius: 26px !important;
align-items: flex-start !important;
gap: 8px !important;
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-badge-kicker {
font-size: 11px !important;
line-height: 1.1 !important;
}
.ecg-geo-rank-badge-number {
font-size: clamp(46px, 9vw, 62px) !important;
line-height: 0.9 !important;
}
.ecg-geo-rank-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.ecg-geo-rank-card,
.ecg-geo-rank-card-primary {
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
transform: none !important;
}
.ecg-geo-rank-card-primary {
grid-column: 1 / -1 !important;
min-height: 104px !important;
padding: 14px 18px !important;
border-radius: 24px !important;
}
.ecg-geo-rank-card {
min-height: 88px !important;
padding: 12px 14px !important;
border-radius: 18px !important;
}
.ecg-geo-rank-card-label,
.ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 10px !important;
line-height: 1.2 !important;
letter-spacing: 0.10em !important;
}
.ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(42px, 9vw, 56px) !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-card-value {
margin-top: 8px !important;
font-size: clamp(28px, 7vw, 40px) !important;
line-height: 0.95 !important;
}
}
@media (min-width: 481px) and (max-width: 820px) {
.ecg-geo-rank-badge {
display: none !important;
}
.ecg-geo-rank-head {
gap: 0 !important;
}
}
@media (min-width: 481px) and (max-width: 820px) {
.ecg-geo-rank-text {
font-size: 24px !important;
line-height: 1.32 !important;
font-weight: 850 !important;
letter-spacing: -0.02em !important;
}
.ecg-geo-rank-text strong {
font-size: inherit !important;
line-height: inherit !important;
font-weight: 900 !important;
}
}
@media (min-width: 481px) and (max-width: 820px) {
.ecg-geo-rank-main {
gap: 12px !important;
padding: 14px 16px !important;
}
.ecg-geo-rank-flag {
width: 56px !important;
height: 38px !important;
min-width: 56px !important;
border-radius: 13px !important;
}
.ecg-geo-rank-text {
min-width: 0 !important;
flex: 1 1 auto !important;
font-size: clamp(13px, 2.5vw, 18px) !important;
line-height: 1.18 !important;
font-weight: 850 !important;
letter-spacing: -0.025em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-geo-rank-text strong {
font-size: inherit !important;
line-height: inherit !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
}
@media (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
.ecg-passport-hero {
grid-template-columns: 1fr !important;
grid-template-areas:
"content"
"panel" !important;
gap: 20px !important;
align-items: start !important;
padding: 22px !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-hero-panel {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-inner {
padding: 0 !important;
}
.ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 44px minmax(0, auto) !important;
width: max-content !important;
max-width: 100% !important;
margin: 0 0 18px 0 !important;
padding: 6px 16px 6px 6px !important;
}
.ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1.12 !important;
letter-spacing: 0.12em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-passport-title {
max-width: 100% !important;
font-size: clamp(40px, 6.5vw, 58px) !important;
line-height: 1.04 !important;
}
.ecg-passport-subtitle {
max-width: 100% !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
.ecg-passport-hero-panel {
min-height: 0 !important;
align-self: stretch !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 18px !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
border-radius: 24px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 6px !important;
}
.ecg-passport-hero-panel .ecg-compare-input,
.ecg-passport-hero-panel .ecg-passport-search-input {
min-width: 0 !important;
}
}
@media (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
.ecg-country-name {
font-size: calc(1em + 2px) !important;
line-height: 1.18 !important;
}
}
@media (min-width: 568px) and (max-width: 1024px) {
.ecg-passport-hero {
grid-template-columns: 1fr !important;
grid-template-areas:
"content"
"panel" !important;
gap: 20px !important;
align-items: start !important;
justify-items: stretch !important;
padding: 22px !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-hero-panel {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-inner {
grid-area: content !important;
padding: 0 !important;
}
.ecg-passport-hero-panel {
grid-area: panel !important;
min-height: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
}
.ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 44px minmax(0, auto) !important;
width: max-content !important;
max-width: 100% !important;
margin: 0 0 18px 0 !important;
padding: 6px 16px 6px 6px !important;
}
.ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1.12 !important;
letter-spacing: 0.12em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-passport-title {
max-width: 100% !important;
font-size: clamp(40px, 6.5vw, 58px) !important;
line-height: 1.04 !important;
letter-spacing: -0.06em !important;
}
.ecg-passport-subtitle {
max-width: 100% !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 18px !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
border-radius: 24px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 6px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
min-width: 0 !important;
}
}
@media (max-width: 1024px) {
.ecg-passport-hero {
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"content"
"panel" !important;
gap: 18px !important;
align-items: start !important;
justify-items: stretch !important;
overflow: hidden !important;
}
.ecg-passport-hero-inner,
.ecg-passport-hero-panel,
.ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-inner {
grid-area: content !important;
padding: 0 !important;
margin: 0 !important;
}
.ecg-passport-hero-panel {
grid-area: panel !important;
min-height: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
margin: 0 !important;
}
.ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 44px minmax(0, 1fr) !important;
align-items: center !important;
max-width: min(100%, 440px) !important;
width: 100% !important;
margin: 0 0 16px 0 !important;
padding: 6px 14px 6px 6px !important;
box-sizing: border-box !important;
}
.ecg-passport-eyebrow {
font-size: clamp(9px, 1.9vw, 12px) !important;
line-height: 1.15 !important;
letter-spacing: 0.11em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ecg-passport-title {
max-width: 100% !important;
font-size: clamp(34px, 7.2vw, 56px) !important;
line-height: 1.05 !important;
letter-spacing: -0.05em !important;
text-wrap: balance !important;
}
.ecg-passport-subtitle {
max-width: 100% !important;
font-size: clamp(14px, 2.4vw, 16px) !important;
line-height: 1.58 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin: 0 !important;
padding: 18px !important;
border-radius: 24px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero-panel .ecg-compare-box,
.ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 6px !important;
}
.ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero-panel .ecg-compare-input {
min-width: 0 !important;
}
}
.ecg-passport-hero.ecg-pr-landscape-hero {
grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
grid-template-areas: "content panel" !important;
gap: 22px !important;
align-items: center !important;
justify-items: stretch !important;
padding: 22px !important;
overflow: hidden !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-inner {
grid-area: content !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel {
grid-area: panel !important;
width: 100% !important;
max-width: 420px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
align-self: center !important;
justify-self: end !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
width: max-content !important;
max-width: 100% !important;
margin: 0 0 14px 0 !important;
padding: 5px 14px 5px 5px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandmark {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1.12 !important;
letter-spacing: 0.115em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title {
max-width: 100% !important;
font-size: clamp(32px, 4.8vw, 48px) !important;
line-height: 1.05 !important;
letter-spacing: -0.052em !important;
text-wrap: balance !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title::after {
margin-top: 16px !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle {
max-width: 100% !important;
margin-top: 14px !important;
font-size: clamp(13px, 1.8vw, 15px) !important;
line-height: 1.56 !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-wrap {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 16px !important;
border-radius: 24px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-compare-box {
height: 50px !important;
min-height: 50px !important;
border-radius: 999px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-compare-input {
height: 38px !important;
line-height: 38px !important;
font-size: 13px !important;
min-width: 0 !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-visa-checker {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-top: 4px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 50px !important;
border-radius: 999px !important;
box-sizing: border-box !important;
}
@media (max-width: 720px) {
.ecg-passport-hero.ecg-pr-landscape-hero {
grid-template-columns: 1fr !important;
grid-template-areas:
"content"
"panel" !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel {
max-width: 100% !important;
justify-self: stretch !important;
}
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice {
padding: 16px 14px 18px !important;
gap: 12px !important;
border-radius: 28px !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-head {
display: block !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-main {
width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 16px 18px !important;
border-radius: 24px !important;
border: 1px solid rgba(255,255,255,0.10) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
box-sizing: border-box !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-flag {
width: 58px !important;
height: 38px !important;
min-width: 58px !important;
border-radius: 12px !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-text {
font-size: clamp(14px, 1.8vw, 16px) !important;
line-height: 1.42 !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-badge {
display: none !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-stats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card-primary {
grid-column: 1 / -1 !important;
min-height: 126px !important;
padding: 16px 18px !important;
border-radius: 24px !important;
transform: none !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card {
min-height: 108px !important;
padding: 14px 16px !important;
border-radius: 22px !important;
transform: none !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card-label,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 10px !important;
line-height: 1.15 !important;
letter-spacing: 0.11em !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(48px, 6.5vw, 66px) !important;
line-height: 0.92 !important;
}
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(34px, 4.4vw, 48px) !important;
line-height: 0.94 !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo {
padding: 14px 12px 16px !important;
gap: 12px !important;
border-radius: 28px !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head {
display: block !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-main {
width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 16px 18px !important;
border-radius: 24px !important;
border: 1px solid rgba(255,255,255,0.10) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
box-sizing: border-box !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-flag {
width: 58px !important;
height: 38px !important;
min-width: 58px !important;
border-radius: 12px !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-text {
min-width: 0 !important;
flex: 1 1 auto !important;
font-size: clamp(14px, 1.8vw, 16px) !important;
line-height: 1.35 !important;
font-weight: 850 !important;
letter-spacing: -0.02em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-text strong {
font-size: inherit !important;
line-height: inherit !important;
white-space: nowrap !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-badge {
display: none !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card,
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-primary {
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
transform: none !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-primary {
grid-column: 1 / -1 !important;
min-height: 126px !important;
padding: 16px 18px !important;
border-radius: 24px !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card {
min-height: 108px !important;
padding: 14px 16px !important;
border-radius: 22px !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-label,
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-primary .ecg-geo-rank-card-label {
font-size: 10px !important;
line-height: 1.15 !important;
letter-spacing: 0.11em !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-primary .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(48px, 6.5vw, 66px) !important;
line-height: 0.92 !important;
}
.ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-card-value {
margin-top: 10px !important;
font-size: clamp(34px, 4.4vw, 48px) !important;
line-height: 0.94 !important;
}
@media (min-width: 1025px) {
.ecg-passport-list .ecg-passport-item .ecg-country,
.ecg-passport-list .ecg-passport-item .ecg-country-name {
font-weight: 760 !important;
}
}
@media (min-width: 769px) {
.ecg-ai-title-main,
.ecg-ai-title-sub {
display: block !important;
}
.ecg-ai-title-sub {
margin-top: 3px !important;
}
}
.ecg-passport-list .ecg-passport-item::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 12px !important;
bottom: 12px !important;
width: 6px !important;
border-radius: 999px !important;
background: linear-gradient(180deg, rgba(184,138,60,0) 0%, rgba(184,138,60,0.34) 12%, rgba(184,138,60,0.78) 28%, rgba(150,151,150,0.66) 68%, rgba(124,148,174,0.34) 88%, rgba(124,148,174,0) 100%) !important;
opacity: 0.82 !important;
box-shadow: 0 8px 18px rgba(11,16,32,0.08) !important;
filter: saturate(1.04) !important;
-webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
transition: opacity 0.2s ease, top 0.2s ease, bottom 0.2s ease, width 0.2s ease, box-shadow 0.2s ease !important;
}
.ecg-passport-list .ecg-passport-item:hover::before,
.ecg-passport-list .ecg-passport-item:focus::before,
.ecg-passport-list .ecg-passport-item.ecg-open::before {
top: 8px !important;
bottom: 8px !important;
width: 7px !important;
opacity: 0.95 !important;
box-shadow: 0 10px 22px rgba(11,16,32,0.1) !important;
}
@media (max-width: 768px) {
.ecg-passport-list .ecg-passport-item::before {
top: 10px !important;
bottom: 10px !important;
width: 5px !important;
border-radius: 999px !important;
}
.ecg-passport-list .ecg-passport-item:hover::before,
.ecg-passport-list .ecg-passport-item:focus::before,
.ecg-passport-list .ecg-passport-item.ecg-open::before {
top: 8px !important;
bottom: 8px !important;
width: 6px !important;
}
}
.ecg-passport-list .ecg-passport-item .ecg-country {
line-height: 1.3 !important;
overflow: visible !important;
}
.ecg-passport-list .ecg-passport-item .ecg-country-name {
line-height: 1.3 !important;
max-height: calc(2.6em + 4px) !important;
padding-top: 1px !important;
padding-bottom: 4px !important;
margin-top: -1px !important;
margin-bottom: -4px !important;
overflow: hidden !important;
}
@media (max-width: 768px) {
.ecg-passport-list .ecg-passport-item .ecg-country {
line-height: 1.32 !important;
}
.ecg-passport-list .ecg-passport-item .ecg-country-name {
line-height: 1.32 !important;
max-height: calc(2.64em + 4px) !important;
padding-bottom: 4px !important;
margin-bottom: -4px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
margin-top: 8px !important;
}
}
@media (min-width: 1025px) {
.ecg-passport-hero .ecg-passport-brandline {
position: relative !important;
top: -15px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(64px, auto) !important;
align-items: center !important;
column-gap: 14px !important;
text-align: left !important;
}
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card span,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action span {
justify-self: start !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
text-align: left !important;
}
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-mobility-score-card strong,
.ecg-passport-shared-detail:not(.ecg-ai-open) > .ecg-visa-action strong {
justify-self: end !important;
min-width: 58px !important;
width: auto !important;
margin: 0 18px 0 0 !important;
text-align: right !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list,
.ecg-passport-list * {
-webkit-tap-highlight-color: transparent !important;
}
.ecg-passport-list .ecg-passport-item {
overflow: hidden !important;
border-radius: 18px !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
background-clip: padding-box !important;
}
.ecg-passport-list .ecg-passport-item:focus,
.ecg-passport-list .ecg-passport-item:focus-visible,
.ecg-passport-list .ecg-passport-item:active {
outline: none !important;
}
.ecg-passport-list .ecg-passport-item:active {
background: linear-gradient(180deg, rgba(248,251,255,0.98), rgba(255,253,248,0.96)) !important;
box-shadow: inset 0 0 0 1px rgba(20,60,117,0.12), 0 12px 28px rgba(11,16,32,0.065) !important;
transform: none !important;
}
.ecg-passport-list .ecg-passport-item:focus-visible {
box-shadow: inset 0 0 0 1px rgba(20,60,117,0.18), 0 12px 28px rgba(11,16,32,0.07) !important;
}
.ecg-passport-list .ecg-passport-item.ecg-open {
overflow: visible !important;
}
.ecg-passport-list .ecg-passport-item.ecg-open::before,
.ecg-passport-list .ecg-passport-item:active::before {
border-radius: 999px !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list-wrap {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
.ecg-passport-hero,
.ecg-passport-brandline,
.ecg-passport-title,
.ecg-passport-subtitle,
.ecg-passport-search-wrap,
.ecg-passport-list,
.ecg-passport-item,
.ecg-rank,
.ecg-country,
.ecg-country-name,
.ecg-flag,
.ecg-mobile-toggle,
.ecg-passport-shared-detail,
.ecg-passport-shared-detail > div,
.ecg-visa-action,
.ecg-mobility-score-card {
backface-visibility: hidden !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: geometricPrecision !important;
}
.ecg-passport-hero .ecg-passport-brandline {
min-height: 54px !important;
}
.ecg-passport-list .ecg-passport-item {
contain: layout paint !important;
}
.ecg-passport-list .ecg-passport-item.ecg-open {
contain: none !important;
}
.ecg-passport-list .ecg-passport-item .ecg-rank,
.ecg-passport-list .ecg-passport-item .ecg-flag,
.ecg-passport-list .ecg-passport-item .ecg-mobile-toggle {
flex-shrink: 0 !important;
}
}
.ecg-passport-hero .ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 46px max-content !important;
align-items: center !important;
justify-content: flex-start !important;
justify-items: start !important;
gap: 12px !important;
width: max-content !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: left !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
text-align: left !important;
}
.ecg-passport-hero .ecg-passport-eyebrow::before,
.ecg-passport-hero .ecg-passport-eyebrow::after,
.ecg-passport-hero .ecg-passport-eyebrow br,
.ecg-passport-hero .ecg-passport-eyebrow .ecg-pr-mobile-brand-break {
content: none !important;
display: none !important;
}
.ecg-passport-subtitle {
display: block !important;
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 44px max-content !important;
gap: 11px !important;
width: max-content !important;
max-width: 100% !important;
}
}
@media (min-width: 720px) and (max-width: 1180px) {
.ecg-passport-hero {
grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
grid-template-areas: "content panel" !important;
gap: 22px !important;
align-items: center !important;
justify-items: stretch !important;
padding: 22px !important;
overflow: hidden !important;
}
.ecg-passport-hero .ecg-passport-hero-inner {
grid-area: content !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.ecg-passport-hero .ecg-passport-hero-panel {
grid-area: panel !important;
width: 100% !important;
max-width: 420px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
align-self: center !important;
justify-self: end !important;
box-sizing: border-box !important;
}
.ecg-passport-hero .ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 42px max-content !important;
width: max-content !important;
max-width: 100% !important;
margin: 0 0 14px 0 !important;
padding: 5px 14px 5px 5px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero .ecg-passport-brandmark {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1.12 !important;
letter-spacing: 0.115em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ecg-passport-hero .ecg-passport-title {
max-width: 100% !important;
font-size: clamp(32px, 4.8vw, 48px) !important;
line-height: 1.05 !important;
letter-spacing: -0.052em !important;
text-wrap: balance !important;
}
.ecg-passport-hero .ecg-passport-title::after {
margin-top: 16px !important;
}
.ecg-passport-hero .ecg-passport-subtitle {
max-width: 100% !important;
margin-top: 14px !important;
font-size: clamp(13px, 1.8vw, 15px) !important;
line-height: 1.56 !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-wrap {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 14px !important;
border-radius: 26px !important;
box-sizing: border-box !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-wrap::before,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-wrap::after,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-visa-checker,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-compare-result,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-geo-rank-notice {
grid-column: 1 !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-box,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-compare-box {
height: 52px !important;
border-radius: 999px !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-passport-search-input,
.ecg-passport-hero .ecg-passport-hero-panel .ecg-compare-input {
height: 38px !important;
line-height: 38px !important;
font-size: 12.5px !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-visa-checker {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 9px !important;
margin: 0 !important;
}
.ecg-passport-hero .ecg-passport-hero-panel .ecg-compare-button {
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
height: 52px !important;
}
}
.ecg-passport-item.ecg-highlight {
animation: ecgPassportSearchResultPulse 1.45s ease-in-out 3 !important;
outline: 0 solid rgba(30,115,190,0) !important;
outline-offset: 0 !important;
will-change: filter, outline-color, outline-width;
}
@keyframes ecgPassportSearchResultPulse {
0%, 100% {
outline: 0 solid rgba(30,115,190,0) !important;
filter: none;
}
50% {
outline: 5px solid rgba(30,115,190,0.18) !important;
filter: drop-shadow(0 14px 32px rgba(30,115,190,0.18));
}
}
@media (max-width: 768px) {
.ecg-passport-item.ecg-highlight {
animation: ecgPassportSearchResultPulseMobile 1.45s ease-in-out 1 !important;
}
@keyframes ecgPassportSearchResultPulseMobile {
0%, 100% {
outline: 0 solid rgba(30,115,190,0) !important;
filter: none;
}
50% {
outline: 4px solid rgba(30,115,190,0.20) !important;
filter: drop-shadow(0 12px 28px rgba(30,115,190,0.18));
}
}
}
.ecg-passport-list .ecg-passport-item.ecg-highlight {
position: relative !important;
z-index: 12 !important;
animation: ecgPassportGoldCardPulse 1.42s ease-in-out 3 !important;
border-color: rgba(184,138,60,0.72) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,0.86), 0 0 0 5px rgba(224,188,100,0.28), 0 20px 46px rgba(184,138,60,0.24) !important;
}
.ecg-passport-list .ecg-passport-item.ecg-highlight::after {
content: "" !important;
position: absolute !important;
inset: -3px !important;
width: auto !important;
height: auto !important;
right: auto !important;
top: auto !important;
z-index: 4 !important;
pointer-events: none !important;
border-radius: inherit !important;
background: linear-gradient(135deg, rgba(255,247,218,0.54) 0%, rgba(232,198,111,0.30) 44%, rgba(184,138,60,0.22) 100%) !important;
box-shadow: inset 0 0 0 2px rgba(255,238,178,0.64), 0 0 0 6px rgba(224,188,100,0.24), 0 18px 44px rgba(184,138,60,0.24) !important;
opacity: 0 !important;
transform: scale(0.985) !important;
animation: ecgPassportGoldOverlayPulse 1.42s ease-in-out 3 !important;
}
.ecg-passport-list .ecg-passport-item.ecg-highlight .ecg-rank {
border-color: rgba(184,138,60,0.46) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 0 0 4px rgba(224,188,100,0.18), 0 10px 24px rgba(184,138,60,0.18) !important;
}
@keyframes ecgPassportGoldCardPulse {
0%, 100% {
transform: translateY(0);
filter: none;
}
50% {
transform: translateY(-2px);
filter: saturate(1.08) brightness(1.02);
}
}
@keyframes ecgPassportGoldOverlayPulse {
0%, 100% {
opacity: 0 !important;
transform: scale(0.985) !important;
}
45%, 55% {
opacity: 1 !important;
transform: scale(1.015) !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list .ecg-passport-item.ecg-highlight {
z-index: 12 !important;
animation: ecgPassportGoldCardPulseMobile 1.42s ease-in-out 1 !important;
border-color: rgba(184,138,60,0.76) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,0.88), 0 0 0 4px rgba(224,188,100,0.30), 0 16px 38px rgba(184,138,60,0.24) !important;
}
.ecg-passport-list .ecg-passport-item.ecg-highlight::after {
inset: -2px !important;
box-shadow: inset 0 0 0 2px rgba(255,238,178,0.68), 0 0 0 5px rgba(224,188,100,0.26), 0 14px 34px rgba(184,138,60,0.23) !important;
}
}
@keyframes ecgPassportGoldCardPulseMobile {
0%, 100% {
transform: none;
filter: none;
}
50% {
transform: none;
filter: saturate(1.08) brightness(1.02);
}
}
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-brandline,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-title,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-subtitle,
.ecg-passport-list-wrap:not(.ecg-pr-first-paint-ready) .ecg-passport-hero-panel .ecg-passport-search-wrap {
visibility: visible !important;
}
.ecg-passport-hero .ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 46px max-content !important;
align-items: center !important;
justify-content: flex-start !important;
justify-items: start !important;
gap: 12px !important;
width: max-content !important;
max-width: 100% !important;
text-align: left !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
color: #7a5a23 !important;
font-size: clamp(13px, 0.95vw, 16px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
text-align: left !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-passport-hero .ecg-passport-eyebrow::before,
.ecg-passport-hero .ecg-passport-eyebrow::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero .ecg-passport-eyebrow .ecg-pr-mobile-brand-break,
.ecg-passport-hero .ecg-passport-eyebrow br {
display: none !important;
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 44px max-content !important;
gap: 11px !important;
width: max-content !important;
max-width: 100% !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
font-size: clamp(12px, 3vw, 15px) !important;
letter-spacing: 0.12em !important;
}
}
.ecg-passport-hero,
.ecg-passport-hero-panel,
.ecg-passport-hero-panel .ecg-passport-search-wrap,
.ecg-passport-hero-panel .ecg-visa-checker {
overflow: visible !important;
}
.ecg-passport-hero {
z-index: 1200 !important;
}
.ecg-passport-hero .ecg-passport-brandline {
display: inline-grid !important;
grid-template-columns: 46px max-content !important;
align-items: center !important;
justify-content: flex-start !important;
justify-items: start !important;
gap: 12px !important;
width: max-content !important;
max-width: 100% !important;
text-align: left !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
color: #7a5a23 !important;
font-size: clamp(13px, 0.95vw, 16px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
text-align: left !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-passport-hero .ecg-passport-eyebrow::before,
.ecg-passport-hero .ecg-passport-eyebrow::after {
content: none !important;
display: none !important;
}
.ecg-passport-hero .ecg-passport-eyebrow br,
.ecg-passport-hero .ecg-passport-eyebrow .ecg-pr-mobile-brand-break {
display: none !important;
}
.ecg-pr-hero-fixed-suggestions {
position: fixed !important;
left: var(--ecg-pr-suggestion-left, 16px) !important;
top: var(--ecg-pr-suggestion-top, 120px) !important;
right: auto !important;
width: var(--ecg-pr-suggestion-width, 320px) !important;
max-width: calc(100vw - 24px) !important;
max-height: var(--ecg-pr-suggestion-max-height, min(430px, 62vh)) !important;
overflow: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
z-index: 2147483000 !important;
transform: none !important;
box-sizing: border-box !important;
isolation: isolate !important;
}
.ecg-pr-hero-fixed-suggestions:not(.ecg-show) {
display: none !important;
}
.ecg-pr-hero-fixed-suggestions.ecg-show {
display: block !important;
}
.ecg-passport-hero-panel .ecg-visa-checker {
position: relative !important;
}
.ecg-passport-hero-panel .ecg-compare-result {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: calc(100% + 12px) !important;
width: 100% !important;
max-height: min(300px, 42vh) !important;
overflow: auto !important;
margin: 0 !important;
z-index: 2147481200 !important;
box-sizing: border-box !important;
-webkit-overflow-scrolling: touch !important;
}
.ecg-passport-hero-panel .ecg-compare-result.ecg-show,
.ecg-passport-hero-panel .ecg-compare-result.ecg-loading,
.ecg-passport-hero-panel .ecg-compare-result.ecg-error,
.ecg-passport-hero-panel .ecg-compare-result.ecg-compare-label-visa-free,
.ecg-passport-hero-panel .ecg-compare-result.ecg-compare-label-visa-on-arrival,
.ecg-passport-hero-panel .ecg-compare-result.ecg-compare-label-eta,
.ecg-passport-hero-panel .ecg-compare-result.ecg-compare-label-visa-required {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.ecg-compare-result strong,
.ecg-compare-result strong.ecg-compare-label-visa-free,
.ecg-compare-result strong.ecg-compare-label-visa-on-arrival,
.ecg-compare-result strong.ecg-compare-label-eta,
.ecg-compare-result strong.ecg-compare-label-visa-required {
font-weight: 950 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 44px max-content !important;
gap: 11px !important;
}
.ecg-passport-hero .ecg-passport-eyebrow {
font-size: clamp(12px, 3vw, 15px) !important;
letter-spacing: 0.12em !important;
}
.ecg-pr-hero-fixed-suggestions {
max-height: var(--ecg-pr-suggestion-max-height, min(390px, 58vh)) !important;
}
.ecg-passport-hero-panel .ecg-compare-result {
max-height: min(260px, 38vh) !important;
}
}
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-passport-hero-panel,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-passport-search-wrap,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-visa-checker {
overflow: visible !important;
}
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active {
position: relative !important;
z-index: 1200 !important;
}
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-passport-hero-panel {
position: relative !important;
z-index: 1300 !important;
}
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-visa-checker {
position: relative !important;
z-index: 1400 !important;
}
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-show,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-loading,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-error,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-free,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-on-arrival,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-eta,
.ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-required {
display: block !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: calc(100% + 12px) !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 2147482000 !important;
box-sizing: border-box !important;
transform: none !important;
pointer-events: auto !important;
}
.ecg-passport-list-wrap .ecg-compare-result strong,
.ecg-passport-list-wrap .ecg-compare-result strong.ecg-compare-label-visa-free,
.ecg-passport-list-wrap .ecg-compare-result strong.ecg-compare-label-visa-on-arrival,
.ecg-passport-list-wrap .ecg-compare-result strong.ecg-compare-label-eta,
.ecg-passport-list-wrap .ecg-compare-result strong.ecg-compare-label-visa-required {
font-weight: 950 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
}
.ecg-pr-faq-section {
position: relative;
z-index: 3;
width: 100%;
max-width: 100%;
margin: 38px 0 0 0;
padding: clamp(22px, 3.2vw, 38px);
border: 1px solid rgba(11,16,32,0.11);
border-radius: 34px;
background:
radial-gradient(circle at 12% 0%, rgba(184,138,60,0.16), transparent 28%),
radial-gradient(circle at 92% 18%, rgba(20,60,117,0.10), transparent 30%),
linear-gradient(135deg, rgba(255,253,248,0.98), rgba(255,255,255,0.96));
box-shadow: 0 24px 64px rgba(11,16,32,0.08);
overflow: hidden;
isolation: isolate;
box-sizing: border-box;
}
.ecg-pr-faq-section::before {
content: "";
position: absolute;
inset: 16px;
z-index: -1;
pointer-events: none;
border: 1px solid rgba(184,138,60,0.13);
border-radius: 24px;
background:
linear-gradient(90deg, rgba(11,16,32,0.025) 1px, transparent 1px) 0 0 / 44px 44px,
linear-gradient(180deg, rgba(11,16,32,0.022) 1px, transparent 1px) 0 0 / 44px 44px;
}
.ecg-pr-faq-section::after {
content: attr(data-pr-faq-short);
position: absolute;
right: clamp(18px, 4vw, 54px);
bottom: -14px;
z-index: -1;
pointer-events: none;
font-size: clamp(54px, 8vw, 124px);
line-height: 0.8;
font-weight: 950;
letter-spacing: -0.075em;
color: rgba(11,16,32,0.026);
white-space: nowrap;
}
.ecg-pr-faq-header {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 0.82fr) minmax(260px, 0.48fr);
gap: 24px;
align-items: end;
margin: 0 0 22px 0;
}
.ecg-pr-faq-kicker {
display: inline-flex;
align-items: center;
width: max-content;
max-width: 100%;
min-height: 38px;
margin: 0 0 14px 0;
padding: 0 15px;
border: 1px solid rgba(184,138,60,0.22);
border-radius: 999px;
background: rgba(255,255,255,0.74);
box-shadow: 0 10px 26px rgba(11,16,32,0.055);
color: #765b27;
font-size: 11px;
line-height: 1;
font-weight: 950;
letter-spacing: 0.19em;
text-transform: uppercase;
}
.ecg-pr-faq-title {
margin: 0;
max-width: 820px;
font-size: clamp(21px, 2.4vw, 36px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -0.045em;
color: var(--pr-ink);
text-wrap: balance;
}
.ecg-pr-faq-intro {
margin: 0;
max-width: 520px;
font-size: clamp(12px, 0.85vw, 14px);
line-height: 1.62;
font-weight: 650;
color: #687386;
}
.ecg-pr-faq-grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
align-items: start;
}
.ecg-pr-faq-item {
position: relative;
min-width: 0;
align-self: start;
border: 1px solid rgba(11,16,32,0.09);
border-radius: 22px;
background: rgba(255,255,255,0.82);
box-shadow: 0 12px 30px rgba(11,16,32,0.052);
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
.ecg-pr-faq-item[open] {
border-color: rgba(184,138,60,0.30);
background: rgba(255,253,248,0.96);
box-shadow: 0 18px 42px rgba(11,16,32,0.082);
}
.ecg-pr-faq-item:hover {
transform: translateY(-1px);
box-shadow: 0 18px 38px rgba(11,16,32,0.08);
}
.ecg-pr-faq-question {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
gap: 14px;
align-items: center;
min-height: 74px;
padding: 18px 18px 18px 20px;
color: #111827;
cursor: pointer;
list-style: none;
}
.ecg-pr-faq-question::-webkit-details-marker {
display: none;
}
.ecg-pr-faq-question-title {
margin: 0;
padding: 0;
font: inherit;
font-size: clamp(15px, 1.05vw, 17px);
line-height: 1.32;
font-weight: 900;
letter-spacing: -0.018em;
color: inherit;
}
.ecg-pr-faq-question::after {
content: "+";
display: grid;
place-items: center;
width: 34px;
height: 34px;
min-width: 34px;
min-height: 34px;
border-radius: 999px;
background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 46%, #f7efe0 100%);
border: 1px solid rgba(15,23,42,0.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 8px 18px rgba(11,16,32,0.07);
color: #143c75;
font-family: Arial, sans-serif;
font-size: 22px;
line-height: 1;
font-weight: 900;
text-align: center;
transition: color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.ecg-pr-faq-item[open] .ecg-pr-faq-question::after {
content: "-";
color: #7a5a23;
border-color: rgba(184,138,60,0.24);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 10px 22px rgba(184,138,60,0.14);
}
.ecg-pr-faq-answer {
margin: -4px 0 0 0;
padding: 0 20px 20px 20px;
color: #596579;
font-size: 14px;
line-height: 1.72;
font-weight: 600;
}
.ecg-pr-faq-answer strong {
color: #182030;
font-weight: 900;
}
@media (max-width: 980px) {
.ecg-pr-faq-header {
grid-template-columns: 1fr;
gap: 12px;
}
.ecg-pr-faq-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.ecg-pr-faq-section {
width: 100%;
max-width: 100%;
margin: 28px 0 0 0;
padding: 18px 12px;
border-radius: 26px;
}
.ecg-pr-faq-section::before {
inset: 10px;
border-radius: 18px;
background-size: 36px 36px, 36px 36px;
}
.ecg-pr-faq-section::after {
right: 14px;
bottom: -8px;
font-size: clamp(46px, 16vw, 76px);
}
.ecg-pr-faq-kicker {
min-height: 34px;
font-size: 10px;
letter-spacing: 0.15em;
}
.ecg-pr-faq-title {
font-size: clamp(20px, 5.55vw, 27px);
line-height: 1.12;
}
.ecg-pr-faq-intro {
font-size: 12px;
line-height: 1.58;
}
.ecg-pr-faq-grid {
gap: 10px;
}
.ecg-pr-faq-item {
border-radius: 18px;
}
.ecg-pr-faq-question {
min-height: 66px;
padding: 16px 14px 16px 16px;
grid-template-columns: minmax(0, 1fr) 32px;
gap: 12px;
}
.ecg-pr-faq-question-title {
font-size: 15px;
line-height: 1.35;
}
.ecg-pr-faq-question::after {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
font-size: 21px;
}
.ecg-pr-faq-answer {
padding: 0 16px 18px 16px;
font-size: 13.5px;
line-height: 1.66;
}
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title {
color: #0b1020 !important;
opacity: 1 !important;
font-weight: 950 !important;
letter-spacing: -0.045em !important;
text-shadow: none !important;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title-main,
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title-sub,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title-main,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title-sub {
display: block !important;
color: #0b1020 !important;
opacity: 1 !important;
font-weight: 950 !important;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title-sub,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title-sub {
margin-top: 5px !important;
color: #172033 !important;
}
@media (min-width: 769px) {
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title {
font-size: clamp(24px, 2.15vw, 32px) !important;
line-height: 1.1 !important;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title-sub,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title-sub {
font-size: 0.9em !important;
line-height: 1.12 !important;
}
}
@media (max-width: 768px) {
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title {
font-size: 24px !important;
line-height: 1.12 !important;
}
.ecg-passport-floating-popover.ecg-ai-open .ecg-ai-title-sub,
.ecg-passport-shared-detail.ecg-ai-open .ecg-ai-title-sub {
font-size: 22px !important;
line-height: 1.14 !important;
}
}
@media (max-width: 768px) {
.ecg-passport-list .ecg-passport-item.ecg-highlight {
position: relative !important;
z-index: 30 !important;
border-color: rgba(184,138,60,0.78) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,0.90), 0 0 0 5px rgba(224,188,100,0.30), 0 18px 42px rgba(184,138,60,0.26) !important;
animation-name: ecgPassportGoldMobileCardPulseStrong !important;
animation-duration: 1.42s !important;
animation-timing-function: ease-in-out !important;
animation-iteration-count: 1 !important;
animation-fill-mode: both !important;
will-change: transform, filter !important;
}
.ecg-passport-list .ecg-passport-item.ecg-highlight::after {
content: "" !important;
position: absolute !important;
inset: -3px !important;
width: auto !important;
height: auto !important;
right: auto !important;
top: auto !important;
z-index: 4 !important;
pointer-events: none !important;
border-radius: inherit !important;
background: linear-gradient(135deg, rgba(255,247,218,0.58) 0%, rgba(232,198,111,0.34) 44%, rgba(184,138,60,0.24) 100%) !important;
box-shadow: inset 0 0 0 2px rgba(255,238,178,0.72), 0 0 0 6px rgba(224,188,100,0.30), 0 18px 42px rgba(184,138,60,0.26) !important;
opacity: 0 !important;
transform: scale(0.985) !important;
animation-name: ecgPassportGoldMobileOverlayPulseStrong !important;
animation-duration: 1.42s !important;
animation-timing-function: ease-in-out !important;
animation-iteration-count: 1 !important;
animation-fill-mode: both !important;
}
.ecg-passport-list .ecg-passport-item.ecg-highlight .ecg-rank {
border-color: rgba(184,138,60,0.52) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.90), 0 0 0 4px rgba(224,188,100,0.20), 0 10px 24px rgba(184,138,60,0.20) !important;
}
}
@keyframes ecgPassportGoldMobileCardPulseStrong {
0%, 100% {
transform: translate3d(0,0,0) scale(1);
filter: none;
}
18% {
transform: translate3d(0,-4px,0) scale(1.012);
filter: saturate(1.12) brightness(1.035);
}
42% {
transform: translate3d(0,2px,0) scale(1.004);
filter: saturate(1.08) brightness(1.02);
}
66% {
transform: translate3d(0,-3px,0) scale(1.01);
filter: saturate(1.10) brightness(1.03);
}
84% {
transform: translate3d(0,1px,0) scale(1.002);
filter: saturate(1.05) brightness(1.01);
}
}
@keyframes ecgPassportGoldMobileOverlayPulseStrong {
0%, 100% {
opacity: 0;
transform: scale(0.985);
}
18%, 42%, 66% {
opacity: 1;
transform: scale(1.018);
}
84% {
opacity: 0.42;
transform: scale(1.006);
}
}
.ecg-pr-faq-grid {
align-items: start !important;
}
.ecg-pr-faq-item {
align-self: start !important;
height: auto !important;
min-height: 0 !important;
}
.ecg-pr-faq-item:not([open]) .ecg-pr-faq-answer {
display: none !important;
}
.ecg-pr-faq-section::after {
left: 50% !important;
right: auto !important;
bottom: -14px !important;
transform: translateX(-50%) !important;
text-align: center !important;
}
.ecg-pr-faq-question::after {
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 768px) {
.ecg-pr-faq-section {
width: calc(100vw - 24px) !important;
max-width: 100% !important;
margin: 28px auto 0 auto !important;
padding: 18px 12px !important;
}
.ecg-pr-faq-section::after {
left: 50% !important;
right: auto !important;
bottom: -8px !important;
transform: translateX(-50%) !important;
text-align: center !important;
}
.ecg-pr-faq-grid {
width: 100% !important;
max-width: 100% !important;
}
.ecg-pr-faq-item {
width: 100% !important;
max-width: 100% !important;
}
}
.ecg-pr-faq-section::before {
content: none !important;
display: none !important;
border: 0 !important;
background: none !important;
}
@media (min-width: 769px) {
.ecg-pr-faq-intro {
align-self: center !important;
max-width: 560px !important;
margin: 0 !important;
padding: 18px 22px !important;
border: 1px solid rgba(184,138,60,0.24) !important;
border-radius: 22px !important;
background:
radial-gradient(circle at 100% 0%, rgba(184,138,60,0.13), transparent 36%),
radial-gradient(circle at 0% 100%, rgba(20,60,117,0.06), transparent 34%),
linear-gradient(135deg, rgba(255,253,248,0.96), rgba(255,255,255,0.84)) !important;
box-shadow: 0 14px 34px rgba(11,16,32,0.055), inset 0 1px 0 rgba(255,255,255,0.86) !important;
color: #5f687a !important;
}
}
.ecg-ai-title-link {
display: inline-block;
color: #9a6a18 !important;
text-decoration: none !important;
border-bottom: 0 !important;
transition: color 0.18s ease, text-shadow 0.18s ease, box-shadow 0.18s ease;
}
.ecg-ai-title-link:hover,
.ecg-ai-title-link:focus {
color: #143c75 !important;
text-decoration: none !important;
outline: none;
}
.ecg-ai-title-link:focus-visible {
box-shadow: 0 0 0 3px rgba(184,138,60,0.18);
border-radius: 6px;
}
a.ecg-ai-country-pill {
color: #273244;
text-decoration: none !important;
cursor: pointer;
}
a.ecg-ai-country-pill:hover,
a.ecg-ai-country-pill:focus {
color: #143c75;
border-color: rgba(184,138,60,0.32);
box-shadow: 0 8px 22px rgba(184,138,60,0.10), 0 8px 18px rgba(11,16,32,0.04);
outline: none;
}
a.ecg-ai-country-pill:focus-visible {
box-shadow: 0 0 0 3px rgba(184,138,60,0.18), 0 8px 22px rgba(184,138,60,0.10);
}
a.ecg-ai-country-pill:hover .ecg-ai-country-dot,
a.ecg-ai-country-pill:focus .ecg-ai-country-dot {
background: #143c75;
box-shadow: 0 0 0 4px rgba(20,60,117,0.12);
}
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 46px max-content !important;
width: max-content !important;
max-width: 100% !important;
}
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
color: transparent !important;
font-size: 0 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow::before {
content: attr(data-pr-brand) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
color: #7a5a23 !important;
font-size: clamp(13px, 0.95vw, 16px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow::after,
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow br,
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow .ecg-pr-mobile-brand-break {
content: none !important;
display: none !important;
}
@media (max-width: 768px) {
.ecg-passport-hero .ecg-passport-brandline {
grid-template-columns: 44px max-content !important;
}
.ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow::before {
font-size: clamp(12px, 3vw, 15px) !important;
letter-spacing: 0.12em !important;
}
} .ecg-passport-floating-popover.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link,
.ecg-passport-shared-detail.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link {
color: #9a6a18 !important;
text-decoration: none !important;
border-bottom: 0 !important;
cursor: pointer !important;
}
.ecg-passport-floating-popover.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link:hover,
.ecg-passport-floating-popover.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link:focus,
.ecg-passport-shared-detail.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link:hover,
.ecg-passport-shared-detail.ecg-ai-open a.ecg-ai-title-main.ecg-ai-title-link:focus {
color: #143c75 !important;
text-decoration: none !important;
outline: none !important;
} a.ecg-mobility-score-card.ecg-mobility-score-link {
display: block;
color: inherit !important;
text-decoration: none !important;
border-bottom: 0 !important;
cursor: pointer !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link:hover,
a.ecg-mobility-score-card.ecg-mobility-score-link:focus {
color: inherit !important;
text-decoration: none !important;
outline: none !important;
filter: brightness(1.06);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 14px 30px rgba(11,16,32,0.22), 0 0 0 3px rgba(184,138,60,0.16) !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link:focus-visible {
outline: none !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 0 0 4px rgba(184,138,60,0.24), 0 14px 30px rgba(11,16,32,0.22) !important;
} a.ecg-mobility-score-card.ecg-mobility-score-link {
position: relative !important;
overflow: hidden !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator {
position: absolute !important;
right: 14px !important;
bottom: 14px !important;
top: auto !important;
z-index: 5 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 999px !important;
background: rgba(255,253,248,0.08) !important;
border: 1px solid rgba(231,201,129,0.48) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 7px 16px rgba(11,16,32,0.14) !important;
color: #e8cf82 !important;
-webkit-text-fill-color: #e8cf82 !important;
font-size: 0 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
transform: none !important;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease !important;
pointer-events: none !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 800 !important;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
text-align: center !important;
transform: none !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator::after {
content: none !important;
display: none !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link:hover .ecg-mobility-link-indicator,
a.ecg-mobility-score-card.ecg-mobility-score-link:focus .ecg-mobility-link-indicator {
color: #fff3c4 !important;
-webkit-text-fill-color: #fff3c4 !important;
background: rgba(240,216,132,0.13) !important;
border-color: rgba(255,243,196,0.78) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 10px 20px rgba(11,16,32,0.20), 0 0 0 4px rgba(240,216,132,0.06) !important;
}
@media (min-width: 769px) {
a.ecg-mobility-score-card.ecg-mobility-score-link {
padding-right: 46px !important;
}
}
@media (max-width: 768px) {
a.ecg-mobility-score-card.ecg-mobility-score-link {
padding-right: 54px !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator {
right: 15px !important;
top: 50% !important;
bottom: auto !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
transform: translateY(-50%) !important;
opacity: 0.92 !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator::before {
font-size: 12px !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link strong {
padding-right: 24px !important;
position: relative !important;
z-index: 2 !important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link:hover .ecg-mobility-link-indicator,
a.ecg-mobility-score-card.ecg-mobility-score-link:focus .ecg-mobility-link-indicator {
transform: translateY(-50%) !important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode{
margin-top:-16px!important;
}
} @media (max-width:768px){
html body .ecg-passport-hero,
html body .ecg-passport-hero-panel,
html body .ecg-passport-hero-panel .ecg-passport-search-wrap,
html body .ecg-passport-hero-panel .ecg-visa-checker{
overflow:visible!important;
}
html body .ecg-passport-hero-panel .ecg-visa-checker .ecg-compare-result,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-show,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-loading,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-error,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-free,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-on-arrival,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-eta,
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-compare-result.ecg-compare-label-visa-required{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
grid-column:1!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
max-height:none!important;
margin:10px 0 0!important;
padding:14px 16px!important;
overflow:visible!important;
opacity:1!important;
visibility:visible!important;
z-index:2147482500!important;
transform:none!important;
box-sizing:border-box!important;
clear:both!important;
}
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active .ecg-passport-hero-panel{
padding-bottom:18px!important;
overflow:visible!important;
}
html body .ecg-passport-list-wrap .ecg-passport-hero.ecg-pr-compare-result-active{
overflow:visible!important;
}
} .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable,
a.ecg-pr-ip-panel-card-link{
text-decoration:none!important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable{
cursor:pointer!important;
} .ecg-geo-rank-card:not([data-geo-stat="mobility"]){
cursor: default !important;
}
.ecg-geo-rank-card:not([data-geo-stat="mobility"]).ecg-geo-rank-card-clickable{
cursor: default !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding-right: 38px !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::before{
content: "" !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
width: 24px !important;
height: 24px !important;
border-radius: 999px !important;
background: rgba(255,253,248,0.08) !important;
border: 1px solid rgba(231,201,129,0.48) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 7px 16px rgba(11,16,32,0.14) !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::after{
content: "" !important;
position: absolute !important;
right: 9px !important;
top: 50% !important;
width: 7px !important;
height: 7px !important;
border-top: 2px solid #e8cf82 !important;
border-right: 2px solid #e8cf82 !important;
transform: translateY(-50%) rotate(45deg) !important;
pointer-events: none !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable:hover .ecg-geo-rank-card-label::before,
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable:focus-visible .ecg-geo-rank-card-label::before{
background: rgba(240,216,132,0.13) !important;
border-color: rgba(255,243,196,0.78) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.18),0 10px 20px rgba(11,16,32,0.20),0 0 0 4px rgba(240,216,132,0.06) !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable:hover .ecg-geo-rank-card-label::after,
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable:focus-visible .ecg-geo-rank-card-label::after{
border-color: #fff3c4 !important;
}
html[dir="rtl"] .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label{
padding-right: 0 !important;
padding-left: 38px !important;
}
html[dir="rtl"] .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::before{
right: auto !important;
left: 0 !important;
}
html[dir="rtl"] .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::after{
right: auto !important;
left: 9px !important;
transform: translateY(-50%) rotate(225deg) !important;
}
@media (max-width: 768px){
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label{
min-height: 26px !important;
padding-right: 34px !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::before{
width: 22px !important;
height: 22px !important;
}
.ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::after{
right: 8px !important;
width: 6px !important;
height: 6px !important;
}
html[dir="rtl"] .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label{
padding-right: 0 !important;
padding-left: 34px !important;
}
html[dir="rtl"] .ecg-geo-rank-card[data-geo-stat="mobility"].ecg-geo-rank-card-clickable .ecg-geo-rank-card-label::after{
right: auto !important;
left: 8px !important;
}
} .ecg-pr-mobility-link-text.screen-reader-text{
border:0!important;
clip:rect(1px,1px,1px,1px)!important;
clip-path:inset(50%)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important;
white-space:nowrap!important;
} .ecg-passport-list .ecg-passport-item .ecg-country-name-link{
display:inline-block!important;
min-width:0!important;
max-width:100%!important;
color:inherit!important;
text-decoration:none!important;
cursor:pointer!important;
}
.ecg-passport-list .ecg-passport-item .ecg-country-name-link:hover,
.ecg-passport-list .ecg-passport-item .ecg-country-name-link:focus{
color:inherit!important;
text-decoration:none!important;
}
.ecg-passport-list .ecg-passport-item .ecg-country-name-link:focus-visible{
outline:2px solid rgba(184,138,60,.55)!important;
outline-offset:3px!important;
border-radius:8px!important;
} @media (min-width:769px){
html body .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle{
width:38px!important;
height:38px!important;
min-width:38px!important;
border-radius:999px!important;
border-width:1px!important;
}
html body .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle::before,
html body .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle::after{
width:14px!important;
height:3px!important;
border-radius:999px!important;
}
} .ecg-pr-faq-item[open] .ecg-pr-faq-question::after{
content:"-"!important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link{
position:relative!important;
padding-right:54px!important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator{
position:absolute!important;
right:16px!important;
top:50%!important;
bottom:auto!important;
width:24px!important;
height:24px!important;
min-width:24px!important;
min-height:24px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
background:rgba(255,253,248,0.08)!important;
border:1px solid rgba(231,201,129,0.48)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 7px 16px rgba(11,16,32,0.14)!important;
transform:translateY(-50%)!important;
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
pointer-events:none!important;
z-index:6!important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator::before{
content:""!important;
position:absolute!important;
left:50%!important;
top:50%!important;
width:7px!important;
height:7px!important;
border-top:2px solid #e8cf82!important;
border-right:2px solid #e8cf82!important;
transform:translate(-58%,-50%) rotate(45deg)!important;
display:block!important;
margin:0!important;
padding:0!important;
}
a.ecg-mobility-score-card.ecg-mobility-score-link:hover .ecg-mobility-link-indicator::before,
a.ecg-mobility-score-card.ecg-mobility-score-link:focus .ecg-mobility-link-indicator::before{
border-color:#fff3c4!important;
}
body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card-clickable::before{
content:""!important;
position:absolute!important;
right:24px!important;
top:50%!important;
z-index:3!important;
width:7px!important;
height:7px!important;
border-top:2px solid #e8cf82!important;
border-right:2px solid #e8cf82!important;
transform:translateY(-50%) rotate(45deg)!important;
display:block!important;
margin:0!important;
padding:0!important;
background:transparent!important;
pointer-events:none!important;
font-size:0!important;
line-height:0!important;
}
body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card-clickable:hover::before,
body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card-clickable:focus-visible::before{
border-color:#fff3c4!important;
}
@media(max-width:768px){
a.ecg-mobility-score-card.ecg-mobility-score-link{padding-right:52px!important;}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator{right:15px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;}
a.ecg-mobility-score-card.ecg-mobility-score-link .ecg-mobility-link-indicator::before{width:6px!important;height:6px!important;}
body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card-clickable::before{right:23px!important;width:6px!important;height:6px!important;}
} body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card[data-geo-stat="mobility"]::before,
body .ecg-pr-country-ip-panel a.ecg-pr-ip-panel-card-link[data-geo-stat="mobility"]::before,
body .ecg-pr-country-ip-panel .ecg-pr-ip-panel-card-primary[data-geo-stat="mobility"]::before{
display:none!important;
content:none!important;
border:0!important;
width:0!important;
height:0!important;
} html body .ecg-pr-country-access-seo{
width:100%;
max-width:1180px;
margin:18px auto 22px;
padding:18px;
border:1px solid rgba(185,154,76,.16);
border-radius:26px;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,247,240,.94));
box-shadow:0 16px 38px rgba(11,16,32,.065);
box-sizing:border-box;
}
html body .ecg-pr-country-access-seo-title{
margin:0 0 14px;
font-family:Jost,Inter,"Open Sans",Arial,sans-serif;
font-size:clamp(20px,2vw,30px);
line-height:1.18;
font-weight:900;
letter-spacing:-.035em;
color:#0b1020;
}
html body .ecg-pr-country-access-seo-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
html body .ecg-pr-country-access-seo-group{
border:1px solid rgba(11,16,32,.08);
border-radius:18px;
background:rgba(255,255,255,.82);
overflow:hidden;
}
html body .ecg-pr-country-access-seo-summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:54px;
padding:14px 16px;
cursor:pointer;
list-style:none;
color:#0b1020;
}
html body .ecg-pr-country-access-seo-summary::-webkit-details-marker{display:none;}
html body .ecg-pr-country-access-seo-summary::after{
content:"+";
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
min-width:26px;
border-radius:999px;
background:rgba(185,154,76,.16);
color:#7b5a11;
font-weight:900;
}
html body .ecg-pr-country-access-seo-group[open] .ecg-pr-country-access-seo-summary::after{content:"−";}
html body .ecg-pr-country-access-seo-label{
font-weight:900;
font-size:15px;
letter-spacing:-.01em;
}
html body .ecg-pr-country-access-seo-count{
margin-inline-start:auto;
font-size:12px;
line-height:1.2;
font-weight:800;
color:#7b6b43;
}
html body .ecg-pr-country-access-seo-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px 10px;
margin:0;
padding:0 16px 16px;
list-style:none;
}
html body .ecg-pr-country-access-seo-item a,
html body .ecg-pr-country-access-seo-item span{
display:block;
padding:8px 10px;
border-radius:12px;
background:rgba(11,16,32,.035);
color:#172033;
font-size:13px;
line-height:1.25;
font-weight:700;
text-decoration:none;
}
html body .ecg-pr-country-access-seo-item a:hover,
html body .ecg-pr-country-access-seo-item a:focus{
background:rgba(185,154,76,.18);
color:#0b1020;
outline:none;
}
html[dir="rtl"] body .ecg-pr-country-access-seo,
html body .ecg-pr-country-access-seo[dir="rtl"]{
text-align:right;
}
@media(max-width:768px){
html body .ecg-pr-country-access-seo{
margin:14px auto 18px;
padding:12px;
border-radius:20px;
}
html body .ecg-pr-country-access-seo-grid,
html body .ecg-pr-country-access-seo-list{
grid-template-columns:1fr;
}
html body .ecg-pr-country-access-seo-summary{
min-height:50px;
padding:12px;
}
html body .ecg-pr-country-access-seo-count{
font-size:11px;
}
} .ecg-pr-country-brandline-link,
.ecg-pr-region-brandline-link{
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
touch-action:manipulation!important;
-webkit-touch-callout:none!important;
-webkit-user-select:none!important;
user-select:none!important;
background-clip:padding-box!important;
}
.ecg-pr-country-brandline-link *,
.ecg-pr-region-brandline-link *{
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
}
.ecg-pr-country-brandline-link:active,
.ecg-pr-region-brandline-link:active{
outline:none!important;
-webkit-tap-highlight-color:transparent!important;
} .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search.ecg-passport-search-wrap{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
z-index:96;
display:block!important;
width:min(560px,calc(100% - 32px))!important;
max-width:min(560px,calc(100% - 32px))!important;
min-width:0!important;
min-height:0!important;
margin:-6px auto 24px auto!important;
padding:0!important;
box-sizing:border-box!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search.ecg-passport-search-wrap::before,
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search.ecg-passport-search-wrap::after{
content:none!important;
display:none!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box{
display:grid!important;
grid-template-columns:44px minmax(0,1fr)!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
height:56px!important;
margin:0!important;
padding:8px 14px 8px 8px!important;
border-radius:18px!important;
border:1px solid rgba(255,253,248,0.18)!important;
background:linear-gradient(90deg,rgba(255,241,202,0.98),rgba(255,255,255,0.98) 34%,rgba(255,255,255,0.94))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 12px 28px rgba(0,0,0,0.14)!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-icon{
grid-column:1!important;
grid-row:1!important;
justify-self:center!important;
align-self:center!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
margin:0!important;
background:#eef3fb!important;
border-color:rgba(20,60,117,0.18)!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input{
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
height:44px!important;
padding:0 10px 0 2px!important;
font-size:13px!important;
line-height:44px!important;
color:#0b1020!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-suggestions{
text-align:inherit!important;
z-index:1000!important;
}
@media(max-width:768px){
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search.ecg-passport-search-wrap{
width:min(560px,calc(100% - 24px))!important;
max-width:min(560px,calc(100% - 24px))!important;
margin:-4px auto 20px auto!important;
padding:0!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box{
border-radius:16px!important;
}
} .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box{
display:grid!important;
grid-template-columns:44px minmax(0,1fr)!important;
align-items:center!important;
height:56px!important;
min-height:56px!important;
padding:0 14px 0 8px!important;
box-sizing:border-box!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-icon{
align-self:center!important;
justify-self:center!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
margin:0!important;
transform:translateY(0.5px)!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-icon::before{
position:absolute!important;
left:50%!important;
top:50%!important;
width:17px!important;
height:17px!important;
margin:0!important;
transform:translate(-50%,-50%)!important;
box-sizing:border-box!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-icon::after{
right:auto!important;
bottom:auto!important;
left:50%!important;
top:50%!important;
width:8px!important;
height:2px!important;
margin:0!important;
transform:translate(5px,5px) rotate(45deg)!important;
transform-origin:center!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input{
align-self:center!important;
display:block!important;
height:38px!important;
min-height:38px!important;
padding:0 10px 0 2px!important;
line-height:38px!important;
box-sizing:border-box!important;
-webkit-appearance:none!important;
appearance:none!important;
transform:translateY(0.5px)!important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input::-webkit-search-decoration,
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input::-webkit-search-cancel-button,
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input::-webkit-search-results-button,
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input::-webkit-search-results-decoration{
display:none!important;
} @media(min-width:769px){
html body.ecg-pr-country-page .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading,
html body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading{
font-size:clamp(24px,2.775vw,43.5px)!important;
}
html body.ecg-pr-country-page .ecg-pr-country-faq-section .ecg-pr-faq-title,
html body.ecg-pr-country-page .ecg-pr-json-country-faq-section .ecg-pr-faq-title,
html body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-country-faq-section .ecg-pr-faq-title,
html body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-json-country-faq-section .ecg-pr-faq-title{
font-size:clamp(22.5px,2.3625vw,39px)!important;
}
} .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{
width:min(1120px,100%);
margin:22px auto 30px;
padding:22px;
border:1px solid rgba(206,160,72,.24);
border-radius:28px;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,244,235,.94));
box-shadow:0 18px 48px rgba(16,32,54,.10), inset 0 1px 0 rgba(255,255,255,.92);
box-sizing:border-box;
color:#15253a;
overflow:hidden;
contain:layout paint;
}
.ecg-pr-visa-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;}
.ecg-pr-visa-map-title{margin:0;color:#102033;font-size:clamp(22px,2.15vw,34px);line-height:1.08;font-weight:800;letter-spacing:-.03em;}
.ecg-pr-visa-map-hint{max-width:520px;margin:0;color:rgba(27,43,66,.68);font-size:14px;line-height:1.55;font-weight:600;}
.ecg-pr-visa-map-regionbar{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 0 14px;padding:2px 1px 7px;}
.ecg-pr-visa-map-regionbar::-webkit-scrollbar{display:none;}
.ecg-pr-visa-map-region{flex:0 0 auto;border:1px solid rgba(206,160,72,.22);background:rgba(255,255,255,.72);color:#1a2d47;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:0 6px 16px rgba(16,32,54,.06);cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.ecg-pr-visa-map-region:hover,.ecg-pr-visa-map-region.is-active{background:linear-gradient(135deg,rgba(214,164,73,.18),rgba(255,255,255,.88));border-color:rgba(206,160,72,.52);box-shadow:0 8px 20px rgba(206,160,72,.14);}
.ecg-pr-visa-map-region.is-world{min-width:42px;padding-inline:0;display:inline-flex;align-items:center;justify-content:center;}
.ecg-pr-visa-map-world-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;}
.ecg-pr-visa-map-world-icon svg{display:block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#23354f;}
.ecg-pr-visa-map-region.is-active .ecg-pr-visa-map-world-icon svg,.ecg-pr-visa-map-region:hover .ecg-pr-visa-map-world-icon svg{color:#8d6616;}
.ecg-pr-visa-map-region:active{transform:translateY(1px);}
.ecg-pr-visa-map-canvas{position:relative;width:100%;aspect-ratio:2.04/1;min-height:310px;border-radius:24px;border:1px solid rgba(21,37,58,.08);background:radial-gradient(circle at 50% 42%,rgba(214,164,73,.06),transparent 34%),linear-gradient(180deg,#f8fbff,#edf4fa);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -16px 38px rgba(18,43,66,.055);overflow:hidden;touch-action:pan-y;isolation:isolate;}
.ecg-pr-visa-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.ecg-pr-visa-map-loading::after{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(206,160,72,.22);border-top-color:rgba(206,160,72,.78);animation:ecgPrVisaMapSpin .85s linear infinite;}
@keyframes ecgPrVisaMapSpin{to{transform:rotate(360deg)}}
.ecg-pr-visa-map-svg{display:block;width:100%;height:100%;cursor:default;user-select:none;-webkit-user-select:none;}
.ecg-pr-visa-map-land{fill:rgba(255,255,255,.68);stroke:rgba(29,52,76,.08);stroke-width:1.2;filter:drop-shadow(0 8px 18px rgba(18,43,66,.04));pointer-events:none;}
.ecg-pr-visa-map-grid{stroke:rgba(42,66,91,.07);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none;}
.ecg-pr-visa-map-marker{stroke:#fff;stroke-width:1.8;vector-effect:non-scaling-stroke;cursor:pointer;transition:r .14s ease,stroke-width .14s ease,opacity .14s ease;outline:none;}
.ecg-pr-visa-map-marker:hover,.ecg-pr-visa-map-marker.is-selected{r:6.8;stroke-width:2.4;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18));}
.ecg-pr-visa-map-marker.status-visa-free{fill:#2f9d68;}
.ecg-pr-visa-map-marker.status-visa-required{fill:#d85a55;}
.ecg-pr-visa-map-marker.status-visa-on-arrival{fill:#d6a449;}
.ecg-pr-visa-map-marker.status-eta{fill:#3478d4;}
.ecg-pr-visa-map-marker.status-unknown{fill:#aeb8c4;opacity:.62;}
.ecg-pr-visa-map-marker.status-passport{fill:#15253a;stroke:#d6a449;stroke-width:2.2;}
.ecg-pr-visa-map-legend{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:14px auto 0;}
.ecg-pr-visa-map-legend-item{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(21,37,58,.07);color:#1b2b42;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(16,32,54,.045);}
.ecg-pr-visa-map-dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.8);}
.ecg-pr-visa-map-dot.status-visa-free{background:#2f9d68;}.ecg-pr-visa-map-dot.status-visa-required{background:#d85a55;}.ecg-pr-visa-map-dot.status-visa-on-arrival{background:#d6a449;}.ecg-pr-visa-map-dot.status-eta{background:#3478d4;}
.ecg-pr-visa-map-info{margin:14px auto 0;min-height:54px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,244,235,.76));border:1px solid rgba(206,160,72,.18);box-shadow:0 10px 24px rgba(16,32,54,.055);text-align:center;color:#172840;font-size:14px;font-weight:700;line-height:1.45;}
.ecg-pr-visa-map-info strong{font-weight:900;color:#102033;}
.ecg-pr-visa-map-status{display:inline-flex;align-items:center;gap:7px;margin-inline-start:8px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(21,37,58,.08);font-size:12px;font-weight:900;white-space:nowrap;}
.ecg-pr-visa-map-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#aeb8c4;}
.ecg-pr-visa-map-status.status-visa-free::before{background:#2f9d68;}.ecg-pr-visa-map-status.status-visa-required::before{background:#d85a55;}.ecg-pr-visa-map-status.status-visa-on-arrival::before{background:#d6a449;}.ecg-pr-visa-map-status.status-eta::before{background:#3478d4;}.ecg-pr-visa-map-status.status-passport::before{background:#15253a;box-shadow:0 0 0 2px rgba(214,164,73,.28);}
.ecg-pr-visa-map-open{margin-inline-start:10px;color:#9c6f1c;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(156,111,28,.28);}
.ecg-pr-visa-map-open:hover{color:#77520e;border-bottom-color:rgba(119,82,14,.55);}
html[dir="rtl"] .ecg-pr-visa-map-info,.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-info{text-align:center;}
@media(max-width:768px){
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{margin:18px auto 24px;padding:16px;border-radius:24px;}
.ecg-pr-visa-map-head{display:block;margin-bottom:12px;}
.ecg-pr-visa-map-title{font-size:22px;line-height:1.12;}
.ecg-pr-visa-map-hint{font-size:13px;margin-top:7px;line-height:1.45;}
.ecg-pr-visa-map-canvas{min-height:300px;aspect-ratio:1.45/1;border-radius:20px;}
.ecg-pr-visa-map-region{padding:8px 12px;font-size:11.5px;}
.ecg-pr-visa-map-marker{stroke-width:2.1;}
.ecg-pr-visa-map-legend{justify-content:flex-start;gap:7px;}
.ecg-pr-visa-map-legend-item{font-size:11px;padding:7px 9px;}
.ecg-pr-visa-map-info{font-size:13px;display:block;text-align:start;padding:12px 13px;}
.ecg-pr-visa-map-status{margin-top:8px;margin-inline-start:0;}
.ecg-pr-visa-map-open{display:inline-block;margin-top:8px;margin-inline-start:0;}
} .ecg-pr-visa-map-canvas{background:radial-gradient(circle at 50% 42%,rgba(214,164,73,.055),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%);}
.ecg-pr-visa-map-svg{display:block;width:100%;height:100%;cursor:default;user-select:none;-webkit-user-select:none;shape-rendering:geometricPrecision;}
.ecg-pr-visa-map-country{fill:#d8e2ec;stroke:rgba(15,28,44,.42);stroke-width:.58;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;transition:fill .16s ease,opacity .16s ease,stroke .16s ease,filter .16s ease;}
.ecg-pr-visa-map-country:hover,.ecg-pr-visa-map-country.is-selected{stroke:#102033;stroke-width:1.15;filter:drop-shadow(0 1px 2px rgba(0,0,0,.20));}
.ecg-pr-visa-map-country.status-visa-free{fill:#4d9652;}.ecg-pr-visa-map-country.status-visa-required{fill:#a9372f;}.ecg-pr-visa-map-country.status-visa-on-arrival{fill:#d1a13a;}.ecg-pr-visa-map-country.status-eta{fill:#5279c9;}.ecg-pr-visa-map-country.status-passport{fill:#132943;stroke:#d6a449;stroke-width:1.35;}.ecg-pr-visa-map-country.status-unknown{fill:#c7d1db;opacity:.82;}
.ecg-pr-visa-map-micro-hit{fill:transparent;stroke:transparent;cursor:pointer;}
.ecg-pr-visa-map-micro{fill:#c7d1db;stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16));transition:fill .16s ease,stroke .16s ease,r .16s ease;}
.ecg-pr-visa-map-micro.status-visa-free{fill:#4d9652;}.ecg-pr-visa-map-micro.status-visa-required{fill:#a9372f;}.ecg-pr-visa-map-micro.status-visa-on-arrival{fill:#d1a13a;}.ecg-pr-visa-map-micro.status-eta{fill:#5279c9;}.ecg-pr-visa-map-micro.status-passport{fill:#132943;stroke:#d6a449;stroke-width:1.8;}.ecg-pr-visa-map-micro.status-unknown{fill:#c7d1db;opacity:.82;}
.ecg-pr-visa-map-micro.is-selected,.ecg-pr-visa-map-micro:hover{r:5.2;stroke:#102033;stroke-width:1.7;}
.ecg-pr-visa-map-country.is-selected,.ecg-pr-visa-map-micro.is-selected{filter:drop-shadow(0 2px 4px rgba(16,32,51,.26));}
.ecg-pr-visa-map-fallback{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;color:#1b2b42;font-size:14px;font-weight:800;text-align:center;padding:24px;}
@media (max-width: 767px){
.ecg-pr-visa-map-country{stroke-width:.75;}
.ecg-pr-visa-map-country:hover,.ecg-pr-visa-map-country.is-selected{stroke-width:1.3;}
.ecg-pr-visa-map-micro{r:4.2;}
.ecg-pr-visa-map-micro-hit{r:11;}
} .ecg-pr-visa-map-hint,
.ecg-pr-visa-map-info{
display:none!important;
}
.ecg-pr-visa-map-head{
justify-content:flex-start!important;
align-items:center!important;
margin:0 0 16px!important;
}
.ecg-pr-visa-map-title{
display:inline-flex!important;
align-items:center!important;
gap:10px!important;
margin:0!important;
color:#14253b!important;
font-size:clamp(21px,1.75vw,30px)!important;
line-height:1.08!important;
font-weight:850!important;
letter-spacing:-.025em!important;
text-wrap:balance!important;
}
.ecg-pr-visa-map-title::before{
content:"";
width:10px;
height:28px;
border-radius:999px;
background:linear-gradient(180deg,#d6a449,#f2de9a);
box-shadow:0 8px 18px rgba(214,164,73,.18);
flex:0 0 auto;
}
.ecg-pr-visa-map-float-label{
position:absolute;
z-index:6;
transform:translate(-50%,-100%) scale(.98);
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.94);
border:1px solid rgba(206,160,72,.30);
box-shadow:0 14px 30px rgba(16,32,54,.16), inset 0 1px 0 rgba(255,255,255,.98);
color:#13243a;
font-size:13px;
line-height:1;
font-weight:900;
letter-spacing:-.01em;
white-space:nowrap;
pointer-events:none;
opacity:0;
transition:opacity .14s ease,transform .14s ease;
}
.ecg-pr-visa-map-float-label.is-visible{
opacity:1;
transform:translate(-50%,-100%) scale(1);
}
@media(min-width:769px){
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{
width:100%!important;
max-width:none!important;
margin:22px 0 30px!important;
}
.ecg-pr-visa-map-canvas{
aspect-ratio:auto!important;
min-height:0!important;
height:auto!important;
}
.ecg-pr-visa-map-svg{
width:100%!important;
height:auto!important;
aspect-ratio:1000/520!important;
}
}
@media(max-width:768px){
.ecg-pr-visa-map-title{
font-size:21px!important;
}
.ecg-pr-visa-map-title::before{
width:8px;
height:24px;
}
.ecg-pr-visa-map-float-label{
font-size:12px;
padding:7px 10px;
}
} .ecg-pr-visa-map-canvas{
height:clamp(430px,44vw,640px);
aspect-ratio:auto;
min-height:430px;
display:block;
background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.95) 0%,rgba(225,242,249,.78) 34%,rgba(171,217,229,.72) 68%,rgba(128,190,207,.84) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -20px 44px rgba(18,43,66,.065),0 18px 44px rgba(16,32,54,.055);
cursor:grab;
touch-action:pan-y;
}
.ecg-pr-visa-map-canvas:active{cursor:grabbing;}
.ecg-pr-visa-map-globe{
display:block;
width:100%;
height:100%;
border-radius:inherit;
user-select:none;
-webkit-user-select:none;
-webkit-tap-highlight-color:transparent;
}
.ecg-pr-visa-map-loading{z-index:2;}
.ecg-pr-visa-map-regionbar{position:relative;z-index:3;}
.ecg-pr-visa-map-float-label{
transform:translate(-50%,-100%);
pointer-events:none;
z-index:4;
max-width:220px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ecg-pr-visa-map-float-label::after{
content:"";
position:absolute;
left:50%;
bottom:-5px;
width:9px;
height:9px;
transform:translateX(-50%) rotate(45deg);
background:rgba(255,255,255,.94);
border-right:1px solid rgba(206,160,72,.22);
border-bottom:1px solid rgba(206,160,72,.22);
}
.ecg-pr-visa-map-title{
display:inline-flex;
align-items:center;
gap:10px;
}
.ecg-pr-visa-map-title::before{
flex:0 0 auto;
}
@media (max-width:767px){
.ecg-pr-visa-map-canvas{
height:360px;
min-height:320px;
border-radius:20px;
touch-action:pan-y;
}
.ecg-pr-visa-map-globe{height:100%;}
.ecg-pr-visa-map-float-label{font-size:12px;max-width:168px;padding:8px 10px;}
}
@media (max-width:390px){
.ecg-pr-visa-map-canvas{height:330px;min-height:310px;}
} .ecg-pr-visa-map-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 16px!important;
}
.ecg-pr-visa-map-head .ecg-pr-visa-map-legend{
margin:0!important;
justify-content:flex-end!important;
align-items:center!important;
flex:0 1 auto!important;
gap:7px!important;
}
.ecg-pr-visa-map-head .ecg-pr-visa-map-legend-item{
padding:7px 10px!important;
font-size:11.5px!important;
line-height:1!important;
background:rgba(255,255,255,.76)!important;
border-color:rgba(206,160,72,.18)!important;
box-shadow:0 8px 18px rgba(16,32,54,.045)!important;
}
.ecg-pr-visa-map-canvas{
touch-action:none!important;
}
.ecg-pr-visa-map-float-label{
background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,248,230,.94))!important;
border:1px solid rgba(214,164,73,.42)!important;
color:#14253b!important;
box-shadow:0 16px 34px rgba(16,32,54,.16),0 0 0 1px rgba(255,255,255,.72) inset!important;
}
.ecg-pr-visa-map-float-label::after{
background:rgba(255,248,230,.94)!important;
border-right:1px solid rgba(214,164,73,.30)!important;
border-bottom:1px solid rgba(214,164,73,.30)!important;
}
.ecg-pr-visa-map-zoom-hint{
position:absolute;
right:16px;
bottom:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:7px;
padding:8px 11px;
border-radius:999px;
background:rgba(255,255,255,.78);
border:1px solid rgba(206,160,72,.22);
box-shadow:0 10px 24px rgba(16,32,54,.10),inset 0 1px 0 rgba(255,255,255,.88);
color:rgba(20,37,59,.78);
font-size:11px;
font-weight:850;
line-height:1;
letter-spacing:.01em;
pointer-events:none;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
.ecg-pr-visa-map-zoom-hint::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:linear-gradient(135deg,#d6a449,#f3dda0);
box-shadow:0 0 0 3px rgba(214,164,73,.14);
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint{
right:auto;
left:16px;
}
@media(max-width:768px){
.ecg-pr-visa-map-head{
align-items:flex-start!important;
flex-direction:column!important;
gap:12px!important;
}
.ecg-pr-visa-map-head .ecg-pr-visa-map-legend{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
justify-content:stretch!important;
}
.ecg-pr-visa-map-head .ecg-pr-visa-map-legend-item{
justify-content:center!important;
padding:8px 7px!important;
font-size:10.8px!important;
}
.ecg-pr-visa-map-zoom-hint{
display:inline-flex!important;
right:12px!important;
bottom:12px!important;
max-width:calc(100% - 24px)!important;
padding:7px 10px!important;
font-size:10.4px!important;
letter-spacing:0!important;
background:rgba(255,255,255,.84)!important;
border-color:rgba(206,160,72,.24)!important;
box-shadow:0 9px 22px rgba(16,32,54,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ecg-pr-visa-map-zoom-hint::before{
width:6px!important;
height:6px!important;
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint{
right:auto!important;
left:12px!important;
}
} .ecg-pr-visa-map-legend-item{
appearance:none;
-webkit-appearance:none;
border:1px solid rgba(206,160,72,.18);
cursor:pointer;
user-select:none;
-webkit-user-select:none;
transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease;
}
.ecg-pr-visa-map-legend-item:hover,
.ecg-pr-visa-map-legend-item:focus-visible{
border-color:rgba(214,164,73,.42)!important;
box-shadow:0 10px 24px rgba(16,32,54,.07),0 0 0 3px rgba(214,164,73,.12)!important;
outline:none;
}
.ecg-pr-visa-map-legend-item.is-active{
background:linear-gradient(135deg,rgba(255,248,230,.96),rgba(255,255,255,.88))!important;
border-color:rgba(214,164,73,.58)!important;
box-shadow:0 12px 28px rgba(16,32,54,.08),0 0 0 3px rgba(214,164,73,.14)!important;
color:#102033!important;
}
.ecg-pr-visa-map-legend-item.is-dimmed{
opacity:.54;
}
.ecg-pr-visa-map-legend-item:active{
transform:translateY(1px);
}
@media(max-width:768px){
.ecg-pr-visa-map-legend-item{
min-height:34px;
-webkit-tap-highlight-color:transparent;
}
} .ecg-pr-visa-map-zoom-icon{
display:none;
position:relative;
width:24px;
height:18px;
flex:0 0 24px;
}
.ecg-pr-visa-map-zoom-finger{
position:absolute;
top:5px;
width:7px;
height:7px;
border-radius:999px;
background:linear-gradient(135deg,#d6a449,#f3dda0);
box-shadow:0 0 0 3px rgba(214,164,73,.14),0 3px 8px rgba(16,32,54,.10);
}
.ecg-pr-visa-map-zoom-finger-a{left:8px;}
.ecg-pr-visa-map-zoom-finger-b{right:8px;}
@media(max-width:768px){
.ecg-pr-visa-map-zoom-hint::before{display:none!important;}
.ecg-pr-visa-map-zoom-icon{display:inline-block;}
.ecg-pr-visa-map-zoom-finger-a{animation:ecgPrGlobePinchA 1.9s ease-in-out infinite;}
.ecg-pr-visa-map-zoom-finger-b{animation:ecgPrGlobePinchB 1.9s ease-in-out infinite;}
.ecg-pr-visa-map-zoom-text{font-weight:850;}
}
@keyframes ecgPrGlobePinchA{
0%,100%{transform:translate(3px,1px) scale(.92);opacity:.78;}
42%,62%{transform:translate(-4px,-3px) scale(1);opacity:1;}
}
@keyframes ecgPrGlobePinchB{
0%,100%{transform:translate(-3px,1px) scale(.92);opacity:.78;}
42%,62%{transform:translate(4px,-3px) scale(1);opacity:1;}
}
@media(prefers-reduced-motion:reduce){
.ecg-pr-visa-map-zoom-finger-a,
.ecg-pr-visa-map-zoom-finger-b{animation:none!important;}
} @media(max-width:768px){
.ecg-pr-visa-map-zoom-hint{
position:absolute!important;
overflow:visible!important;
padding:7px 11px 7px 40px!important;
min-height:30px!important;
}
.ecg-pr-visa-map-zoom-icon{
display:none!important;
}
.ecg-pr-visa-map-zoom-hint::before,
.ecg-pr-visa-map-zoom-hint::after{
content:""!important;
display:block!important;
position:absolute!important;
top:50%!important;
width:8px!important;
height:8px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#d6a449,#f3dda0)!important;
box-shadow:0 0 0 3px rgba(214,164,73,.14),0 4px 9px rgba(16,32,54,.13)!important;
opacity:.95!important;
pointer-events:none!important;
}
.ecg-pr-visa-map-zoom-hint::before{
left:14px!important;
animation:ecgPrGlobeMobilePinchLeft 1.75s ease-in-out infinite!important;
}
.ecg-pr-visa-map-zoom-hint::after{
left:25px!important;
animation:ecgPrGlobeMobilePinchRight 1.75s ease-in-out infinite!important;
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint{
padding:7px 40px 7px 11px!important;
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint::before,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint::before{
left:auto!important;
right:14px!important;
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint::after,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint::after{
left:auto!important;
right:25px!important;
}
}
@keyframes ecgPrGlobeMobilePinchLeft{
0%,100%{transform:translate(5px,-50%) scale(.86);opacity:.76;}
43%,63%{transform:translate(-3px,-72%) scale(1.02);opacity:1;}
}
@keyframes ecgPrGlobeMobilePinchRight{
0%,100%{transform:translate(-5px,-50%) scale(.86);opacity:.76;}
43%,63%{transform:translate(3px,-72%) scale(1.02);opacity:1;}
}
@media(prefers-reduced-motion:reduce){
.ecg-pr-visa-map-zoom-hint::before,
.ecg-pr-visa-map-zoom-hint::after{animation:none!important;}
} @media(max-width:768px){
.ecg-pr-visa-map-zoom-hint{
padding:7px 10px!important;
min-height:0!important;
gap:0!important;
}
.ecg-pr-visa-map-zoom-icon,
.ecg-pr-visa-map-zoom-finger{
display:none!important;
animation:none!important;
}
.ecg-pr-visa-map-zoom-hint::before,
.ecg-pr-visa-map-zoom-hint::after{
content:none!important;
display:none!important;
animation:none!important;
}
.ecg-pr-visa-map-zoom-text{
display:inline-block!important;
font-weight:820!important;
line-height:1!important;
white-space:nowrap!important;
}
html[dir="rtl"] .ecg-pr-visa-map-zoom-hint,
.ecg-pr-visa-map[dir="rtl"] .ecg-pr-visa-map-zoom-hint{
padding:7px 10px!important;
}
} @media(max-width:768px){
.ecg-pr-visa-map-zoom-hint{
gap:7px!important;
padding:7px 10px!important;
}
.ecg-pr-visa-map-zoom-hint::before{
content:""!important;
display:inline-block!important;
position:static!important;
width:6px!important;
height:6px!important;
flex:0 0 6px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#d6a449,#f3dda0)!important;
box-shadow:0 0 0 3px rgba(214,164,73,.14)!important;
opacity:1!important;
animation:none!important;
transform:none!important;
pointer-events:none!important;
}
.ecg-pr-visa-map-zoom-hint::after{
content:none!important;
display:none!important;
animation:none!important;
}
.ecg-pr-visa-map-regionbar{
gap:7px!important;
}
.ecg-pr-visa-map-region{
white-space:nowrap!important;
}
} .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{
background:linear-gradient(145deg,rgba(255,255,255,.965),rgba(250,247,239,.90) 52%,rgba(245,248,251,.90) 100%)!important;
border-color:rgba(206,160,72,.22)!important;
box-shadow:0 24px 60px rgba(16,32,54,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.ecg-pr-visa-map-canvas{
background:radial-gradient(circle at 34% 18%,rgba(255,255,255,.96) 0%,rgba(240,248,252,.90) 28%,rgba(216,234,242,.92) 60%,rgba(235,243,248,.96) 100%)!important;
border-color:rgba(19,36,58,.09)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -18px 44px rgba(18,43,66,.045), 0 18px 48px rgba(16,32,54,.065)!important;
}
.ecg-pr-visa-map-canvas::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
border-radius:inherit;
background:
radial-gradient(circle at 28% 16%,rgba(255,255,255,.16),rgba(255,255,255,0) 30%),
radial-gradient(circle at 76% 82%,rgba(206,160,72,.05),rgba(206,160,72,0) 24%);
opacity:.88;
}
.ecg-pr-visa-map-globe{
position:relative;
z-index:1;
}
.ecg-pr-visa-map-region,
.ecg-pr-visa-map-legend-item{
background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(250,247,239,.72))!important;
border-color:rgba(206,160,72,.20)!important;
box-shadow:0 7px 18px rgba(16,32,54,.05), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.ecg-pr-visa-map-region:hover,
.ecg-pr-visa-map-region.is-active,
.ecg-pr-visa-map-legend-item.is-active{
background:linear-gradient(135deg,rgba(255,248,230,.96),rgba(255,255,255,.84))!important;
border-color:rgba(214,164,73,.48)!important;
box-shadow:0 10px 26px rgba(206,160,72,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ecg-pr-visa-map-dot.status-visa-free{background:#6b9d66!important;}
.ecg-pr-visa-map-dot.status-visa-required{background:#a14a42!important;}
.ecg-pr-visa-map-dot.status-visa-on-arrival{background:#d2aa51!important;}
.ecg-pr-visa-map-dot.status-eta{background:#6886cb!important;}
.ecg-pr-visa-map-zoom-hint,
.ecg-pr-visa-map-float-label{
-webkit-font-smoothing:antialiased;
text-rendering:geometricPrecision;
}
@media(max-width:768px){
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{
box-shadow:0 16px 42px rgba(16,32,54,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.ecg-pr-visa-map-canvas::after{
opacity:.76;
}
} .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-visa-map{
background:linear-gradient(145deg,#ffffff 0%,#fbf7ef 48%,#f4f8fb 100%)!important;
border-color:rgba(206,160,72,.26)!important;
box-shadow:0 26px 66px rgba(16,32,54,.095), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.ecg-pr-visa-map-canvas{
background:radial-gradient(circle at 34% 18%,#ffffff 0%,#edf8fc 30%,#d5ecf4 62%,#eff5f8 100%)!important;
border-color:rgba(18,38,62,.10)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -20px 48px rgba(18,43,66,.050), 0 20px 52px rgba(16,32,54,.072)!important;
}
.ecg-pr-visa-map-canvas::after{
background:radial-gradient(circle at 27% 17%,rgba(255,255,255,.13),rgba(255,255,255,0) 32%),radial-gradient(circle at 78% 84%,rgba(206,160,72,.045),rgba(206,160,72,0) 26%)!important;
mix-blend-mode:normal!important;
opacity:.78!important;
}
.ecg-pr-visa-map-dot.status-visa-free{background:#6fa56b!important;}
.ecg-pr-visa-map-dot.status-visa-required{background:#aa4b42!important;}
.ecg-pr-visa-map-dot.status-visa-on-arrival{background:#d9b052!important;}
.ecg-pr-visa-map-dot.status-eta{background:#6b8bd2!important;} .ecg-pr-visa-map-canvas::after{content:none!important;display:none!important;background:none!important;} @media(max-width:768px){
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search.ecg-passport-search-wrap{
width:min(560px,calc(100% - 44px))!important;
max-width:min(560px,calc(100% - 44px))!important;
}
} :where(.ecg-passport-list-wrap,.ecg-passport-floating-popover,.ecg-passport-shared-detail,.ecg-pr-country-access-seo,.ecg-pr-country-hero,.ecg-pr-region-hero,.ecg-pr-visa-map,.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:rgba(0,0,0,0)!important;
}
:where(.ecg-passport-list-wrap,.ecg-passport-floating-popover,.ecg-passport-shared-detail,.ecg-pr-country-access-seo,.ecg-pr-country-hero,.ecg-pr-region-hero,.ecg-pr-visa-map,.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,[role="button"],[role="link"],[tabindex]):focus:not(:focus-visible){
outline:0!important;
}
:where(.ecg-passport-list-wrap,.ecg-passport-floating-popover,.ecg-passport-shared-detail,.ecg-pr-country-access-seo,.ecg-pr-country-hero,.ecg-pr-region-hero,.ecg-pr-visa-map,.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,[role="button"],[role="link"],[tabindex]):focus-visible{
outline:0!important;
box-shadow:0 0 0 3px rgba(214,164,73,.18),0 10px 26px rgba(16,32,54,.06);
}
@media (hover:none) and (pointer:coarse){
:where(.ecg-passport-list-wrap,.ecg-passport-floating-popover,.ecg-passport-shared-detail,.ecg-pr-country-access-seo,.ecg-pr-country-hero,.ecg-pr-region-hero,.ecg-pr-visa-map,.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:transparent!important;
}
} html body > .ecg-pr-country-modal,
html body > .ecg-pr-country-modal *,
html body > .ecg-pr-country-modal :where(a,button,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
}
html body > .ecg-pr-country-modal :where(a,button,[role="button"],[role="link"],[tabindex]){
-webkit-touch-callout:none!important;
background-clip:padding-box!important;
}
html body > .ecg-pr-country-modal :where(a,button,[role="button"],[role="link"],[tabindex]):focus:not(:focus-visible){
outline:0!important;
box-shadow:inherit;
}
html body > .ecg-pr-country-modal :where(a,button,[role="button"],[role="link"],[tabindex]):focus-visible{
outline:0!important;
box-shadow:0 0 0 3px rgba(214,164,73,.18),0 10px 24px rgba(16,32,54,.06)!important;
}
html body > .ecg-pr-country-modal .ecg-pr-country-modal-link,
html body > .ecg-pr-country-modal .ecg-pr-country-modal-close,
html body > .ecg-pr-country-modal .ecg-pr-country-modal-input{
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
}
html body > .ecg-pr-country-modal .ecg-pr-country-modal-link:active{
background:#f7f2e8!important;
border-color:rgba(206,160,72,.24)!important;
color:#0b1020!important;
}
@media (hover:none) and (pointer:coarse){
html body > .ecg-pr-country-modal,
html body > .ecg-pr-country-modal *,
html body > .ecg-pr-country-modal :where(a,button,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
}
} .ecg-pr-ranking-globe{
width:100%;
max-width:100%;
margin:16px auto 30px!important;
padding:18px!important;
border-radius:28px;
background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,239,.86) 54%,rgba(245,248,251,.92));
border:1px solid rgba(206,160,72,.20);
box-shadow:0 20px 54px rgba(16,32,54,.075),inset 0 1px 0 rgba(255,255,255,.95);
box-sizing:border-box;
}
.ecg-pr-ranking-globe .ecg-pr-visa-map-regionbar{
margin:0 0 12px!important;
position:relative;
z-index:4;
}
.ecg-pr-ranking-globe .ecg-pr-visa-map-canvas{
height:clamp(360px,42vw,590px);
min-height:360px;
border-radius:24px;
}
.ecg-pr-ranking-globe .ecg-pr-visa-map-float-label,
.ecg-pr-ranking-globe .ecg-pr-visa-map-zoom-hint{
z-index:6;
}
@media(max-width:768px){
.ecg-pr-ranking-globe{
margin:12px auto 24px!important;
padding:12px!important;
border-radius:22px;
}
.ecg-pr-ranking-globe .ecg-pr-visa-map-canvas{
height:330px;
min-height:310px;
border-radius:20px;
}
.ecg-pr-ranking-globe .ecg-pr-visa-map-regionbar{
margin-bottom:10px!important;
}
}
@media(max-width:390px){
.ecg-pr-ranking-globe .ecg-pr-visa-map-canvas{height:310px;min-height:300px;}
} .ecg-pr-visa-map-canvas::after{content:none!important;display:none!important;background:none!important;opacity:0!important;}
.ecg-pr-visa-map-dot.status-visa-free{background:#62a262!important;}
.ecg-pr-visa-map-dot.status-visa-required{background:#b45147!important;}
.ecg-pr-visa-map-dot.status-visa-on-arrival{background:#d7aa42!important;}
.ecg-pr-visa-map-dot.status-eta{background:#5f84d4!important;}
.ecg-pr-visa-map-canvas{background:radial-gradient(circle at 34% 18%,#ffffff 0%,#f2fbfe 30%,#dff3f8 62%,#f6fbfd 100%)!important;}
.ecg-pr-ranking-globe .ecg-pr-visa-map-canvas{background:radial-gradient(circle at 34% 18%,#ffffff 0%,#f2fbfe 30%,#dff3f8 62%,#f6fbfd 100%)!important;} .ecg-pr-ranking-globe .ecg-pr-visa-map-canvas,
.ecg-pr-visa-map .ecg-pr-visa-map-canvas{background:radial-gradient(circle at 34% 18%,#ffffff 0%,#f5fcff 28%,#e3f5fa 60%,#f7fcfe 100%)!important;}
.ecg-pr-ranking-globe .ecg-pr-visa-map-canvas::after,
.ecg-pr-visa-map .ecg-pr-visa-map-canvas::after{content:none!important;display:none!important;opacity:0!important;background:none!important;}
@media(max-width:768px){.ecg-pr-map-regionbar-mobile{display:block!important;overflow:visible!important;margin:0 10px 10px!important;padding:0!important;z-index:8!important}.ecg-pr-map-region-search{position:relative;width:100%;max-width:520px;margin:0 auto;z-index:9}.ecg-pr-map-region-search-box{position:relative;display:flex;align-items:center;width:100%;min-height:54px;border-radius:999px;background:linear-gradient(135deg,rgba(255,248,230,.92),rgba(255,255,255,.96) 28%,rgba(255,255,255,.90));border:1px solid rgba(206,160,72,.20);box-shadow:0 14px 34px rgba(16,32,54,.08),inset 0 1px 0 rgba(255,255,255,.95);box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;cursor:pointer}.ecg-pr-map-region-search-icon{position:absolute;left:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);pointer-events:none}.ecg-pr-map-region-search-icon::before{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border:2.6px solid #24395f;border-radius:50%}.ecg-pr-map-region-search-icon::after{content:"";position:absolute;left:15px;top:15px;width:9px;height:2.8px;border-radius:999px;background:#24395f;transform:rotate(45deg);transform-origin:left center}.ecg-pr-map-region-search-input{width:100%;min-height:52px;border:0!important;outline:0!important;background:transparent!important;border-radius:999px!important;padding:0 48px 0 54px!important;color:#14233a!important;font-size:16px!important;font-weight:760!important;letter-spacing:.01em;cursor:pointer;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}.ecg-pr-map-region-search-input::placeholder{color:#8792a5!important;opacity:1!important}.ecg-pr-map-region-options{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(206,160,72,.20);box-shadow:0 22px 48px rgba(16,32,54,.16),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:30}.ecg-pr-map-region-search.is-open .ecg-pr-map-region-options{display:grid}.ecg-pr-map-region-option{appearance:none;-webkit-appearance:none;border:1px solid rgba(206,160,72,.18);border-radius:999px;min-height:37px;padding:8px 9px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,247,239,.78));color:#17253c;font-size:12px;font-weight:780;line-height:1.1;box-shadow:0 7px 18px rgba(16,32,54,.045),inset 0 1px 0 rgba(255,255,255,.88);-webkit-tap-highlight-color:transparent!important}.ecg-pr-map-region-option.is-active{background:linear-gradient(135deg,rgba(255,248,230,.98),rgba(255,255,255,.88));border-color:rgba(214,164,73,.52);color:#0f1d31;box-shadow:0 10px 24px rgba(206,160,72,.12),inset 0 1px 0 rgba(255,255,255,.92)}html[dir="rtl"] .ecg-pr-map-region-search-icon,.ecg-pr-visa-map[dir="rtl"] .ecg-pr-map-region-search-icon{left:auto;right:18px}html[dir="rtl"] .ecg-pr-map-region-search-input,.ecg-pr-visa-map[dir="rtl"] .ecg-pr-map-region-search-input{padding:0 54px 0 48px!important}} .ecg-compare-swap-wrap{
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
z-index:12!important;
width:100%!important;
height:0!important;
min-height:0!important;
margin:3px 0!important;
padding:0!important;
pointer-events:none!important;
}
.ecg-compare-swap{
pointer-events:auto!important;
appearance:none!important;
-webkit-appearance:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
margin:0!important;
padding:0!important;
border-radius:999px!important;
border:1px solid rgba(206,160,72,.42)!important;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,236,.96))!important;
color:#143c75!important;
box-shadow:0 12px 26px rgba(16,32,54,.13),inset 0 1px 0 rgba(255,255,255,.96)!important;
cursor:pointer!important;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
-webkit-tap-highlight-color:transparent!important;
}
.ecg-compare-swap:hover,
.ecg-compare-swap:focus-visible{
transform:translateY(-1px)!important;
border-color:rgba(206,160,72,.68)!important;
box-shadow:0 16px 32px rgba(16,32,54,.18),0 0 0 3px rgba(206,160,72,.12),inset 0 1px 0 rgba(255,255,255,.98)!important;
outline:0!important;
filter:brightness(1.02)!important;
}
.ecg-compare-swap:active,
.ecg-compare-swap.ecg-compare-swap-pressed{
transform:scale(.96)!important;
}
.ecg-compare-swap-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:24px!important;
height:24px!important;
pointer-events:none!important;
}
.ecg-compare-swap-icon::before{
content:""!important;
display:block!important;
width:24px!important;
height:24px!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:24px 24px!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.2 7.4H17.8M17.8 7.4L14.8 4.4M17.8 7.4L14.8 10.4' stroke='%23143C75' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.8 16.6H6.2M6.2 16.6L9.2 13.6M6.2 16.6L9.2 19.6' stroke='%23143C75' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
.ecg-passport-hero-panel .ecg-compare-swap-wrap{
grid-column:1 / -1!important;
z-index:18!important;
margin:4px 0!important;
}
.ecg-passport-hero-panel .ecg-compare-swap{
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
border-color:rgba(255,242,200,.60)!important;
background:linear-gradient(180deg,#fffaf0,#f3dfad)!important;
box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.ecg-passport-hero-panel .ecg-passport-suggestions,
.ecg-passport-hero-panel .ecg-compare-suggestions{
z-index:2147483000!important;
}
@media(max-width:768px){
.ecg-compare-swap-wrap{
margin:4px 0!important;
}
.ecg-compare-swap,
.ecg-passport-hero-panel .ecg-compare-swap{
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
}
} .ecg-passport-hero-panel .ecg-compare-swap-wrap{
position:relative!important;
display:block!important;
width:100%!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
pointer-events:none!important;
z-index:30!important;
}
.ecg-passport-hero-panel .ecg-compare-swap{
position:absolute!important;
top:0!important;
right:18px!important;
left:auto!important;
transform:translateY(-50%)!important;
pointer-events:auto!important;
background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;
border-color:rgba(255,242,200,.58)!important;
box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.52)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
}
.ecg-passport-hero-panel .ecg-compare-swap:hover,
.ecg-passport-hero-panel .ecg-compare-swap:focus-visible{
transform:translateY(calc(-50% - 1px))!important;
background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;
box-shadow:0 14px 28px rgba(0,0,0,.16),0 0 0 3px rgba(206,160,72,.10),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
.ecg-passport-hero-panel .ecg-compare-swap:active,
.ecg-passport-hero-panel .ecg-compare-swap.ecg-compare-swap-pressed{
transform:translateY(-50%) scale(.96)!important;
}
html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap,
.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap{
right:auto!important;
left:18px!important;
}
@media(max-width:768px){
.ecg-passport-hero-panel .ecg-compare-swap{
right:12px!important;
}
html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap,
.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap{
right:auto!important;
left:12px!important;
}
} .ecg-passport-hero-panel .ecg-visa-checker{position:relative!important;overflow:visible!important}
.ecg-passport-hero-panel .ecg-compare-swap-wrap{position:relative!important;display:block!important;width:100%!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;pointer-events:none!important;z-index:2147482600!important}
.ecg-passport-hero-panel .ecg-compare-swap{position:absolute!important;top:0!important;right:18px!important;left:auto!important;transform:translateY(-50%)!important;pointer-events:auto!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;border-color:rgba(255,242,200,.58)!important;box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.52)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.ecg-passport-hero-panel .ecg-compare-swap:hover,.ecg-passport-hero-panel .ecg-compare-swap:focus-visible{transform:translateY(calc(-50% - 1px))!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;box-shadow:0 14px 28px rgba(0,0,0,.16),0 0 0 3px rgba(206,160,72,.10),inset 0 1px 0 rgba(255,255,255,.58)!important}
.ecg-passport-hero-panel .ecg-compare-swap:active,.ecg-passport-hero-panel .ecg-compare-swap.ecg-compare-swap-pressed{transform:translateY(-50%) scale(.96)!important}
html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap,.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap{right:auto!important;left:18px!important}
@media(max-width:768px){.ecg-passport-hero-panel .ecg-compare-swap{right:12px!important}html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap,.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap{right:auto!important;left:12px!important}} .ecg-passport-hero-panel .ecg-compare-swap{
color:#cea048!important;
}
.ecg-passport-hero-panel .ecg-compare-swap-icon::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M7.2 7.4H17.8M17.8 7.4L14.8 4.4M17.8 7.4L14.8 10.4%22 stroke=%22%23CEA048%22 stroke-width=%222.25%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16.8 16.6H6.2M6.2 16.6L9.2 13.6M6.2 16.6L9.2 19.6%22 stroke=%22%23CEA048%22 stroke-width=%222.25%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")!important;
} .ecg-passport-hero-panel .ecg-compare-swap{
background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;
}
.ecg-passport-hero-panel .ecg-compare-swap:hover,
.ecg-passport-hero-panel .ecg-compare-swap:focus-visible{
background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;
} .ecg-passport-hero-panel .ecg-visa-checker{position:relative!important;overflow:visible!important}.ecg-passport-hero-panel .ecg-compare-swap-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;height:0!important;min-height:0!important;margin:4px 0!important;padding:0 14px 0 0!important;overflow:visible!important;pointer-events:none!important;z-index:2147482600!important}body .ecg-passport-hero-panel button.ecg-compare-swap{position:relative!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;pointer-events:auto!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;border-color:rgba(206,160,72,.50)!important;color:#cea048!important;box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}body .ecg-passport-hero-panel button.ecg-compare-swap:hover,body .ecg-passport-hero-panel button.ecg-compare-swap:focus-visible{transform:translateY(-1px)!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;box-shadow:0 14px 28px rgba(0,0,0,.16),0 0 0 3px rgba(206,160,72,.10),inset 0 1px 0 rgba(255,255,255,.20)!important}body .ecg-passport-hero-panel button.ecg-compare-swap:active,body .ecg-passport-hero-panel button.ecg-compare-swap.ecg-compare-swap-pressed{transform:scale(.96)!important}body .ecg-passport-hero-panel .ecg-compare-swap-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M7.2 7.4H17.8M17.8 7.4L14.8 4.4M17.8 7.4L14.8 10.4%22 stroke=%22%23CEA048%22 stroke-width=%222.25%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16.8 16.6H6.2M6.2 16.6L9.2 13.6M6.2 16.6L9.2 19.6%22 stroke=%22%23CEA048%22 stroke-width=%222.25%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")!important}html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap-wrap,.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap-wrap{justify-content:flex-start!important;padding:0 0 0 14px!important}@media(max-width:768px){.ecg-passport-hero-panel .ecg-compare-swap-wrap{padding-right:12px!important}html[dir="rtl"] .ecg-passport-hero-panel .ecg-compare-swap-wrap,.ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap-wrap{padding-left:12px!important;padding-right:0!important}} body .ecg-passport-hero-panel .ecg-compare-swap-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;height:0!important;min-height:0!important;margin:4px 0!important;padding:0 14px 0 0!important;overflow:visible!important;pointer-events:none!important;z-index:2147482600!important}
html[dir="rtl"] body .ecg-passport-hero-panel .ecg-compare-swap-wrap,body .ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap-wrap{justify-content:flex-start!important;padding:0 0 0 14px!important}
body .ecg-passport-hero-panel button.ecg-compare-swap{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;aspect-ratio:1/1!important;flex:0 0 44px!important;margin:0!important;padding:0!important;border-radius:999px!important;border:1px solid rgba(206,160,72,.50)!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important;color:#cea048!important;line-height:1!important;box-sizing:border-box!important;overflow:hidden!important;pointer-events:auto!important;box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.18)!important}
body .ecg-passport-hero-panel button.ecg-compare-swap:hover,body .ecg-passport-hero-panel button.ecg-compare-swap:focus-visible{background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important}
body .ecg-passport-hero-panel button.ecg-compare-swap .ecg-compare-swap-icon{display:none!important}
body .ecg-passport-hero-panel button.ecg-compare-swap svg.ecg-compare-swap-svg{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;stroke:#cea048!important;fill:none!important;color:#cea048!important;overflow:visible!important;pointer-events:none!important}
body .ecg-passport-hero-panel button.ecg-compare-swap svg.ecg-compare-swap-svg path{stroke:#cea048!important;fill:none!important}
@media(max-width:768px){body .ecg-passport-hero-panel .ecg-compare-swap-wrap{display:flex!important;justify-content:flex-end!important;padding:0 12px 0 0!important;margin:4px 0!important;height:0!important;min-height:0!important}html[dir="rtl"] body .ecg-passport-hero-panel .ecg-compare-swap-wrap,body .ecg-passport-hero-panel[dir="rtl"] .ecg-compare-swap-wrap{justify-content:flex-start!important;padding:0 0 0 12px!important}body .ecg-passport-hero-panel button.ecg-compare-swap{display:inline-flex!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:999px!important;background:rgba(20,44,84,.30)!important;background-color:rgba(20,44,84,.30)!important;background-image:none!important}body .ecg-passport-hero-panel button.ecg-compare-swap svg.ecg-compare-swap-svg{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}} body .ecg-pr-country-mode .ecg-pr-country-checker-form{
background:
radial-gradient(circle at 14% 16%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 24%),
radial-gradient(circle at 88% 12%, rgba(206,160,72,.16) 0%, rgba(206,160,72,0) 22%),
linear-gradient(135deg, #0d1831 0%, #14274b 48%, #1a3260 100%)!important;
border:1px solid rgba(206,160,72,.18)!important;
box-shadow:0 22px 52px rgba(10,20,40,.18), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body .ecg-pr-country-mode .ecg-pr-country-checker-form::before{
content:none!important;
display:none!important;
}
body .ecg-pr-country-mode .ecg-pr-country-checker-panel .ecg-compare-icon.ecg-compare-icon-selected{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
padding:0!important;
margin:0!important;
position:relative!important;
}
body .ecg-pr-country-mode .ecg-pr-country-checker-panel .ecg-compare-selected-flag{
display:flex!important;
align-items:center!important;
justify-content:center!important;
place-items:center!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
margin:0!important;
padding:0!important;
position:relative!important;
inset:auto!important;
}
body .ecg-pr-country-mode .ecg-pr-country-checker-panel .ecg-compare-selected-flag img{
display:block!important;
width:26px!important;
height:18px!important;
min-width:26px!important;
min-height:18px!important;
max-width:26px!important;
max-height:18px!important;
margin:0 auto!important;
position:relative!important;
left:auto!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
transform:none!important;
object-fit:cover!important;
object-position:center center!important;
border-radius:3px!important;
}
@media (max-width: 768px){
body .ecg-pr-country-mode .ecg-pr-country-checker-form{
background:
radial-gradient(circle at 16% 14%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 26%),
radial-gradient(circle at 84% 10%, rgba(206,160,72,.15) 0%, rgba(206,160,72,0) 24%),
linear-gradient(135deg, #0d1831 0%, #14274b 54%, #1a3260 100%)!important;
}
} .ecg-pr-ranking-globe .ecg-pr-visa-map-globe{touch-action:none;} @media (max-width: 768px) {
body .ecg-passport-hero-panel input.ecg-passport-search-input,
body .ecg-passport-hero-panel input.ecg-compare-input,
body .ecg-pr-country-mode input.ecg-passport-search-input,
body .ecg-pr-country-mode input.ecg-compare-input,
body .ecg-pr-country-checker-panel input.ecg-compare-input,
body .ecg-pr-country-profile-search input.ecg-passport-search-input {
font-size: 16px !important;
line-height: 1.25 !important;
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
} @media (max-width: 768px) {
html body .ecg-passport-hero-panel input.ecg-passport-search-input,
html body .ecg-passport-hero-panel input.ecg-compare-input,
html body .ecg-passport-search-wrap input.ecg-passport-search-input,
html body .ecg-visa-checker input.ecg-compare-input,
html body .ecg-pr-country-profile-search input.ecg-passport-search-input,
html body .ecg-pr-country-checker-panel input.ecg-compare-input,
html body .ecg-passport-list-wrap.ecg-pr-country-mode input.ecg-passport-search-input,
html body .ecg-passport-list-wrap.ecg-pr-country-mode input.ecg-compare-input {
font-size: 16px !important;
line-height: 1.25 !important;
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
width:min(100%, 760px);
margin:4px auto 18px;
padding:14px 16px;
border:1px solid rgba(203,162,74,.26);
border-radius:22px;
background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,247,239,.92));
box-shadow:0 14px 34px rgba(15,35,58,.08);
text-align:center;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-label{
display:block;
margin:0 0 9px;
font-size:11px;
line-height:1.2;
font-weight:800;
letter-spacing:.11em;
text-transform:uppercase;
color:#6c5a2d;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-toggle{
display:inline-grid;
grid-template-columns:1fr 1fr;
gap:4px;
padding:4px;
border-radius:999px;
background:rgba(13,31,54,.08);
border:1px solid rgba(14,32,55,.08);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn{
appearance:none;
border:0;
border-radius:999px;
min-width:128px;
padding:9px 18px;
background:transparent;
color:#21364f;
font-size:13px;
line-height:1.1;
font-weight:780;
cursor:pointer;
transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn:hover{
transform:translateY(-1px);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn.is-active{
background:linear-gradient(135deg, #0d1f36, #173a63);
color:#fff8e5;
box-shadow:0 8px 18px rgba(12,28,48,.18), inset 0 0 0 1px rgba(255,255,255,.16);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
max-width:620px;
margin:10px auto 0;
font-size:12px;
line-height:1.45;
color:rgba(28,45,66,.68);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list.ecg-pr-global-ranking-mode{
gap:16px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
grid-column:1 / -1;
width:100%;
padding:15px;
border:1px solid rgba(203,162,74,.22);
border-radius:22px;
background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
box-shadow:0 14px 34px rgba(15,35,58,.075);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
display:flex;
align-items:center;
gap:14px;
padding:0 0 12px;
margin:0 0 12px;
border-bottom:1px solid rgba(21,43,67,.08);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:58px;
min-width:58px;
height:42px;
border-radius:999px;
background:linear-gradient(135deg, #101d32, #173a63 68%, #264f7d);
color:#fff7df;
font-size:19px;
line-height:1;
font-weight:880;
box-shadow:0 10px 20px rgba(14,32,55,.18), inset 0 0 0 1px rgba(255,255,255,.14);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-copy{
min-width:0;
text-align:start;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
display:block;
margin:0 0 6px;
color:#132840;
font-size:15px;
line-height:1.25;
font-weight:820;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
display:flex;
flex-wrap:wrap;
gap:7px 12px;
color:rgba(27,45,67,.72);
font-size:12px;
line-height:1.3;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span{
display:inline-flex;
align-items:center;
gap:4px;
white-space:nowrap;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics b{
color:#6b5420;
font-weight:820;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item{
width:100%;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item > .ecg-rank{
display:none!important;
}
[dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-copy{
text-align:right;
}
@media (max-width: 1024px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
margin:2px auto 15px;
padding:12px 12px;
border-radius:18px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-toggle{
width:100%;
max-width:340px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn{
min-width:0;
padding:9px 10px;
font-size:12.5px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
display:none;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
padding:12px;
border-radius:18px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
align-items:flex-start;
gap:10px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:50px;
min-width:50px;
height:38px;
font-size:16px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
font-size:13.5px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
font-size:11.3px;
gap:5px 8px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
}
}
@media (max-width: 460px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:1fr;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list.ecg-pr-global-ranking-mode{
gap:20px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
position:relative;
isolation:isolate;
overflow:hidden;
padding:18px;
border:1px solid rgba(188,143,58,.34);
border-radius:26px;
background:
radial-gradient(circle at 9% 0%, rgba(210,169,86,.18), transparent 34%),
radial-gradient(circle at 92% 12%, rgba(21,54,91,.12), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,.99), rgba(250,247,239,.97) 48%, rgba(246,250,254,.96));
box-shadow:0 24px 58px rgba(10,24,42,.12), 0 2px 0 rgba(255,255,255,.88) inset;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
content:"";
position:absolute;
left:18px;
right:18px;
top:0;
height:4px;
border-radius:0 0 999px 999px;
background:linear-gradient(90deg, rgba(147,103,31,.15), rgba(208,168,88,.95), rgba(255,236,178,.82), rgba(20,54,91,.35));
box-shadow:0 8px 18px rgba(188,143,58,.18);
z-index:-1;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::after{
content:"";
position:absolute;
width:210px;
height:210px;
right:-86px;
bottom:-106px;
border-radius:999px;
background:radial-gradient(circle, rgba(199,158,76,.16), transparent 68%);
z-index:-1;
pointer-events:none;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
position:relative;
display:flex;
align-items:center;
gap:18px;
padding:16px;
margin:0 0 16px;
border:1px solid rgba(21,43,67,.08);
border-radius:22px;
background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,251,242,.86));
box-shadow:0 12px 28px rgba(10,24,42,.06), inset 0 1px 0 rgba(255,255,255,.84);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
position:relative;
width:78px;
min-width:78px;
height:78px;
border-radius:24px;
background:
linear-gradient(135deg, #101d32 0%, #15365b 55%, #0f2139 100%) padding-box,
linear-gradient(135deg, rgba(255,244,202,.95), rgba(192,142,48,.9), rgba(255,255,255,.42)) border-box;
border:1px solid transparent;
color:#fff4cf;
font-size:25px;
line-height:1;
font-weight:950;
letter-spacing:-.055em;
text-shadow:0 2px 10px rgba(0,0,0,.32);
box-shadow:0 20px 34px rgba(13,31,54,.24), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -14px 26px rgba(0,0,0,.14);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge::after{
content:"";
position:absolute;
inset:8px;
border-radius:18px;
border:1px solid rgba(255,246,213,.18);
pointer-events:none;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
margin:0 0 9px;
color:#10243d;
font-size:17px;
line-height:1.22;
font-weight:900;
letter-spacing:-.024em;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
gap:8px;
color:rgba(18,39,61,.73);
font-size:12px;
line-height:1.2;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span{
padding:6px 9px;
border:1px solid rgba(21,43,67,.08);
border-radius:999px;
background:rgba(255,255,255,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics b{
color:#8a651b;
font-weight:920;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
position:relative;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:13px;
padding:14px;
border:1px solid rgba(21,43,67,.075);
border-radius:22px;
background:linear-gradient(135deg, rgba(245,248,252,.74), rgba(255,255,255,.68));
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item{
min-height:72px;
border-color:rgba(21,43,67,.09);
background:rgba(255,255,255,.96);
box-shadow:0 10px 24px rgba(10,24,42,.065);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item:hover,
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item:focus,
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item.ecg-open{
border-color:rgba(188,143,58,.28);
box-shadow:0 16px 34px rgba(10,24,42,.12);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item::before{
background:linear-gradient(180deg, rgba(204,159,70,.95), rgba(255,232,178,.88), rgba(24,58,96,.66));
}
[dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::after{
right:auto;
left:-86px;
}
@media (max-width: 1024px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list.ecg-pr-global-ranking-mode{
gap:16px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
padding:13px;
border-radius:22px;
box-shadow:0 18px 40px rgba(10,24,42,.105), 0 2px 0 rgba(255,255,255,.86) inset;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
left:13px;
right:13px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
gap:12px;
padding:12px;
border-radius:18px;
margin-bottom:12px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:64px;
min-width:64px;
height:64px;
border-radius:20px;
font-size:21px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge::after{
inset:7px;
border-radius:15px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
margin-bottom:7px;
font-size:14.5px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
gap:6px;
font-size:11px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span{
padding:5px 7px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
padding:10px;
border-radius:18px;
}
}
@media (max-width: 460px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
align-items:flex-start;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:58px;
min-width:58px;
height:58px;
border-radius:18px;
font-size:19px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
grid-template-columns:1fr;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list.ecg-pr-global-ranking-mode{
gap:24px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
padding:22px;
border:2px solid rgba(190,142,47,.46);
border-radius:30px;
background:
linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.3)) padding-box,
radial-gradient(circle at 11% 4%, rgba(218,174,82,.28), transparent 33%),
radial-gradient(circle at 88% 6%, rgba(18,54,92,.18), transparent 34%),
linear-gradient(135deg, #fff8e8 0%, #f8fbff 47%, #ffffff 100%);
box-shadow:0 32px 76px rgba(8,24,43,.16), 0 14px 30px rgba(198,151,55,.10), inset 0 1px 0 rgba(255,255,255,.92);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
left:22px;
right:22px;
height:7px;
background:linear-gradient(90deg, rgba(18,54,92,.55), rgba(202,154,55,.98), rgba(255,235,176,.96), rgba(18,54,92,.58));
box-shadow:0 10px 24px rgba(189,142,47,.28);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
padding:18px 20px;
margin:0 0 18px;
border:1px solid rgba(155,112,30,.24);
border-radius:24px;
background:
linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,231,.88) 58%, rgba(244,249,255,.9));
box-shadow:0 18px 42px rgba(8,24,43,.10), inset 0 1px 0 rgba(255,255,255,.92);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:90px;
min-width:90px;
height:90px;
border-radius:28px;
font-size:31px;
background:
linear-gradient(145deg, #081a30 0%, #12395f 54%, #07182b 100%) padding-box,
linear-gradient(145deg, rgba(255,241,194,.98), rgba(193,139,32,.96), rgba(255,255,255,.36)) border-box;
border:1px solid transparent;
box-shadow:0 26px 48px rgba(7,24,43,.32), 0 8px 18px rgba(192,142,47,.16), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -18px 34px rgba(0,0,0,.18);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge::after{
inset:9px;
border-radius:21px;
border-color:rgba(255,242,205,.24);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
font-size:18px;
letter-spacing:-.03em;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span{
padding:7px 11px;
border-color:rgba(155,112,30,.16);
background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,249,233,.86));
box-shadow:0 8px 16px rgba(8,24,43,.045), inset 0 1px 0 rgba(255,255,255,.88);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
padding:17px;
border:1px solid rgba(155,112,30,.18);
border-radius:24px;
background:
linear-gradient(135deg, rgba(255,251,241,.82), rgba(244,248,253,.86));
box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 14px 34px rgba(8,24,43,.07);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item{
border-color:rgba(155,112,30,.15);
background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(250,253,255,.96));
box-shadow:0 14px 30px rgba(8,24,43,.085);
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list.ecg-pr-global-ranking-mode{
gap:18px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group{
padding:15px;
border-radius:24px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
left:15px;
right:15px;
height:6px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
padding:13px;
border-radius:20px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:68px;
min-width:68px;
height:68px;
border-radius:21px;
font-size:23px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
font-size:15px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items{
padding:11px;
border-radius:19px;
}
}
@media (max-width: 460px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
width:62px;
min-width:62px;
height:62px;
border-radius:19px;
font-size:21px;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
background:linear-gradient(90deg,
rgba(18,54,92,0) 0%,
rgba(18,54,92,.18) 1.5%,
rgba(18,54,92,.48) 4%,
rgba(202,154,55,.96) 16%,
rgba(255,235,176,.98) 50%,
rgba(202,154,55,.96) 84%,
rgba(18,54,92,.48) 96%,
rgba(18,54,92,.18) 98.5%,
rgba(18,54,92,0) 100%);
-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
box-shadow:0 10px 24px rgba(189,142,47,.24), 0 2px 6px rgba(18,54,92,.10);
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-group::before{
-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 11%, #000 89%, transparent 100%);
mask-image:linear-gradient(90deg, transparent 0%, #000 11%, #000 89%, transparent 100%);
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
position:relative;
overflow:hidden;
max-width:820px;
margin:0 auto 26px;
padding:19px 21px 18px;
border:2px solid rgba(190,142,47,.38);
border-radius:28px;
background:
linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.42)) padding-box,
radial-gradient(circle at 12% 0%, rgba(218,174,82,.22), transparent 34%),
radial-gradient(circle at 88% 8%, rgba(18,54,92,.15), transparent 36%),
linear-gradient(135deg, #fff8e8 0%, #f8fbff 52%, #ffffff 100%);
box-shadow:0 24px 58px rgba(8,24,43,.13), 0 10px 26px rgba(198,151,55,.09), inset 0 1px 0 rgba(255,255,255,.92);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control::before{
content:"";
position:absolute;
left:22px;
right:22px;
top:0;
height:6px;
border-radius:999px;
background:linear-gradient(90deg,
rgba(18,54,92,0) 0%,
rgba(18,54,92,.18) 1.5%,
rgba(18,54,92,.46) 4%,
rgba(202,154,55,.92) 17%,
rgba(255,235,176,.98) 50%,
rgba(202,154,55,.92) 83%,
rgba(18,54,92,.46) 96%,
rgba(18,54,92,.18) 98.5%,
rgba(18,54,92,0) 100%);
-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
box-shadow:0 10px 22px rgba(189,142,47,.22), 0 2px 6px rgba(18,54,92,.08);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control::after{
content:"";
position:absolute;
inset:12px;
border-radius:23px;
pointer-events:none;
border:1px solid rgba(255,255,255,.72);
box-shadow:inset 0 0 0 1px rgba(155,112,30,.05);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-label{
position:relative;
z-index:1;
display:block;
margin:2px 0 12px;
font-size:12px;
line-height:1.1;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
color:#8a6723;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-toggle{
position:relative;
z-index:1;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
padding:8px;
border:1px solid rgba(155,112,30,.18);
border-radius:22px;
background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,249,233,.82));
box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 12px 28px rgba(8,24,43,.07);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn{
min-height:44px;
padding:10px 16px;
border:1px solid rgba(155,112,30,.14);
border-radius:17px;
background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,253,255,.94));
color:#10233d;
font-size:14px;
font-weight:900;
letter-spacing:-.01em;
box-shadow:0 8px 18px rgba(8,24,43,.045), inset 0 1px 0 rgba(255,255,255,.88);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn:hover,
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn:focus{
transform:translateY(-1px);
border-color:rgba(190,142,47,.34);
box-shadow:0 12px 24px rgba(8,24,43,.08), 0 7px 18px rgba(198,151,55,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn.is-active{
color:#fff6d9;
border-color:rgba(255,241,194,.54);
background:
linear-gradient(145deg, #081a30 0%, #12395f 54%, #07182b 100%) padding-box,
linear-gradient(145deg, rgba(255,241,194,.98), rgba(193,139,32,.96), rgba(255,255,255,.36)) border-box;
box-shadow:0 18px 34px rgba(7,24,43,.24), 0 8px 18px rgba(192,142,47,.14), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -15px 28px rgba(0,0,0,.16);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
position:relative;
z-index:1;
margin:12px 0 0;
padding:10px 13px;
border:1px solid rgba(155,112,30,.13);
border-radius:16px;
background:linear-gradient(135deg, rgba(255,255,255,.64), rgba(244,248,253,.72));
color:#44556c;
font-size:13px;
line-height:1.48;
font-weight:650;
box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
max-width:100%;
margin:0 auto 20px;
padding:15px;
border-radius:24px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control::before{
left:15px;
right:15px;
height:6px;
-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 11%, #000 89%, transparent 100%);
mask-image:linear-gradient(90deg, transparent 0%, #000 11%, #000 89%, transparent 100%);
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control::after{
inset:9px;
border-radius:20px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-label{
margin:2px 0 10px;
font-size:11px;
letter-spacing:.1em;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-toggle{
gap:7px;
padding:7px;
border-radius:19px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-btn{
min-height:42px;
padding:9px 10px;
border-radius:15px;
font-size:13px;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
padding:9px 11px;
border-radius:14px;
font-size:12px;
}
}
@media (max-width: 420px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-toggle{
grid-template-columns:1fr;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span strong{
font-weight:900;
color:#10233d;
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
display:block;
width:100%;
max-width:none;
box-sizing:border-box;
text-align:center;
}
@media (min-width: 421px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
white-space:nowrap;
font-size:clamp(11px, 1.22vw, 13px);
letter-spacing:-.01em;
}
}
@media (max-width: 420px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
white-space:normal;
text-align:start;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
width:100%;
max-width:none;
box-sizing:border-box;
white-space:normal;
text-align:center;
text-wrap:balance;
margin-left:auto;
margin-right:auto;
}
@media (min-width: 421px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
white-space:normal;
font-size:13px;
line-height:1.55;
letter-spacing:0;
}
}
@media (max-width: 420px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
text-align:center;
line-height:1.5;
}
} @media (min-width: 769px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
width:min(100%, 1066px);
max-width:1066px;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-section-heading + .ecg-pr-rank-view-control{
margin-top:0;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control + .ecg-pr-ranking-globe{
margin-top:0;
} @media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
align-items:flex-start;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
flex:0 0 62px !important;
width:62px !important;
min-width:62px !important;
max-width:62px !important;
height:62px !important;
min-height:62px !important;
max-height:62px !important;
aspect-ratio:1 / 1;
box-sizing:border-box;
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
line-height:1;
padding:0;
overflow:hidden;
border-radius:19px;
white-space:nowrap;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge::after{
inset:7px;
border-radius:14px;
}
}
@media (max-width: 420px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
flex-basis:58px !important;
width:58px !important;
min-width:58px !important;
max-width:58px !important;
height:58px !important;
min-height:58px !important;
max-height:58px !important;
border-radius:18px;
font-size:20px;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item{
grid-template-columns:minmax(0,1fr) 38px!important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item > .ecg-country{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
overflow:visible!important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item > .ecg-mobile-toggle{
grid-column:2!important;
justify-self:end!important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item > .ecg-passport-shared-detail{
grid-column:1 / -1!important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-country-name-link{
display:block!important;
flex:1 1 auto!important;
min-width:0!important;
width:auto!important;
max-width:100%!important;
overflow:visible!important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-country-name{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
opacity:1!important;
visibility:visible!important;
color:inherit!important;
}
@media(max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item,
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item.ecg-open{
grid-template-columns:minmax(0,1fr) 27px!important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-country{
grid-column:1!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
overflow:visible!important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-country-name-link{
display:block!important;
flex:1 1 auto!important;
min-width:0!important;
max-width:100%!important;
overflow:visible!important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-country-name{
display:block!important;
-webkit-line-clamp:unset!important;
-webkit-box-orient:initial!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
max-height:none!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-items .ecg-passport-item .ecg-mobile-toggle{
grid-column:2!important;
justify-self:end!important;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
flex:0 0 55.2px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:55.2px !important;
min-width:55.2px !important;
max-width:55.2px !important;
height:55.2px !important;
min-height:55.2px !important;
max-height:55.2px !important;
box-sizing:border-box !important;
padding:0 !important;
border-radius:18.4px !important;
background:linear-gradient(135deg, #f8fbff 0%, #eef5ff 46%, #f7efe0 100%) !important;
color:#0f172a !important;
font-size:17.25px !important;
line-height:1 !important;
font-weight:900 !important;
letter-spacing:-0.02em !important;
border:1px solid rgba(15,23,42,0.08) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.86), 0 10px 22px rgba(11,16,32,0.08) !important;
text-shadow:none !important;
overflow:hidden !important;
white-space:nowrap !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge::after{
content:none !important;
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
flex-basis:55.2px !important;
width:55.2px !important;
min-width:55.2px !important;
max-width:55.2px !important;
height:55.2px !important;
min-height:55.2px !important;
max-height:55.2px !important;
border-radius:18.4px !important;
font-size:17.25px !important;
}
} @media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
display:grid !important;
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
width:100% !important;
gap:6px !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
text-align:center !important;
white-space:normal !important;
flex-wrap:wrap !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics b,
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics strong{
min-width:0 !important;
overflow-wrap:anywhere !important;
}
} .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-metrics{
display:none !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
margin-bottom:0 !important;
font-size:19px !important;
}
@media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
font-size:17px !important;
font-weight:950 !important;
}
} @media (max-width: 768px){
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head{
display:flex !important;
align-items:center !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-copy{
display:flex !important;
align-self:stretch !important;
align-items:center !important;
min-width:0 !important;
}
.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title{
display:block !important;
margin:0 !important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list .ecg-passport-item > .ecg-rank{
font-size:17px !important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
font-size:33px !important;
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-list .ecg-passport-item > .ecg-rank{
font-size:17px !important;
}
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-badge{
font-size:19.25px !important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head > .ecg-pr-global-rank-badge.ecg-rank{
font-size:18.25px !important;
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-head > .ecg-pr-global-rank-badge.ecg-rank{
font-size:18.25px !important;
}
} .ecg-passport-subtitle,
.ecg-passport-hero .ecg-passport-subtitle,
.ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle {
font-weight: 500 !important;
} @media (min-width: 769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
width:min(100%, 760px)!important;
max-width:760px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
@media (max-width: 768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
width:100%!important;
max-width:100%!important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-label{
font-size:14.4px!important;
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-label{
font-size:13.2px!important;
}
} @media (max-width: 768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) #ecgIndexSubtitle.ecg-passport-subtitle{
margin-bottom:3px!important;
}
}
@media (max-width: 430px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) #ecgIndexSubtitle.ecg-passport-subtitle{
margin-bottom:2px!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control[data-pr-rank-mode="global"] .ecg-pr-rank-view-help{
width:min(100%, 335px)!important;
max-width:335px!important;
margin-left:auto!important;
margin-right:auto!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
width:min(100%, 760px)!important;
max-width:760px!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-help{
width:min(100%, 335px)!important;
max-width:335px!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control{
box-sizing:border-box!important;
}
@media (min-width:769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
display:block!important;
inline-size:760px!important;
width:760px!important;
min-inline-size:760px!important;
min-width:760px!important;
max-inline-size:760px!important;
max-width:760px!important;
flex:0 0 760px!important;
flex-basis:760px!important;
justify-self:center!important;
align-self:center!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
white-space:normal!important;
text-align:center!important;
text-wrap:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
display:block!important;
inline-size:min(335px, calc(100vw - 48px))!important;
width:min(335px, calc(100vw - 48px))!important;
min-inline-size:min(335px, calc(100vw - 48px))!important;
min-width:min(335px, calc(100vw - 48px))!important;
max-inline-size:min(335px, calc(100vw - 48px))!important;
max-width:min(335px, calc(100vw - 48px))!important;
flex:0 0 min(335px, calc(100vw - 48px))!important;
flex-basis:min(335px, calc(100vw - 48px))!important;
justify-self:center!important;
align-self:center!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
white-space:normal!important;
text-align:center!important;
text-wrap:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
} @media (min-width:769px){
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form){
gap:4px!important;
row-gap:4px!important;
column-gap:4px!important;
}
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) > .ecg-compare-swap-wrap{
margin:0!important;
}
}
@media (max-width:768px){
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form){
gap:3px!important;
row-gap:3px!important;
column-gap:3px!important;
}
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) > .ecg-compare-swap-wrap{
margin:0!important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
display:block!important;
box-sizing:border-box!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
text-wrap:normal!important;
text-align:center!important;
text-align-last:auto!important;
text-justify:auto!important;
hyphens:manual!important;
}
@media (min-width:769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
inline-size:760px!important;
width:760px!important;
min-inline-size:760px!important;
min-width:760px!important;
max-inline-size:760px!important;
max-width:760px!important;
flex:0 0 760px!important;
flex-basis:760px!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
inline-size:min(335px, calc(100vw - 48px))!important;
width:min(335px, calc(100vw - 48px))!important;
min-inline-size:min(335px, calc(100vw - 48px))!important;
min-width:min(335px, calc(100vw - 48px))!important;
max-inline-size:min(335px, calc(100vw - 48px))!important;
max-width:min(335px, calc(100vw - 48px))!important;
flex:0 0 min(335px, calc(100vw - 48px))!important;
flex-basis:min(335px, calc(100vw - 48px))!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
white-space:normal!important;
text-align:center!important;
text-align-last:auto!important;
text-justify:auto!important;
text-wrap:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:manual!important;
}
@media (min-width:769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
inline-size:760px!important;
width:760px!important;
min-inline-size:760px!important;
min-width:760px!important;
max-inline-size:760px!important;
max-width:760px!important;
block-size:104px!important;
height:104px!important;
min-block-size:104px!important;
min-height:104px!important;
max-block-size:104px!important;
max-height:104px!important;
flex:0 0 auto!important;
flex-basis:auto!important;
padding-top:10px!important;
padding-bottom:10px!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
line-height:1.48!important;
}
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
inline-size:min(335px, calc(100vw - 48px))!important;
width:min(335px, calc(100vw - 48px))!important;
min-inline-size:min(335px, calc(100vw - 48px))!important;
min-width:min(335px, calc(100vw - 48px))!important;
max-inline-size:min(335px, calc(100vw - 48px))!important;
max-width:min(335px, calc(100vw - 48px))!important;
block-size:136px!important;
height:136px!important;
min-block-size:136px!important;
min-height:136px!important;
max-block-size:136px!important;
max-height:136px!important;
flex:0 0 auto!important;
flex-basis:auto!important;
padding-top:9px!important;
padding-bottom:9px!important;
margin-inline:auto!important;
margin-left:auto!important;
margin-right:auto!important;
line-height:1.5!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
height:101px!important;
min-height:101px!important;
max-height:101px!important;
}
}
@media (max-width:768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html[dir="rtl"] body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help,
html body [dir="rtl"] .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-rank-view-control .ecg-pr-rank-view-help{
height:133px!important;
min-height:133px!important;
max-height:133px!important;
}
} html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal{
padding-top:10px!important;
padding-bottom:18px!important;
align-items:flex-start!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel{
max-height:calc(100dvh - 28px)!important;
}
@media (max-width:768px){
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal{
padding-top:6px!important;
padding-bottom:8px!important;
padding-left:5px!important;
padding-right:5px!important;
align-items:flex-start!important;
justify-content:center!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel{
max-height:calc(100dvh - 14px)!important;
}
}
@supports not (height:100dvh){
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel{
max-height:calc(100vh - 28px)!important;
}
@media (max-width:768px){
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel{
max-height:calc(100vh - 14px)!important;
}
}
} html body .ecg-pr-country-report-modal .ecg-pr-country-report-section h2{
background:linear-gradient(180deg,#eef4ff,#e7effc)!important;
border-color:rgba(20,60,117,.18)!important;
}
html body .ecg-pr-country-report-modal .ecg-pr-country-report-section h2::before{
background:linear-gradient(180deg,#143c75,#2f67a8)!important;
box-shadow:0 0 0 4px rgba(20,60,117,.13)!important;
}
@media (max-width:768px){
html body .ecg-pr-country-report-modal .ecg-pr-country-report-actions.ecg-pr-country-report-actions--mobile{
transform:translateY(-5px)!important;
}
} @media (min-width:769px){
html body.ecg-pr-country-page .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading,
html body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading{
font-size:clamp(20.4px,2.35875vw,36.975px)!important;
}
}
@media (max-width:768px){
html body.ecg-pr-country-page .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading,
html body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-heading{
font-size:clamp(18.7px,5.27vw,27.2px)!important;
}
} @media (min-width:769px){
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel{
scrollbar-width:thin!important;
scrollbar-color:rgba(206,160,72,.72) rgba(20,60,117,.06)!important;
scrollbar-gutter:stable!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar{
width:10px!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-track,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-track{
background:rgba(20,60,117,.045)!important;
border-radius:999px!important;
margin:14px 0!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-thumb,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,rgba(230,196,108,.95),rgba(206,160,72,.95))!important;
border:2px solid rgba(255,255,255,.88)!important;
border-radius:999px!important;
min-height:54px!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-thumb:hover,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-thumb:hover{
background:linear-gradient(180deg,rgba(238,206,127,.98),rgba(190,139,46,.98))!important;
}
html body > .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-button,
html body .ecg-pr-country-modal.ecg-pr-country-report-modal.ecg-pr-country-report-modal .ecg-pr-country-report-panel::-webkit-scrollbar-button{
width:0!important;
height:0!important;
display:none!important;
}
}
@media (max-width:768px){
html body .ecg-pr-country-report-modal .ecg-pr-country-report-actions.ecg-pr-country-report-actions--mobile{
transform:translateY(-10px)!important;
}
} @media (max-width: 768px) {
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-shared-detail {
transition: max-height 0.14s ease, opacity 0.10s ease, transform 0.10s ease, visibility 0.10s ease !important;
will-change: max-height, opacity, transform;
}
} html body .ecg-pr-sharebar{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
width:100%!important;
max-width:960px!important;
margin:10px auto 24px!important;
padding:0 10px!important;
box-sizing:border-box!important;
direction:ltr!important;
}
html body .ecg-pr-sharebar--report{
justify-content:flex-start!important;
max-width:820px!important;
margin:13px 0 0!important;
padding:0!important;
}
html body .ecg-pr-sharebar-main,
html body .ecg-pr-sharebar-button{
appearance:none!important;
-webkit-appearance:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
border:0!important;
text-decoration:none!important;
box-sizing:border-box!important;
cursor:pointer!important;
transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
html body .ecg-pr-sharebar-main{
min-width:138px!important;
height:54px!important;
border-radius:3px!important;
border:1px solid rgba(20,60,117,.12)!important;
background:#fff!important;
color:#333842!important;
box-shadow:0 8px 22px rgba(16,24,40,.06)!important;
overflow:visible!important;
}
html body .ecg-pr-sharebar-main-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:54px!important;
height:100%!important;
border-right:1px solid rgba(20,60,117,.10)!important;
color:#333842!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-main-icon,
html body [dir="rtl"] .ecg-pr-sharebar-main-icon{
border-right:0!important;
border-left:1px solid rgba(20,60,117,.10)!important;
}
html body .ecg-pr-sharebar-main-text{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:84px!important;
height:100%!important;
padding:0 15px!important;
font-size:15px!important;
line-height:1!important;
font-weight:850!important;
letter-spacing:.01em!important;
white-space:nowrap!important;
color:#333842!important;
}
html body .ecg-pr-sharebar-button{
width:54px!important;
height:54px!important;
min-width:54px!important;
min-height:54px!important;
border-radius:50%!important;
color:#fff!important;
box-shadow:0 12px 24px rgba(16,24,40,.10)!important;
}
html body .ecg-pr-sharebar svg{
display:block!important;
width:22px!important;
height:22px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.15!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
pointer-events:none!important;
}
html body .ecg-pr-sharebar-button--facebook svg,
html body .ecg-pr-sharebar-button--linkedin svg{fill:currentColor!important;stroke:none!important;}
html body .ecg-pr-sharebar-button--whatsapp{background:#7fbd68!important;}
html body .ecg-pr-sharebar-button--x{background:#000!important;}
html body .ecg-pr-sharebar-button--facebook{background:#5c73ae!important;}
html body .ecg-pr-sharebar-button--linkedin{background:#356fa7!important;}
html body .ecg-pr-sharebar-button--telegram{background:#5da1df!important;}
html body .ecg-pr-sharebar-button--reddit{background:#df4e25!important;}
html body .ecg-pr-sharebar-button--email{background:#050505!important;}
html body .ecg-pr-sharebar-button--print{background:#343434!important;}
html body .ecg-pr-sharebar-button--link{background:#050505!important;}
html body .ecg-pr-sharebar-main:hover,
html body .ecg-pr-sharebar-button:hover{
transform:translateY(-1px)!important;
filter:brightness(1.02)!important;
}
html body .ecg-pr-sharebar-button.is-copied,
html body .ecg-pr-sharebar-main.is-copied{
box-shadow:0 0 0 4px rgba(20,60,117,.14),0 12px 24px rgba(16,24,40,.10)!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
position:relative!important;
z-index:2!important;
}
@media(max-width:768px){
html body .ecg-pr-sharebar{
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:8px!important;
max-width:100%!important;
margin:8px auto 20px!important;
padding:0 12px 6px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
html body .ecg-pr-sharebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
html body .ecg-pr-sharebar--report{
margin:10px 0 0!important;
padding:0 4px 5px 0!important;
max-width:calc(100dvw - 112px)!important;
}
html[dir="rtl"] body .ecg-pr-sharebar--report,
html body [dir="rtl"] .ecg-pr-sharebar--report{padding:0 0 5px 4px!important;}
html body .ecg-pr-sharebar-main{
min-width:112px!important;
height:42px!important;
border-radius:3px!important;
}
html body .ecg-pr-sharebar-main-icon{width:42px!important;}
html body .ecg-pr-sharebar-main-text{
min-width:70px!important;
padding:0 11px!important;
font-size:13px!important;
font-weight:850!important;
}
html body .ecg-pr-sharebar-button{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
}
html body .ecg-pr-sharebar svg{width:19px!important;height:19px!important;stroke-width:2.1!important;}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{max-width:calc(100dvw - 116px)!important;}
}
@media(max-width:430px){
html body .ecg-pr-sharebar{gap:7px!important;padding-left:8px!important;padding-right:8px!important;}
html body .ecg-pr-sharebar--report{max-width:calc(100dvw - 104px)!important;}
html body .ecg-pr-sharebar-main{min-width:104px!important;}
html body .ecg-pr-sharebar-main-text{min-width:62px!important;padding:0 9px!important;font-size:12.5px!important;}
html body .ecg-pr-sharebar-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
} html body .ecg-pr-sharebar{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
width:100%!important;
max-width:980px!important;
margin:12px auto 26px!important;
padding:0 10px!important;
box-sizing:border-box!important;
direction:ltr!important;
overflow:visible!important;
}
html body .ecg-pr-sharebar--report{
justify-content:flex-start!important;
max-width:760px!important;
margin:14px 0 0!important;
padding:0!important;
}
html body .ecg-pr-sharebar-menu{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
flex:0 1 auto!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
html body .ecg-pr-sharebar-main,
html body .ecg-pr-sharebar-button{
appearance:none!important;
-webkit-appearance:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
margin:0!important;
text-decoration:none!important;
box-sizing:border-box!important;
cursor:pointer!important;
transform:translateZ(0);
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, filter .16s ease!important;
}
html body .ecg-pr-sharebar-main{
min-width:136px!important;
height:50px!important;
padding:0 17px 0 8px!important;
gap:11px!important;
border:1px solid rgba(20,60,117,.18)!important;
border-radius:999px!important;
background:linear-gradient(145deg,#ffffff 0%,#f6f9ff 58%,#edf4ff 100%)!important;
color:#172033!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(20,60,117,.10)!important;
overflow:hidden!important;
}
html body .ecg-pr-sharebar-main-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
border-radius:999px!important;
background:linear-gradient(145deg,#203f79 0%,#315b9e 100%)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.34)!important;
box-shadow:0 8px 18px rgba(20,60,117,.22)!important;
}
html body .ecg-pr-sharebar-main-text{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:auto!important;
padding:0!important;
color:#172033!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.01em!important;
white-space:nowrap!important;
}
html body .ecg-pr-sharebar-button{
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
padding:0!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.42)!important;
color:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px rgba(15,23,42,.13)!important;
overflow:hidden!important;
}
html body .ecg-pr-sharebar-main:hover,
html body .ecg-pr-sharebar-main:focus-visible,
html body .ecg-pr-sharebar-button:hover,
html body .ecg-pr-sharebar-button:focus-visible{
transform:translateY(-1px)!important;
filter:saturate(1.03)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 30px rgba(20,60,117,.15)!important;
outline:none!important;
}
html body .ecg-pr-sharebar svg{
display:block!important;
width:20px!important;
height:20px!important;
stroke:currentColor!important;
fill:none!important;
stroke-width:2.15!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
html body .ecg-pr-sharebar-button--facebook svg,
html body .ecg-pr-sharebar-button--linkedin svg{fill:currentColor!important;stroke:none!important;}
html body .ecg-pr-sharebar-button--whatsapp{background:linear-gradient(145deg,#2bd46f 0%,#159447 100%)!important;}
html body .ecg-pr-sharebar-button--x{background:linear-gradient(145deg,#171717 0%,#000 100%)!important;}
html body .ecg-pr-sharebar-button--facebook{background:linear-gradient(145deg,#2f83f4 0%,#1859b7 100%)!important;}
html body .ecg-pr-sharebar-button--linkedin{background:linear-gradient(145deg,#1479bd 0%,#075a96 100%)!important;}
html body .ecg-pr-sharebar-button--telegram{background:linear-gradient(145deg,#36aee9 0%,#1d86c5 100%)!important;}
html body .ecg-pr-sharebar-button--reddit{background:linear-gradient(145deg,#ff6a34 0%,#d63d13 100%)!important;}
html body .ecg-pr-sharebar-button--email{background:linear-gradient(145deg,#1d2939 0%,#070b12 100%)!important;}
html body .ecg-pr-sharebar-button--print{background:linear-gradient(145deg,#4b5563 0%,#222833 100%)!important;}
html body .ecg-pr-sharebar-button--link{background:linear-gradient(145deg,#111827 0%,#020617 100%)!important;}
html body .ecg-pr-sharebar-label{display:none!important;}
html body .ecg-pr-sharebar-button.is-copied,
html body .ecg-pr-sharebar-main.is-copied{box-shadow:0 0 0 4px rgba(49,91,158,.16),0 14px 26px rgba(20,60,117,.16)!important;}
html body .ecg-pr-country-report-actions .ecg-pr-country-report-print{display:none!important;}
@media (max-width:768px){
html body .ecg-pr-sharebar,
html body .ecg-pr-sharebar--report{
position:relative!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
width:100%!important;
max-width:min(320px, calc(100dvw - 44px))!important;
gap:8px!important;
margin:10px 0 18px!important;
padding:0!important;
overflow:visible!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country{
margin-left:auto!important;
margin-right:auto!important;
align-items:center!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
max-width:min(300px, calc(100dvw - 116px))!important;
margin-top:10px!important;
margin-bottom:0!important;
}
html body .ecg-pr-sharebar-main{
min-width:146px!important;
height:46px!important;
padding:0 15px 0 7px!important;
gap:10px!important;
border-radius:999px!important;
}
html body .ecg-pr-sharebar-main-icon{width:34px!important;height:34px!important;min-width:34px!important;}
html body .ecg-pr-sharebar-main-text{font-size:14px!important;}
html body .ecg-pr-sharebar-menu{
display:none!important;
width:100%!important;
max-width:100%!important;
grid-template-columns:1fr!important;
gap:7px!important;
margin:0!important;
padding:10px!important;
border:1px solid rgba(20,60,117,.13)!important;
border-radius:22px!important;
background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(246,249,255,.98) 100%)!important;
box-shadow:0 16px 34px rgba(15,23,42,.13)!important;
box-sizing:border-box!important;
}
html body .ecg-pr-sharebar.is-open .ecg-pr-sharebar-menu{display:grid!important;}
html body .ecg-pr-sharebar-button{
width:100%!important;
height:44px!important;
min-width:0!important;
min-height:44px!important;
justify-content:flex-start!important;
gap:11px!important;
padding:0 12px!important;
border-radius:15px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px rgba(15,23,42,.08)!important;
}
html body .ecg-pr-sharebar-button svg{
width:19px!important;
height:19px!important;
flex:0 0 auto!important;
}
html body .ecg-pr-sharebar-label{
display:inline-flex!important;
align-items:center!important;
color:#fff!important;
font-size:13px!important;
font-weight:850!important;
letter-spacing:.01em!important;
line-height:1!important;
white-space:nowrap!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button,
html body [dir="rtl"] .ecg-pr-sharebar-button{justify-content:flex-end!important;text-align:right!important;}
}
@media (max-width:430px){
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{max-width:min(286px, calc(100dvw - 104px))!important;}
html body .ecg-pr-sharebar-main{min-width:134px!important;height:44px!important;}
}
@media print{
body.ecg-pr-country-report-printing .ecg-pr-sharebar{display:none!important;}
} html body .ecg-pr-sharebar{
gap:10px!important;
}
html body .ecg-pr-sharebar-menu{
gap:9px!important;
}
html body .ecg-pr-sharebar-main{
border-radius:18px!important;
border:1px solid rgba(38,73,128,.16)!important;
background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
box-shadow:0 9px 22px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html body .ecg-pr-sharebar-main-icon{
background:linear-gradient(145deg,#eef4ff 0%,#dce9ff 100%)!important;
color:#2f5597!important;
border:1px solid rgba(47,85,151,.16)!important;
box-shadow:none!important;
}
html body .ecg-pr-sharebar-button{
--pr-share-brand:#2f5597;
--pr-share-tint:rgba(47,85,151,.10);
position:relative!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
border-radius:17px!important;
border:1px solid rgba(15,23,42,.10)!important;
background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
color:var(--pr-share-brand)!important;
box-shadow:0 8px 20px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.98)!important;
filter:none!important;
}
html body .ecg-pr-sharebar-button::before{
content:""!important;
position:absolute!important;
inset:6px!important;
border-radius:13px!important;
background:var(--pr-share-tint)!important;
opacity:.92!important;
pointer-events:none!important;
}
html body .ecg-pr-sharebar-button svg{
position:relative!important;
z-index:1!important;
width:21px!important;
height:21px!important;
color:var(--pr-share-brand)!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--fill{
fill:currentColor!important;
stroke:none!important;
}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--line{
fill:none!important;
stroke:currentColor!important;
}
html body .ecg-pr-sharebar-button--whatsapp{--pr-share-brand:#25D366!important;--pr-share-tint:rgba(37,211,102,.12)!important;}
html body .ecg-pr-sharebar-button--x{--pr-share-brand:#111111!important;--pr-share-tint:rgba(17,17,17,.08)!important;}
html body .ecg-pr-sharebar-button--facebook{--pr-share-brand:#1877F2!important;--pr-share-tint:rgba(24,119,242,.11)!important;}
html body .ecg-pr-sharebar-button--linkedin{--pr-share-brand:#0A66C2!important;--pr-share-tint:rgba(10,102,194,.11)!important;}
html body .ecg-pr-sharebar-button--telegram{--pr-share-brand:#26A5E4!important;--pr-share-tint:rgba(38,165,228,.12)!important;}
html body .ecg-pr-sharebar-button--reddit{--pr-share-brand:#FF4500!important;--pr-share-tint:rgba(255,69,0,.12)!important;}
html body .ecg-pr-sharebar-button--email{--pr-share-brand:#1F2937!important;--pr-share-tint:rgba(31,41,55,.08)!important;}
html body .ecg-pr-sharebar-button--print{--pr-share-brand:#374151!important;--pr-share-tint:rgba(55,65,81,.09)!important;}
html body .ecg-pr-sharebar-button--link{--pr-share-brand:#0F172A!important;--pr-share-tint:rgba(15,23,42,.08)!important;}
html body .ecg-pr-sharebar-main:hover,
html body .ecg-pr-sharebar-main:focus-visible,
html body .ecg-pr-sharebar-button:hover,
html body .ecg-pr-sharebar-button:focus-visible{
transform:translateY(-1px)!important;
box-shadow:0 12px 26px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.98)!important;
border-color:rgba(47,85,151,.18)!important;
filter:none!important;
}
@media (max-width:768px){
html body .ecg-pr-sharebar,
html body .ecg-pr-sharebar--report{
max-width:min(324px, calc(100dvw - 44px))!important;
}
html body .ecg-pr-sharebar-main{
border-radius:18px!important;
box-shadow:0 8px 20px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html body .ecg-pr-sharebar-menu{
gap:6px!important;
padding:8px!important;
border-radius:24px!important;
border:1px solid rgba(38,73,128,.12)!important;
background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.98) 100%)!important;
box-shadow:0 18px 36px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html body .ecg-pr-sharebar-button{
width:100%!important;
height:46px!important;
min-height:46px!important;
border-radius:18px!important;
justify-content:flex-start!important;
gap:12px!important;
padding:0 13px!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
color:#172033!important;
border:1px solid rgba(15,23,42,.075)!important;
box-shadow:0 4px 12px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html body .ecg-pr-sharebar-button::before{
inset:auto!important;
left:8px!important;
top:50%!important;
width:32px!important;
height:32px!important;
transform:translateY(-50%)!important;
border-radius:13px!important;
background:var(--pr-share-tint)!important;
}
html body .ecg-pr-sharebar-button svg{
width:19px!important;
height:19px!important;
margin-left:7px!important;
margin-right:7px!important;
flex:0 0 19px!important;
color:var(--pr-share-brand)!important;
}
html body .ecg-pr-sharebar-label{
color:#172033!important;
font-size:13.5px!important;
font-weight:850!important;
letter-spacing:.005em!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button,
html body [dir="rtl"] .ecg-pr-sharebar-button{
justify-content:flex-end!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button::before,
html body [dir="rtl"] .ecg-pr-sharebar-button::before{
left:auto!important;
right:8px!important;
}
}
@media (max-width:430px){
html body .ecg-pr-sharebar-button{height:45px!important;min-height:45px!important;}
} html body .ecg-pr-sharebar-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
place-items:center!important;
overflow:hidden!important;
background:linear-gradient(180deg,#f3f7fc 0%,#e9f0f8 100%)!important;
border-color:rgba(28,54,92,.15)!important;
box-shadow:0 8px 18px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html body .ecg-pr-sharebar-button::before{
inset:5px!important;
border-radius:12px!important;
background:linear-gradient(180deg,var(--pr-share-tint) 0%,rgba(255,255,255,.18) 100%)!important;
opacity:1!important;
}
html body .ecg-pr-sharebar-button svg{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
display:block!important;
width:20px!important;
height:20px!important;
margin:0!important;
transform:none!important;
flex:0 0 auto!important;
align-self:center!important;
justify-self:center!important;
z-index:2!important;
shape-rendering:geometricPrecision!important;
text-rendering:geometricPrecision!important;
}
html body .ecg-pr-sharebar-button:hover,
html body .ecg-pr-sharebar-button:focus-visible{
background:linear-gradient(180deg,#f7faff 0%,#edf3fb 100%)!important;
border-color:rgba(47,85,151,.22)!important;
}
@media (max-width:768px){
html body .ecg-pr-sharebar-menu{
background:linear-gradient(180deg,#f5f8fd 0%,#eaf1f9 100%)!important;
border-color:rgba(32,64,110,.14)!important;
box-shadow:0 18px 34px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.78)!important;
}
html body .ecg-pr-sharebar-button{
display:grid!important;
grid-template-columns:38px minmax(0,1fr)!important;
grid-template-rows:1fr!important;
align-items:center!important;
justify-items:stretch!important;
justify-content:normal!important;
column-gap:11px!important;
padding:0 12px!important;
background:linear-gradient(180deg,#f3f7fc 0%,#eaf1f8 100%)!important;
border-color:rgba(20,45,78,.12)!important;
}
html body .ecg-pr-sharebar-button::before{
left:10px!important;
right:auto!important;
top:50%!important;
width:32px!important;
height:32px!important;
inset:auto!important;
transform:translateY(-50%)!important;
border-radius:13px!important;
background:var(--pr-share-tint)!important;
}
html body .ecg-pr-sharebar-button svg{
grid-column:1!important;
grid-row:1!important;
width:19px!important;
height:19px!important;
margin:0!important;
align-self:center!important;
justify-self:center!important;
place-self:center!important;
}
html body .ecg-pr-sharebar-label{
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
justify-self:start!important;
align-self:center!important;
text-align:left!important;
line-height:1.12!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button,
html body [dir="rtl"] .ecg-pr-sharebar-button{
grid-template-columns:minmax(0,1fr) 38px!important;
direction:rtl!important;
text-align:right!important;
justify-content:normal!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button::before,
html body [dir="rtl"] .ecg-pr-sharebar-button::before{
left:auto!important;
right:10px!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button svg,
html body [dir="rtl"] .ecg-pr-sharebar-button svg{
grid-column:2!important;
margin:0!important;
justify-self:center!important;
align-self:center!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-label,
html body [dir="rtl"] .ecg-pr-sharebar-label{
grid-column:1!important;
justify-self:end!important;
text-align:right!important;
direction:rtl!important;
padding-left:0!important;
padding-right:2px!important;
}
html body .ecg-pr-country-report-panel .ecg-pr-country-modal-title.ecg-pr-country-report-title{
position:relative!important;
top:-15px!important;
margin-bottom:-15px!important;
}
} html body .ecg-pr-sharebar-button--link{display:none!important;}
html body .ecg-pr-sharebar-button--whatsapp svg{
width:22px!important;
height:22px!important;
}
html body .ecg-pr-sharebar-button--linkedin svg{
width:22px!important;
height:22px!important;
}
html body .ecg-pr-sharebar-button::before{
inset:4px!important;
border-radius:14px!important;
opacity:1!important;
}
@media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country{
margin-top:5px!important;
margin-bottom:16px!important;
}
html body .ecg-pr-sharebar,
html body .ecg-pr-sharebar--report{
align-items:center!important;
max-width:min(156px, calc(100dvw - 44px))!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
max-width:min(156px, calc(100dvw - 116px))!important;
}
html body .ecg-pr-sharebar-menu{
display:none!important;
width:auto!important;
min-width:96px!important;
max-width:96px!important;
grid-template-columns:1fr!important;
justify-items:center!important;
gap:8px!important;
padding:8px!important;
border-radius:22px!important;
}
html body .ecg-pr-sharebar.is-open .ecg-pr-sharebar-menu{display:grid!important;}
html body .ecg-pr-sharebar-button{
display:flex!important;
width:96px!important;
height:52px!important;
min-width:96px!important;
min-height:52px!important;
padding:0!important;
justify-content:center!important;
align-items:center!important;
border-radius:18px!important;
gap:0!important;
}
html body .ecg-pr-sharebar-button::before{
inset:6px!important;
left:auto!important;
right:auto!important;
top:auto!important;
width:auto!important;
height:auto!important;
transform:none!important;
border-radius:14px!important;
}
html body .ecg-pr-sharebar-button svg{
grid-column:auto!important;
width:20px!important;
height:20px!important;
margin:0!important;
place-self:center!important;
justify-self:center!important;
align-self:center!important;
}
html body .ecg-pr-sharebar-label{display:none!important;}
html[dir="rtl"] body .ecg-pr-sharebar-button,
html body [dir="rtl"] .ecg-pr-sharebar-button{
grid-template-columns:none!important;
direction:ltr!important;
}
html[dir="rtl"] body .ecg-pr-sharebar-button svg,
html body [dir="rtl"] .ecg-pr-sharebar-button svg{
grid-column:auto!important;
}
html body .ecg-pr-country-report-panel .ecg-pr-country-modal-title.ecg-pr-country-report-title{
top:-45px!important;
margin-bottom:-45px!important;
}
} html body .ecg-pr-sharebar-button--whatsapp svg{
width:23px!important;
height:23px!important;
}
@media (max-width:768px){
html body .ecg-pr-sharebar,
html body .ecg-pr-sharebar--report{
max-width:min(304px, calc(100dvw - 24px))!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
max-width:min(304px, calc(100dvw - 24px))!important;
}
html body .ecg-pr-sharebar-menu{
width:100%!important;
min-width:0!important;
max-width:100%!important;
grid-template-columns:repeat(4, minmax(0, 1fr))!important;
justify-items:center!important;
gap:8px!important;
padding:8px!important;
box-sizing:border-box!important;
}
html body .ecg-pr-sharebar-button{
width:64px!important;
height:52px!important;
min-width:64px!important;
min-height:52px!important;
}
html body .ecg-pr-sharebar-button::before{
inset:6px!important;
border-radius:14px!important;
}
html body .ecg-pr-sharebar-button svg{
width:20px!important;
height:20px!important;
}
html body .ecg-pr-country-report-panel .ecg-pr-country-modal-title.ecg-pr-country-report-title{
top:-55px!important;
margin-bottom:-55px!important;
}
}
@media (max-width:360px){
html body .ecg-pr-sharebar,
html body .ecg-pr-sharebar--report,
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
max-width:min(288px, calc(100dvw - 20px))!important;
}
html body .ecg-pr-sharebar-menu{gap:6px!important;padding:7px!important;}
html body .ecg-pr-sharebar-button{width:60px!important;min-width:60px!important;}
} html body .ecg-pr-sharebar-button--whatsapp{
color:#67C15E!important;
}
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official{
width:24px!important;
height:24px!important;
display:block!important;
fill:initial!important;
stroke:none!important;
color:initial!important;
transform:none!important;
}
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official *,
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official path{
stroke:none!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box.ecg-search-open{
overflow:hidden!important;
border-radius:18px!important;
background:linear-gradient(90deg,rgba(255,241,202,.98) 0%,rgba(255,248,231,.98) 13%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.94) 100%)!important;
background-clip:padding-box!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 28px rgba(0,0,0,.14)!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box::before,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box::after{
content:none!important;
display:none!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-input:-webkit-autofill{
background:transparent!important;
-webkit-box-shadow:0 0 0 1000px transparent inset!important;
box-shadow:0 0 0 1000px transparent inset!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
align-items:flex-start!important;
justify-content:flex-start!important;
margin:12px auto 0 0!important;
padding:0!important;
text-align:left!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main{
margin-left:0!important;
margin-right:auto!important;
}
@media(max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search .ecg-passport-search-box.ecg-search-open{
border-radius:16px!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
margin:10px auto 0 0!important;
align-items:flex-start!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
position:relative!important;
top:-10px!important;
margin-bottom:-10px!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-main{
transform:translateY(-12px)!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country{
margin-bottom:4px!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
position:relative!important;
top:-10px!important;
margin-bottom:-40px!important;
}
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main{
transform:translateY(10px)!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:hover,
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:focus-visible{
transform:translateY(9px)!important;
}
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official{
width:20.4px!important;
height:20.4px!important;
}
@media (max-width:768px){
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official{
width:19.55px!important;
height:19.55px!important;
}
} html body .ecg-pr-sharebar-button--whatsapp{
position:relative!important;
}
html body .ecg-pr-sharebar-button--whatsapp::before{
inset:auto!important;
width:40px!important;
height:40px!important;
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
transform:translate(-50%,-50%)!important;
border-radius:14px!important;
}
html body .ecg-pr-sharebar-button--whatsapp svg.ecg-pr-share-icon--whatsapp-official{
margin:auto!important;
align-self:center!important;
justify-self:center!important;
place-self:center!important;
position:relative!important;
z-index:1!important;
}
@media (max-width:768px){
html body .ecg-pr-sharebar-button--whatsapp::before{
width:38px!important;
height:38px!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
position:relative!important;
top:-10px!important;
margin-bottom:-70px!important;
}
} html body .ecg-pr-sharebar-button{
isolation:isolate!important;
}
html body .ecg-pr-sharebar-button::before{
inset:0!important;
left:0!important;
right:0!important;
top:0!important;
bottom:0!important;
width:auto!important;
height:auto!important;
transform:none!important;
border-radius:inherit!important;
background:linear-gradient(180deg,var(--pr-share-tint) 0%,rgba(255,255,255,.20) 100%)!important;
opacity:1!important;
z-index:0!important;
}
html body .ecg-pr-sharebar-button svg,
html body .ecg-pr-sharebar-button .ecg-pr-sharebar-label{
position:relative!important;
z-index:2!important;
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
transform:none!important;
margin-top:8px!important;
margin-bottom:-30px!important;
position:relative!important;
z-index:2!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
margin:18px 0 0!important;
padding:0!important;
text-align:left!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main{
transform:none!important;
margin:0!important;
align-self:center!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:hover,
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:focus-visible{
transform:translateY(-1px)!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-menu{
align-items:center!important;
margin:0!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search{
position:relative!important;
z-index:6!important;
margin-bottom:42px!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
transform:none!important;
translate:none!important;
margin-top:0!important;
margin-bottom:18px!important;
position:relative!important;
z-index:3!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-profile-search + .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger + .ecg-pr-country-profile-search{
margin-top:0!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
width:100%!important;
max-width:980px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:14px!important;
margin:26px auto 22px!important;
padding:0!important;
clear:both!important;
position:relative!important;
z-index:2!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main{
transform:none!important;
margin:0!important;
align-self:center!important;
position:relative!important;
top:auto!important;
bottom:auto!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:hover,
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main:focus-visible{
transform:translateY(-1px)!important;
}
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-menu{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
margin:0!important;
padding:0!important;
}
}
@media (max-width:768px){
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report .ecg-pr-sharebar-main{
top:auto!important;
bottom:auto!important;
}
} html body .ecg-pr-country-report-section:first-of-type{
margin-top:-20px!important;
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger{
margin-top:18px!important;
margin-bottom:18px!important;
position:relative!important;
top:-10px!important;
bottom:auto!important;
z-index:2!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-report-modal + .ecg-pr-country-profile-search.ecg-passport-search-wrap,
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger + .ecg-pr-country-profile-search.ecg-passport-search-wrap{
margin-top:0!important;
margin-bottom:28px!important;
position:relative!important;
z-index:3!important;
}
} @media (min-width:769px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:-10px!important;
}
} html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:-10px!important;
} @keyframes ecgPrCountryReportShakeCompat{
0%,100%{translate:0 0;rotate:0deg;}
10%{translate:-4px 0;rotate:-.7deg;}
20%{translate:4px 0;rotate:.7deg;}
30%{translate:-4px 0;rotate:-.7deg;}
40%{translate:4px 0;rotate:.7deg;}
50%{translate:-3px 0;rotate:-.55deg;}
60%{translate:3px 0;rotate:.55deg;}
70%{translate:-2px 0;rotate:-.4deg;}
80%{translate:2px 0;rotate:.4deg;}
90%{translate:-1px 0;rotate:-.2deg;}
}
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active,
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger.ecg-pr-report-cue-active[data-pr-country-report-trigger="1"]{
animation:ecgPrCountryReportShakeCompat .20s ease-in-out 0s 5 both!important;
transform-origin:center center!important;
will-change:translate,rotate!important;
}
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active .ecg-pr-country-brandmark,
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active .ecg-pr-country-brandtext{
animation:ecgPrCountryReportShakeCompat .20s ease-in-out 0s 5 both!important;
transform-origin:center center!important;
will-change:translate,rotate!important;
}
@media (prefers-reduced-motion:reduce){
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active,
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active .ecg-pr-country-brandmark,
html body .ecg-pr-country-brandline.ecg-pr-country-report-trigger.ecg-pr-report-cue-active .ecg-pr-country-brandtext{
animation:none!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:15px!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:8px!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:-2px!important;
}
} @media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode button.ecg-pr-country-brandline.ecg-pr-country-brandline-link.ecg-pr-country-report-trigger[data-pr-country-report-trigger="1"]{
position:relative!important;
top:2px!important;
}
} .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle{
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-user-select: none !important;
user-select: none !important;
cursor: pointer !important;
} @media (max-width: 768px){
html body .ecg-passport-list .ecg-passport-item > .ecg-passport-shared-detail:not(.ecg-ai-open){
transition: opacity .08s ease-out, transform .08s ease-out, visibility 0s linear !important;
will-change: opacity, transform !important;
}
html body .ecg-passport-list .ecg-passport-item > .ecg-passport-shared-detail:not(.ecg-ai-open).ecg-show{
max-height: none !important;
overflow: visible !important;
}
html body .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle::before,
html body .ecg-passport-list .ecg-passport-item .ecg-mobile-toggle::after{
transition-duration: .08s !important;
}
} @media (max-width: 768px) {
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"prBrand"
"prTitle"
"prPanel"
"prSubtitle" !important;
gap: 0 !important;
align-items: stretch !important;
justify-items: stretch !important;
overflow: hidden !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-inner,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-inner {
display: contents !important;
padding: 0 !important;
margin: 0 !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline {
grid-area: prBrand !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title {
grid-area: prTitle !important;
margin: 0 !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title::after,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title::after {
width: min(112px, 38%) !important;
height: 3px !important;
margin: 13px auto 0 auto !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(184,138,60,0), rgba(206,160,72,0.88) 28%, rgba(255,241,202,0.92) 50%, rgba(206,160,72,0.88) 72%, rgba(184,138,60,0)) !important;
box-shadow: 0 5px 14px rgba(206,160,72,0.14) !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel {
grid-area: prPanel !important;
width: calc(100% + 4px) !important;
max-width: calc(100% + 4px) !important;
min-height: 0 !important;
margin: 4px -2px 0 -2px !important;
padding: 14px !important;
justify-self: center !important;
align-self: stretch !important;
box-sizing: border-box !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-wrap,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel .ecg-passport-search-wrap {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle {
grid-area: prSubtitle !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px auto 0 auto !important;
padding: 16px 16px 17px 16px !important;
border-radius: 22px !important;
border: 1px solid rgba(206,160,72,0.18) !important;
background:
radial-gradient(circle at 50% 0%, rgba(255,241,202,0.36), rgba(255,241,202,0) 34%),
linear-gradient(145deg, rgba(255,255,255,0.96), rgba(248,244,235,0.94) 52%, rgba(244,248,252,0.94)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 16px 34px rgba(11,16,32,0.075) !important;
color: #465366 !important;
text-align: center !important;
font-size: 13.5px !important;
line-height: 1.62 !important;
font-weight: 650 !important;
letter-spacing: -0.006em !important;
text-wrap: balance !important;
overflow-wrap: break-word !important;
position: relative !important;
isolation: isolate !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle::before,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle::before {
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 0 !important;
width: min(142px, 46%) !important;
height: 2px !important;
transform: translateX(-50%) !important;
border-radius: 0 0 999px 999px !important;
background: linear-gradient(90deg, rgba(206,160,72,0), rgba(206,160,72,0.84), rgba(255,241,202,0.94), rgba(206,160,72,0.84), rgba(206,160,72,0)) !important;
pointer-events: none !important;
}
}
@media (max-width: 480px) {
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-hero-panel {
padding: 12px !important;
}
html body.ecg-pr-index-page .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-subtitle {
margin-top: 12px !important;
padding: 15px 14px 16px 14px !important;
border-radius: 20px !important;
font-size: 13px !important;
}
} html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-pr-global-rank-title {
color: #173a63 !important;
}
@media (max-width: 768px) {
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline {
justify-self: center !important;
align-self: center !important;
margin: 0 auto 18px auto !important;
max-width: calc(100% - 24px) !important;
}
html[dir="rtl"] body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline,
html[dir="rtl"] body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-brandline {
margin: 0 auto 18px auto !important;
max-width: calc(100% - 24px) !important;
}
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title,
html body:has(.ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode)) .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero.ecg-pr-landscape-hero .ecg-passport-title {
width: 100% !important;
text-align: center !important;
justify-self: center !important;
align-self: center !important;
margin: 0 auto !important;
}
} @media (max-width: 768px) {
html body .ecg-pr-country-report-modal .ecg-pr-country-report-actions.ecg-pr-country-report-actions--mobile {
align-self: flex-start !important;
justify-content: flex-start !important;
margin: 8px auto 4px 10px !important;
transform: none !important;
}
html[dir="rtl"] body .ecg-pr-country-report-modal .ecg-pr-country-report-actions.ecg-pr-country-report-actions--mobile {
align-self: flex-start !important;
justify-content: flex-start !important;
margin: 8px auto 4px 10px !important;
transform: none !important;
}
html body .ecg-pr-country-report-modal .ecg-pr-country-report-actions.ecg-pr-country-report-actions--mobile .ecg-pr-country-report-close {
margin-left: 0 !important;
margin-right: 0 !important;
}
} .ecg-geo-rank-notice .ecg-geo-rank-badge {
display: none !important;
}
.ecg-geo-rank-notice .ecg-geo-location-indicator {
position: absolute !important;
top: 18px !important;
right: 18px !important;
z-index: 5 !important;
width: 42px !important;
height: 42px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
color: #fff3cf !important;
background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.07)) !important;
border: 1px solid rgba(255,243,207,0.20) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 14px 30px rgba(7,13,28,0.20) !important;
pointer-events: none !important;
}
.ecg-geo-rank-notice .ecg-geo-location-indicator::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
right: 8px;
top: 8px;
border-radius: 999px;
background: #cea048;
box-shadow: 0 0 0 4px rgba(206,160,72,0.16);
}
.ecg-geo-rank-notice .ecg-geo-location-indicator-svg {
width: 22px !important;
height: 22px !important;
display: block !important;
}
.ecg-geo-rank-notice .ecg-geo-rank-head {
justify-content: flex-start !important;
padding-right: 58px !important;
}
@media (max-width: 768px) {
.ecg-geo-rank-notice .ecg-geo-location-indicator {
top: 12px !important;
right: 12px !important;
width: 34px !important;
height: 34px !important;
border-radius: 13px !important;
}
.ecg-geo-rank-notice .ecg-geo-location-indicator-svg {
width: 19px !important;
height: 19px !important;
}
.ecg-geo-rank-notice .ecg-geo-location-indicator::after {
width: 5px;
height: 5px;
right: 6px;
top: 6px;
box-shadow: 0 0 0 3px rgba(206,160,72,0.16);
}
.ecg-geo-rank-notice .ecg-geo-rank-head {
padding-right: 44px !important;
}
}
@media (max-width: 420px) {
.ecg-geo-rank-notice .ecg-geo-location-indicator {
top: 10px !important;
right: 10px !important;
width: 30px !important;
height: 30px !important;
border-radius: 12px !important;
}
.ecg-geo-rank-notice .ecg-geo-rank-head {
padding-right: 38px !important;
}
} @media (min-width: 769px) {
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator,
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: -12px !important;
right: 18px !important;
}
}
@media (max-width: 768px) {
html body .ecg-geo-rank-notice .ecg-geo-rank-head {
position: relative !important;
}
html body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 62px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 16px !important;
right: 22px !important;
}
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator {
top: 30px !important;
right: 34px !important;
}
html[dir="rtl"] body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 62px !important;
padding-left: 18px !important;
}
}
@media (max-width: 420px) {
html body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 56px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 14px !important;
right: 20px !important;
}
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator {
top: 28px !important;
right: 30px !important;
}
} @media (max-width: 768px) {
html body .ecg-geo-rank-notice .ecg-geo-rank-head {
padding-right: 0 !important;
padding-left: 0 !important;
}
} @media (min-width: 769px) {
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator,
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: -7px !important;
}
}
@media (max-width: 768px) {
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator,
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
width: 40.8px !important;
height: 40.8px !important;
border-radius: 15.6px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-location-indicator-svg {
width: 22.8px !important;
height: 22.8px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-location-indicator::after {
width: 6px !important;
height: 6px !important;
right: 7.2px !important;
top: 7.2px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 70px !important;
}
html[dir="rtl"] body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 70px !important;
padding-left: 18px !important;
}
}
@media (max-width: 420px) {
html body .ecg-geo-rank-notice > .ecg-geo-location-indicator,
html body .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
width: 36px !important;
height: 36px !important;
border-radius: 14.4px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-location-indicator-svg {
width: 22.8px !important;
height: 22.8px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-location-indicator::after {
width: 6px !important;
height: 6px !important;
right: 7px !important;
top: 7px !important;
}
html body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 64px !important;
}
html[dir="rtl"] body .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 64px !important;
padding-left: 18px !important;
}
} html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head {
position: relative !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-main,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 76px !important;
}
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 20px !important;
right: 32px !important;
}
html[dir="rtl"] body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-main,
html[dir="rtl"] body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 76px !important;
padding-left: 18px !important;
}
@media (max-width: 720px) {
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-main,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-main {
padding-right: 70px !important;
}
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 18px !important;
right: 24px !important;
}
} @media (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 10px !important;
}
}
@media (min-width: 568px) and (max-width: 720px) and (orientation: landscape) {
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 8px !important;
}
} @media (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 13px !important;
}
}
@media (min-width: 568px) and (max-width: 720px) and (orientation: landscape) {
html body .ecg-geo-rank-notice.ecg-pr-wide-mobile-geo .ecg-geo-rank-head > .ecg-geo-location-indicator,
html body .ecg-passport-hero.ecg-pr-landscape-hero .ecg-geo-rank-notice .ecg-geo-rank-head > .ecg-geo-location-indicator {
top: 11px !important;
}
} html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded{
display:block!important;
width:20px!important;
height:20px!important;
max-width:20px!important;
max-height:20px!important;
min-width:20px!important;
min-height:20px!important;
transform:none!important;
stroke:none!important;
shape-rendering:geometricPrecision!important;
text-rendering:geometricPrecision!important;
}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-facebook,
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-linkedin,
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-reddit{
width:20px!important;
height:20px!important;
}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-reddit{
fill:initial!important;
stroke:none!important;
color:initial!important;
}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-reddit *{stroke:none!important;}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-reddit .st22{fill:#FF4500!important;}
html body .ecg-pr-sharebar svg.ecg-pr-share-icon--uploaded-reddit .st0{fill:#FFFFFF!important;}
@media (max-width:768px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country{
align-items:center!important;
max-width:min(304px, calc(100dvw - 24px))!important;
margin-left:auto!important;
margin-right:auto!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-menu{
width:100%!important;
min-width:0!important;
max-width:100%!important;
grid-template-columns:repeat(4, minmax(0, 1fr))!important;
justify-items:center!important;
gap:8px!important;
padding:8px!important;
box-sizing:border-box!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-button{
display:flex!important;
width:64px!important;
height:52px!important;
min-width:64px!important;
min-height:52px!important;
justify-content:center!important;
align-items:center!important;
padding:0!important;
border-radius:18px!important;
gap:0!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-button::before{
inset:6px!important;
border-radius:14px!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-button svg{
width:20px!important;
height:20px!important;
max-width:20px!important;
max-height:20px!important;
margin:0!important;
place-self:center!important;
justify-self:center!important;
align-self:center!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-label{display:none!important;}
}
@media (max-width:360px){
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country,
html body .ecg-pr-country-report-top .ecg-pr-sharebar--report{
max-width:min(288px, calc(100dvw - 20px))!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-menu{
gap:6px!important;
padding:7px!important;
}
html body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-sharebar--country .ecg-pr-sharebar-button{
width:60px!important;
min-width:60px!important;
}
}@media (max-width: 768px) {
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-fact,
.ecg-pr-country-mode .ecg-pr-country-fact,
body[class*="-passport-ranking"] .ecg-pr-country-fact {
padding-inline-start: 32px !important;
padding-inline-end: 17px !important;
}
.ecg-passport-list-wrap.ecg-pr-country-mode .ecg-pr-country-fact-top,
.ecg-pr-country-mode .ecg-pr-country-fact-top,
body[class*="-passport-ranking"] .ecg-pr-country-fact-top {
margin-inline-start: 0 !important;
}
}
.ecg-passport-hero-panel .ecg-compare-button .ecg-pr-check-text {
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
opacity:1!important;
visibility:visible!important;
}
.ecg-passport-hero-panel .ecg-compare-button .ecg-compare-button-label-mobile,
.ecg-passport-hero-panel .ecg-compare-button .ecg-compare-button-label-desktop,
.ecg-passport-hero-panel .ecg-compare-button .ecg-pr-check-text-desktop {
display:none!important;
}
.ecg-passport-hero-panel .ecg-compare-button::before,
.ecg-passport-hero-panel .ecg-compare-button::after {
content:none!important;
display:none!important;
}
.ecg-passport-title,
.ecg-passport-section-heading,
.ecg-pr-country-heading,
.ecg-pr-faq-title,
.ecg-pr-region-title,
.ecg-pr-region-heading {
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-synthesis:none!important;
text-rendering:geometricPrecision!important;
}
.ecg-passport-section-heading,
.ecg-pr-country-heading {
font-size:clamp(25px,2.45vw,42px)!important;
line-height:1.12!important;
letter-spacing:-0.045em!important;
}
.ecg-pr-faq-title {
font-size:clamp(24px,2.25vw,40px)!important;
line-height:1.12!important;
letter-spacing:-0.045em!important;
}
@media(max-width:768px){
.ecg-passport-section-heading,.ecg-pr-country-heading{font-size:clamp(22px,6.1vw,31px)!important;line-height:1.14!important;}
.ecg-pr-faq-title{font-size:clamp(22px,5.8vw,30px)!important;line-height:1.15!important;}
}
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode{
margin-bottom:clamp(4px,.45vw,8px)!important;
padding-bottom:0!important;
}
body .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-passport-list,
body .ecg-passport-list-wrap.ecg-pr-country-mode .ecg-passport-list:not(:has(.ecg-passport-item:nth-child(2))){
display:none!important;
height:0!important;
max-height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
body .ecg-passport-list-wrap.ecg-pr-country-mode + .ecg-pr-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode ~ .ecg-pr-faq-section,
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-faq-section.ecg-pr-country-faq-section,
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-json-country-faq-section{
margin-top:clamp(24px,2vw,34px)!important;
padding-top:clamp(18px,1.8vw,28px)!important;
}
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-country-facts{
margin-bottom:0!important;
padding-bottom:0!important;
}
.ecg-passport-list-wrap .ecg-passport-section-heading,
.ecg-passport-list-wrap .ecg-pr-country-heading,
.ecg-pr-faq-section .ecg-pr-faq-title,
.ecg-passport-section-heading{
font-family:Jost,Inter,"Open Sans",Arial,sans-serif!important;
font-weight:950!important;
letter-spacing:-.055em!important;
line-height:1.06!important;
color:#0b1020!important;
text-wrap:balance!important;
text-rendering:geometricPrecision!important;
-webkit-font-smoothing:antialiased!important;
}
.ecg-passport-section-heading strong,
.ecg-pr-faq-section .ecg-pr-faq-title strong{font-weight:950!important;}
.ecg-passport-list-wrap .ecg-pr-country-heading{font-size:clamp(32px,3.7vw,58px)!important;}
.ecg-pr-faq-section .ecg-pr-faq-title{font-size:clamp(30px,3.15vw,52px)!important;max-width:1120px!important;}
.ecg-passport-section-heading::after,
.ecg-pr-country-heading::after{border-radius:999px!important;opacity:.92!important;}
@media(max-width:768px){
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode{margin-bottom:8px!important;}
body .ecg-passport-list-wrap.ecg-pr-country-mode + .ecg-pr-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode ~ .ecg-pr-faq-section,
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-faq-section.ecg-pr-country-faq-section,
body:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .ecg-pr-json-country-faq-section{margin-top:24px!important;padding-top:16px!important;}
.ecg-passport-list-wrap .ecg-pr-country-heading,
.ecg-pr-faq-section .ecg-pr-faq-title,
.ecg-passport-section-heading{letter-spacing:-.045em!important;line-height:1.12!important;}
} body:has(.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode{margin-bottom:clamp(4px,.45vw,8px)!important;padding-bottom:0!important;}
body:has(.ecg-pr-country-mode) .ecg-pr-country-facts{margin-bottom:0!important;padding-bottom:0!important;}
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-country-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-json-country-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-faq-section.ecg-pr-country-faq-section,
body:has(.ecg-pr-country-mode) .ecg-pr-country-faq-section,
body:has(.ecg-pr-country-mode) .ecg-pr-json-country-faq-section{margin-top:clamp(24px,2vw,34px)!important;padding-top:clamp(18px,1.8vw,28px)!important;}
@media(max-width:768px){
body:has(.ecg-pr-country-mode) .ecg-passport-list-wrap.ecg-pr-country-mode{margin-bottom:8px!important;}
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-country-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-json-country-faq-section,
body .ecg-passport-list-wrap.ecg-pr-country-mode>.ecg-pr-faq-section.ecg-pr-country-faq-section,
body:has(.ecg-pr-country-mode) .ecg-pr-country-faq-section,
body:has(.ecg-pr-country-mode) .ecg-pr-json-country-faq-section{margin-top:24px!important;padding-top:16px!important;}
} body.pr-has-hero-nav .td-main-content-wrap .entry-content > p:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .wp-block-spacer:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .tdc-zone:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .tdc_zone:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .tdc_content:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .td-pb-row:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .wpb_row:empty,
body.pr-has-hero-nav .td-main-content-wrap .entry-content > .vc_row:empty{
display:none!important;
height:0!important;
min-height:0!important;
max-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode){
margin-bottom:24px!important;
padding-bottom:26px!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-list{
margin-bottom:0!important;
padding-bottom:0!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-list + .ecg-pr-home-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-region-faq-section{
margin-top:30px!important;
padding-top:clamp(22px,2.8vw,34px)!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts{
margin-bottom:0!important;
padding-bottom:0!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-country-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-json-country-faq-section{
margin-top:26px!important;
padding-top:clamp(22px,2.8vw,34px)!important;
}
body.pr-has-hero-nav .ecg-pr-faq-section{
margin-bottom:22px!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap + .pr-static-global-footer,
body.pr-has-hero-nav .td-main-content-wrap + .pr-static-global-footer{
margin-top:0!important;
}
@media(max-width:768px){
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode){
margin-bottom:18px!important;
padding-bottom:20px!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-list + .ecg-pr-home-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-region-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-country-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-json-country-faq-section{
margin-top:20px!important;
padding-top:18px!important;
}
body.pr-has-hero-nav .ecg-pr-faq-section{
margin-bottom:18px!important;
}
} body.pr-has-hero-nav .ecg-passport-list-wrap > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap > .ecg-passport-list + .ecg-pr-home-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-region-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-country-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-json-country-faq-section{
padding-top:clamp(22px,2.8vw,34px)!important;
}
body.pr-has-hero-nav .ecg-pr-faq-section .ecg-pr-faq-header{
margin-top:0!important;
}
@media(max-width:768px){
body.pr-has-hero-nav .ecg-passport-list-wrap > .ecg-passport-list + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap > .ecg-passport-list + .ecg-pr-home-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-region-mode > .ecg-passport-list + .ecg-pr-region-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-country-faq-section,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-facts + .ecg-pr-json-country-faq-section{
padding-top:18px!important;
}
} @media(max-width:768px){
body.pr-has-hero-nav:has(.ecg-passport-list-wrap.ecg-pr-country-mode) .pr-hero-global-nav{
margin-bottom:6px!important;
}
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode{
margin-top:9px!important;
}
} body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-country-faq-section .ecg-pr-faq-header,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-json-country-faq-section .ecg-pr-faq-header,
body.pr-has-hero-nav .ecg-passport-list-wrap.ecg-pr-country-mode > .ecg-pr-faq-section.ecg-pr-country-faq-section .ecg-pr-faq-header{
padding-top:15px!important;
} @media (min-width: 769px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-section-heading{
font-size:clamp(24px,2.775vw,43.5px)!important;
}
}
@media (max-width: 768px){
html body .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) .ecg-passport-hero .ecg-passport-title{
font-size:clamp(27px,7.5vw,39px)!important;
}
} :where(.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:transparent!important;
}
:where(.pr-hero-global-nav,.pr-static-global-footer,.pr-lang-switcher,[data-pr-lang-switcher],[data-pr-final-lang-switcher]) :where(a,button,summary,[role="button"],[role="link"],[tabindex]):focus:not(:focus-visible){
outline:0!important;
} html body > .ecg-pr-country-modal,
html body > .ecg-pr-country-modal *,
html body > .ecg-pr-country-modal :where(a,button,input,select,textarea,[role="button"],[role="link"],[tabindex]){
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
}
html body > .ecg-pr-country-modal :where(a,button,[role="button"],[role="link"],[tabindex]):focus:not(:focus-visible){outline:0!important;}
@media (max-width: 768px) {
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero .ecg-passport-brandline {
transform: none !important;
transform-origin: initial !important;
box-sizing: border-box !important;
grid-template-columns: 34px max-content !important;
gap: 8px !important;
padding: 6px 10px 6px 6px !important;
margin: 0 0 18px 2.5px !important;
width: max-content !important;
max-width: calc(100% - 2.5px) !important;
align-self: flex-start !important;
}
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero .ecg-passport-brandmark {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 10px !important;
letter-spacing: .1em !important;
}
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero .ecg-passport-eyebrow {
font-size: 10px !important;
line-height: 1 !important;
letter-spacing: .096em !important;
}
html body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero .ecg-passport-eyebrow#ecgIndexEyebrow::before {
font-size: clamp(10px, 2.4vw, 12px) !important;
line-height: 1 !important;
letter-spacing: .096em !important;
}
html[dir="rtl"] body.ecg-pr-index-page .ecg-passport-list-wrap:not(.ecg-pr-country-mode):not(.ecg-pr-region-mode) > .ecg-passport-hero .ecg-passport-brandline {
margin: 0 2.5px 18px 0 !important;
max-width: calc(100% - 2.5px) !important;
}
} @media (min-width: 769px) {
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) {
gap: 10px !important;
column-gap: 10px !important;
row-gap: 10px !important;
}
}
@media (max-width: 768px) {
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) {
gap: 9px !important;
column-gap: 9px !important;
row-gap: 9px !important;
}
} html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form){
gap:7px!important;
row-gap:7px!important;
column-gap:7px!important;
}
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) > .ecg-compare-swap-wrap{
margin:1px 0!important;
}
@media (max-width:768px){
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form){
gap:6px!important;
row-gap:6px!important;
column-gap:6px!important;
}
html body .ecg-passport-hero-panel form.ecg-visa-checker:not(.ecg-pr-country-checker-form) > .ecg-compare-swap-wrap{
margin:1px 0!important;
}
}