body.eg-body {
overflow-x: hidden;
}
body.eg-body .travel-monster-breadcrumbs,
body.eg-body .breadcrumb-wrapper,
body.eg-body .page-header-top,
body.eg-body .page-header-wrap {
display: none !important;
}
body.eg-body .site-content,
body.eg-body .main-content-wrapper,
body.eg-body .site-content > .container,
body.eg-body .site-content > .container-full,
body.eg-body .site-content > .main-content-wrapper {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.eg-body .site-header,
body.eg-body #masthead,
body.eg-body .header-wrapper,
body.eg-body .sticky-header,
body.eg-body .sticky-holder.sticky {
z-index: 1000;
}
body.eg-body #masthead {
position: relative !important;
inset: auto !important;
margin: 0 !important;
}
body.eg-body #masthead .header-b,
body.eg-body .sticky-holder,
body.eg-body .sticky-holder.sticky {
background: #414141 !important;
opacity: 1 !important;
}
body.eg-body.sticky-header .sticky-holder.sticky,
body.eg-body .sticky-holder.sticky {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
margin: 0 !important;
transform: none !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, .18) !important;
}
.embassy-guide {
--eg-red: #e53636;
--eg-red-dark: #c62b2b;
--eg-ink: #191919;
--eg-muted: #665d5d;
--eg-soft: #fff3f3;
--eg-line: #eedddd;
width: 100%;
min-width: 0;
overflow: hidden;
background: #fff;
color: var(--eg-ink);
font-family: Inter, Arial, sans-serif;
}
.embassy-guide,
.embassy-guide *,
.embassy-guide *::before,
.embassy-guide *::after {
box-sizing: border-box;
}
.embassy-guide h1,
.embassy-guide h2,
.embassy-guide h3,
.embassy-guide p {
margin: 0;
}
.embassy-guide a {
text-decoration: none;
}
.eg-wrap {
width: min(1160px, calc(100% - 44px));
margin-inline: auto;
}
.eg-hero {
position: relative;
isolation: isolate;
display: flex;
min-height: clamp(560px, 68svh, 680px);
align-items: center;
overflow: hidden;
color: #fff;
background-color: #271012;
background-image:
linear-gradient(105deg, rgba(25, 8, 8, .9), rgba(94, 20, 20, .7) 55%, rgba(20, 10, 10, .42)),
var(--hero-image);
background-position: center;
background-size: cover;
}
.eg-hero::before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background: linear-gradient(180deg, rgba(12, 3, 4, .08), rgba(12, 3, 4, .3));
pointer-events: none;
}
.eg-hero-in {
position: relative;
z-index: 1;
padding: 96px 0 78px;
text-align: center;
}
.eg-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
color: #fff;
font-size: 12px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
}
.eg-kicker::before {
content: "";
width: 10px;
height: 10px;
flex: 0 0 10px;
border-radius: 50%;
background: var(--eg-red);
box-shadow: 0 0 0 7px rgba(229, 54, 54, .25);
}
.eg-hero h1 {
max-width: 1000px;
margin: 28px auto 0;
color: #fff !important;
font-size: clamp(46px, 5.5vw, 76px);
font-weight: 900;
line-height: 1.04;
letter-spacing: -.045em;
text-wrap: balance;
text-shadow: 0 8px 32px rgba(0, 0, 0, .46);
}
.eg-hero .eg-lead {
width: min(100%, 860px);
max-width: 860px;
margin: 24px auto 0;
color: #fff;
font-size: clamp(18px, 1.6vw, 22px);
font-weight: 650;
line-height: 1.55;
text-align: center;
text-wrap: balance;
}
.eg-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: var(--eg-red);
color: #fff;
}
.eg-stat {
min-width: 0;
padding: 28px 10px;
border-right: 1px solid rgba(255, 255, 255, .28);
text-align: center;
}
.eg-stat:last-child {
border-right: 0;
}
.eg-stat b {
display: block;
color: #fff;
font-size: 35px;
font-weight: 900;
line-height: 1;
}
.eg-stat span {
display: block;
margin-top: 9px;
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.7px;
text-transform: uppercase;
}
.eg-intro {
padding: 76px 0 32px;
}
.eg-copy {
max-width: 850px;
margin-inline: auto;
}
.eg-copy > p {
color: #403939;
font-size: 17px;
line-height: 1.9;
}
.eg-copy > p + p {
margin-top: 1.25em;
}
.eg-copy > p:first-child {
color: #211d1d;
font-size: 21px;
font-weight: 650;
line-height: 1.75;
}
.eg-notice {
margin: 34px auto 0;
padding: 23px 25px;
border: 1px solid #ffd2d2;
border-left: 5px solid var(--eg-red);
border-radius: 0 16px 16px 0;
background: #fff8f8;
}
.eg-notice strong {
display: block;
color: var(--eg-red-dark);
font-size: 13px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.eg-notice p {
margin-top: 9px;
color: #514747;
font-size: 15px;
line-height: 1.75;
}
.eg-toc {
max-width: 1160px;
margin: 50px auto 86px;
padding: 34px;
border: 1px solid #f2d9d9;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 55px rgba(117, 24, 24, .08);
}
.eg-toc h2 {
font-size: 29px;
line-height: 1.2;
}
.eg-toc > p {
margin-top: 8px;
color: var(--eg-muted);
font-size: 15px;
line-height: 1.6;
}
.eg-toc-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 22px;
}
.eg-toc a {
display: flex;
min-width: 0;
min-height: 56px;
align-items: center;
gap: 10px;
padding: 11px;
border: 1px solid #f0dddd;
border-radius: 12px;
background: #fff;
color: var(--eg-ink);
font-size: 13px;
font-weight: 750;
transition: transform .18s, border-color .18s;
}
.eg-toc a:hover {
border-color: var(--eg-red);
color: var(--eg-ink);
transform: translateY(-2px);
}
.eg-toc b {
display: grid;
width: 32px;
height: 32px;
flex: 0 0 32px;
place-items: center;
border-radius: 50%;
background: var(--eg-red);
color: #fff;
font-size: 10px;
}
.eg-toc span {
min-width: 0;
overflow-wrap: anywhere;
}
.eg-list {
width: 100%;
max-width: none;
padding: 74px 0 96px;
background: #fff;
}
.eg-list-head {
width: min(1160px, calc(100% - 44px));
margin: 0 auto 72px;
text-align: center;
}
.eg-eyebrow {
color: var(--eg-red-dark);
font-size: 11px;
font-weight: 900;
letter-spacing: .17em;
text-transform: uppercase;
}
.eg-list-head h2,
.eg-routes-head h2,
.eg-faq-head h2 {
max-width: 900px;
margin: 18px auto 0;
font-size: clamp(34px, 5vw, 50px);
font-weight: 900;
line-height: 1.12;
letter-spacing: -.035em;
text-wrap: balance;
}
.eg-list-head p,
.eg-routes-head p {
max-width: 760px;
margin: 17px auto 0;
color: var(--eg-muted);
font-size: 16px;
line-height: 1.7;
}
.eg-grid {
display: block;
max-width: none;
margin: 0;
}
.eg-card,
.eg-card.has-photo {
position: relative;
display: block;
width: min(1160px, calc(100% - 44px));
min-height: 0;
margin: 0 auto;
padding: 0;
scroll-margin-top: 110px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
.eg-card.has-photo {
padding-bottom: 100px;
}
.eg-card-media {
width: 100%;
height: clamp(360px, 38vw, 540px);
min-height: 0;
margin: 0;
overflow: hidden;
border-radius: 22px;
background: #eee;
box-shadow: 0 22px 58px rgba(43, 17, 17, .16);
}
.eg-card-media img {
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: cover;
}
.eg-card-top,
.eg-card.has-photo .eg-card-top {
display: block;
width: min(880px, 100%);
margin: 38px auto 0;
padding: 0;
text-align: center;
}
.eg-num {
display: block;
width: auto;
height: auto;
color: #f1caca;
font-size: 58px;
font-weight: 900;
line-height: 1;
}
.eg-card h3 {
margin-top: 8px;
color: var(--eg-ink) !important;
font-size: clamp(30px, 4vw, 44px);
font-weight: 900;
line-height: 1.15;
letter-spacing: -.03em;
}
.eg-address {
margin-top: 11px !important;
color: var(--eg-red-dark);
font-size: 15px !important;
font-weight: 850;
line-height: 1.45;
}
.eg-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 7px;
margin: 17px auto 0;
}
.eg-tags span {
padding: 8px 14px;
border-radius: 999px;
background: var(--eg-soft);
color: #8f2626;
font-size: 12px;
font-weight: 750;
}
.eg-card-copy {
width: min(850px, 100%);
margin: 25px auto 0;
padding: 0;
}
.eg-card-copy p {
color: #403939;
font-size: 17px;
line-height: 1.9;
}
.eg-card-copy p + p {
margin-top: 1.25em;
}
.eg-card:not(.has-photo) {
width: min(996px, calc(100% - 44px));
padding: 48px 0;
border-top: 1px solid var(--eg-line);
}
.eg-card:not(.has-photo) .eg-card-top {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 30px;
width: 100%;
margin: 0;
text-align: left;
}
.eg-card:not(.has-photo) .eg-num {
text-align: right;
font-size: 48px;
}
.eg-card:not(.has-photo) h3 {
margin: 0;
font-size: 36px;
}
.eg-card:not(.has-photo) .eg-tags {
justify-content: flex-start;
width: auto;
margin: 16px 0 0 126px;
}
.eg-card:not(.has-photo) .eg-card-copy {
width: auto;
margin: 23px 0 0 126px;
}
.eg-routes {
padding: 90px 0;
background: var(--eg-soft);
}
.eg-routes-head,
.eg-faq-head {
text-align: center;
}
.eg-routes-media {
width: min(1040px, 100%);
aspect-ratio: 16 / 7;
margin: 38px auto 0;
overflow: hidden;
border-radius: 24px;
background: #e9dddd;
box-shadow: 0 18px 48px rgba(69, 24, 24, .14);
}
.eg-routes-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.eg-route-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 42px;
}
.eg-route {
padding: 25px;
border: 1px solid #f0dddd;
border-radius: 18px;
background: #fff;
box-shadow: 0 12px 36px rgba(90, 22, 22, .06);
}
.eg-route b {
font-size: 20px;
}
.eg-route small {
display: block;
margin-top: 6px;
color: var(--eg-red-dark);
font-weight: 850;
}
.eg-route p {
margin-top: 13px;
color: #625859;
font-size: 15px;
line-height: 1.72;
}
.eg-rules {
padding: 88px 0;
}
.eg-rules-box {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 48px;
padding: 46px;
border-radius: 22px;
background: #211c1c;
color: #fff;
}
.eg-rules-box h2 {
color: #fff !important;
font-size: 40px;
font-weight: 900;
line-height: 1.08;
letter-spacing: -.04em;
}
.eg-rules-box p {
color: rgba(255, 255, 255, .78);
font-size: 15px;
line-height: 1.82;
}
.eg-rules-box p + p {
margin-top: 15px;
}
.eg-cta {
margin-bottom: 78px;
padding: 48px;
border-radius: 26px;
background: var(--eg-red);
color: #fff;
text-align: center;
box-shadow: 0 24px 55px rgba(229, 54, 54, .24);
}
.eg-cta h2 {
color: #fff !important;
font-size: clamp(34px, 5vw, 52px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -.045em;
}
.eg-cta p {
max-width: 750px;
margin: 18px auto 0;
color: rgba(255, 255, 255, .88);
font-size: 17px;
line-height: 1.7;
}
.eg-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 13px;
margin-top: 28px;
}
.eg-button {
display: inline-flex;
min-height: 54px;
align-items: center;
justify-content: center;
padding: 0 26px;
border: 2px solid #fff;
border-radius: 999px;
background: #fff;
color: #7c2030 !important;
font-size: 14px;
font-weight: 900;
}
.eg-button-outline {
background: transparent;
color: #fff !important;
}
.eg-faq {
padding-bottom: 88px;
}
.eg-faq-list {
max-width: 900px;
margin: 32px auto 0;
}
.eg-faq-item {
margin-bottom: 11px;
border: 1px solid #f0dddd;
border-radius: 14px;
overflow: hidden;
}
.eg-faq-q {
display: flex;
width: 100%;
justify-content: space-between;
gap: 25px;
padding: 19px 21px;
border: 0;
background: none;
color: var(--eg-ink);
font: 850 17px/1.45 Inter, Arial, sans-serif;
text-align: left;
cursor: pointer;
}
.eg-faq-q i {
color: var(--eg-red);
font-size: 24px;
font-style: normal;
transition: transform .2s;
}
.eg-faq-item.is-open .eg-faq-q i {
transform: rotate(45deg);
}
.eg-faq-a {
max-height: 0;
overflow: hidden;
transition: max-height .3s;
}
.eg-faq-a p {
padding: 0 21px 21px;
color: #626d79;
font-size: 15px;
line-height: 1.75;
}
@media (max-width: 900px) {
.eg-toc-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.eg-route-grid,
.eg-rules-box {
grid-template-columns: 1fr;
}
.eg-card-media {
height: auto;
aspect-ratio: 16 / 10;
}
}
@media (max-width: 700px) {
.eg-wrap,
.eg-list-head,
.eg-card,
.eg-card:not(.has-photo) {
width: calc(100% - 36px);
}
.eg-hero {
min-height: 590px;
background-position: 62% center;
}
.eg-hero-in {
padding: 78px 0 66px;
}
.eg-kicker {
max-width: 300px;
font-size: 10px;
line-height: 1.5;
letter-spacing: 2px;
}
.eg-hero h1 {
margin-top: 25px;
font-size: 42px;
}
.eg-lead {
margin-top: 22px;
font-size: 18px;
line-height: 1.5;
}
.eg-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.eg-stat:nth-child(2) {
border-right: 0;
}
.eg-stat:nth-child(-n + 2) {
border-bottom: 1px solid rgba(255, 255, 255, .28);
}
.eg-intro {
padding-top: 64px;
}
.eg-copy > p,
.eg-card-copy p {
font-size: 16px;
line-height: 1.82;
}
.eg-copy > p:first-child {
font-size: 19px;
}
.eg-toc {
margin-bottom: 68px;
padding: 24px;
}
.eg-toc-grid {
grid-template-columns: 1fr;
}
.eg-list {
padding-top: 66px;
}
.eg-list-head {
margin-bottom: 55px;
}
.eg-card.has-photo {
padding-bottom: 72px;
}
.eg-card-media {
aspect-ratio: 4 / 3;
border-radius: 15px;
}
.eg-routes-media {
aspect-ratio: 4 / 3;
margin-top: 28px;
border-radius: 16px;
}
.eg-card:not(.has-photo) {
padding: 38px 0;
}
.eg-card:not(.has-photo) .eg-card-top {
grid-template-columns: 64px minmax(0, 1fr);
gap: 18px;
}
.eg-card:not(.has-photo) .eg-num {
text-align: left;
font-size: 40px;
}
.eg-card:not(.has-photo) h3 {
font-size: 30px;
}
.eg-card:not(.has-photo) .eg-tags,
.eg-card:not(.has-photo) .eg-card-copy {
margin-left: 82px;
}
.eg-rules-box {
padding: 34px 26px;
}
.eg-cta {
padding: 36px 22px;
}
.eg-button {
width: 100%;
}
}
@media (max-width: 480px) {
.eg-hero h1 {
font-size: 38px;
}
.eg-card:not(.has-photo) .eg-card-top {
grid-template-columns: 1fr;
}
.eg-card:not(.has-photo) .eg-tags,
.eg-card:not(.has-photo) .eg-card-copy {
margin-left: 0;
}
.eg-card h3 {
font-size: 29px;
}
.eg-stat b {
font-size: 29px;
}
}