/* =========================================================
   SRI LANKAN MAP — HERO
   ========================================================= */

.sri-lanka-map-hero {
    position: relative;
    padding: 150px 0 120px;
    background: #E9E2D4;
    border-bottom: 1px solid rgba(10, 10, 10, 0.14);
}

.sri-lanka-map-container {
    width: min(1200px, calc(100% - 80px));
    margin: 0 auto;
}

.sri-lanka-map-hero__content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sri-lanka-map-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #b89a5b;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.4;
    text-transform: uppercase;
}

.sri-lanka-map-hero h1 {
    max-width: 800px;
    margin: 0 auto;
    color: #0a0a0a;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: clamp(2rem, 3.5vw, 3.6rem);
    font-weight: 400;
    line-height: 0.94;
    letter-spacing: -0.045em;
}

.sri-lanka-map-hero h1 span {
    display: block;
    color: #0a0a0a;
}

.sri-lanka-map-hero__content p {
    max-width: 640px;
    margin: 35px auto 0;
    color: rgba(10, 10, 10, 0.58);
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}













/* =========================================================
   BLOGS — BREADCRUMBS
   ========================================================= */

.blogs-breadcrumbs {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    width: fit-content;

    margin: 0 auto 20px auto;
    padding: 9px 14px;

    font-family: "DM Sans", Arial, sans-serif;

    font-size: 10px;
    font-weight: 500;

    line-height: 1.4;

    letter-spacing: .12em;

    text-transform: uppercase;

    text-align: center;

    white-space: nowrap;

    background: #e2d5bd;

    border-radius: 10px;

    box-sizing: border-box;
}


/* =========================================================
   BREADCRUMB LINKS
   ========================================================= */

.blogs-breadcrumbs a {

    color: #8a6f3d;

    text-decoration: none;

    transition: color .3s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.blogs-breadcrumbs a:hover {

    color: #000000;
}


/* =========================================================
   SEPARATOR
   ========================================================= */

.blogs-breadcrumbs span[aria-hidden="true"] {

    color: #8a6f3d;

    opacity: .75;
}


/* =========================================================
   CURRENT PAGE
   ========================================================= */

.blogs-breadcrumbs span[aria-current="page"] {

    color: #000000;

    font-weight: 600;
}


/* =========================================================
   FOCUS
   ========================================================= */

.blogs-breadcrumbs a:focus-visible {

    outline: 1px solid #8a6f3d;

    outline-offset: 5px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .blogs-breadcrumbs {

        gap: 8px;

        width: fit-content;

        margin: 0 auto 8px auto;

        padding: 8px 12px;

        font-size: 10px;

        letter-spacing: .09em;

        text-align: center;

        border-radius: 9px;
    }

}


@media (max-width: 480px) {

    .blogs-breadcrumbs {

        gap: 7px;

        margin: 0 auto 7px auto;

        padding: 7px 10px;

        font-size: 9.5px;

        border-radius: 8px;
    }

}


























/* =========================================================
   SRI LANKAN MAP — DESTINATION EXPLORER
   ========================================================= */

.sri-lanka-map {
    padding: 130px 0 150px;
    background: #f5f1e8;
    color: #0a0a0a;
}

.sri-lanka-map__container {
    width: min(1200px, calc(100% - 80px));
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.sri-lanka-map__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 80px;
    align-items: end;
    margin-bottom: 65px;
}

.sri-lanka-map__intro-heading {
    max-width: 600px;
}

.sri-lanka-map__eyebrow {
    display: block;
    margin-bottom: 18px;
    color: #b89a5b;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.4;
    text-transform: uppercase;
}

.sri-lanka-map__intro h2 {
    margin: 0;
    color: #0a0a0a;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.045em;
}

.sri-lanka-map__intro h2 span {
    display: block;
}

.sri-lanka-map__intro-copy {
    max-width: 520px;
    justify-self: end;
}

.sri-lanka-map__intro-copy p {
    margin: 0 0 18px;
    color: rgba(10, 10, 10, .62);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.85;
}

.sri-lanka-map__intro-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   MAP WRAPPER
   ========================================================= */

.sri-lanka-map__wrapper {
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
    background: #e9e2d4;
    border: 1px solid rgba(10, 10, 10, .12);
}


/* =========================================================
   LEAFLET MAP
   ========================================================= */

.sri-lanka-map__canvas {
    width: 100%;
    height: 100%;
}


/* =========================================================
   LEAFLET CONTROLS
   ========================================================= */

.sri-lanka-map__canvas .leaflet-control-zoom {
    margin: 25px !important;
    border: 1px solid rgba(10, 10, 10, .18) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sri-lanka-map__canvas .leaflet-control-zoom a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #0a0a0a;
    background: #f5f1e8;
    border: none;
    font-family: "DM Sans", sans-serif;
}

.sri-lanka-map__canvas .leaflet-control-zoom a:hover {
    color: #ffffff;
    background: #b89a5b;
}


/* =========================================================
   MAP LABEL
   ========================================================= */

.sri-lanka-map__map-label {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 500;
    pointer-events: none;
}

.sri-lanka-map__map-label span,
.sri-lanka-map__map-label strong {
    display: block;
}

.sri-lanka-map__map-label span {
    margin-bottom: 4px;
    color: #b89a5b;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.sri-lanka-map__map-label strong {
    color: #0a0a0a;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: 26px;
    font-weight: 400;
}


/* =========================================================
   MAP INSTRUCTION
   ========================================================= */

.sri-lanka-map__instruction {
    position: absolute;
    right: 28px;
    bottom: 28px;
    z-index: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    background: rgba(245, 241, 232, .94);
    border: 1px solid rgba(10, 10, 10, .12);
    pointer-events: none;
}

.sri-lanka-map__instruction span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #ffffff;
    background: #b89a5b;
    border-radius: 50%;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
}

.sri-lanka-map__instruction p {
    margin: 0;
    color: #0a0a0a;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}


/* =========================================================
   CUSTOM DESTINATION MARKER
   ========================================================= */

.rediscover-marker {
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    margin-top: -14px !important;
}

.rediscover-marker__dot {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 5px;
    background: #b89a5b;
    border: 3px solid #f5f1e8;
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, .25),
        0 5px 15px rgba(0, 0, 0, .2);
    transition:
        transform .3s ease,
        background .3s ease;
}

.rediscover-marker__dot::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(184, 154, 91, .5);
    border-radius: 50%;
    animation: rediscoverPulse 2.5s ease-out infinite;
}

.rediscover-marker:hover .rediscover-marker__dot {
    transform: scale(1.25);
    background: #0a0a0a;
}

@keyframes rediscoverPulse {

    0% {
        transform: scale(.7);
        opacity: .8;
    }

    70% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }

}


/* =========================================================
   MAP POPUP
   ========================================================= */

.sri-lanka-popup {
    min-width: 190px;
    padding: 3px;
}

.sri-lanka-popup__number {
    display: block;
    margin-bottom: 7px;
    color: #b89a5b;
    font-family: "DM Sans", sans-serif;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .16em;
}

.sri-lanka-popup h3 {
    margin: 0 0 8px;
    color: #0a0a0a;
    font-family: "Bodoni Moda", Georgia, serif;
    font-size: 23px;
    font-weight: 400;
}

.sri-lanka-popup a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0a0a0a;
    font-family: "DM Sans", sans-serif;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.sri-lanka-popup a span {
    color: #b89a5b;
    font-size: 12px;
}


/* =========================================================
   DESTINATION GRID
   ========================================================= */

.sri-lanka-map__destinations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    margin-top: 55px;
}


/* =========================================================
   DESTINATION CARD
   ========================================================= */

.sri-lanka-map__destination {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;

    color: #ffffff;
    text-decoration: none;

    background: #0a0a0a;

    box-sizing: border-box;
}


/* =========================================================
   DESTINATION IMAGE
   ========================================================= */

.sri-lanka-map__destination-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


.sri-lanka-map__destination-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1);

    transition:
        transform .8s cubic-bezier(.77, 0, .18, 1);
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.sri-lanka-map__destination-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(to top,
            rgba(0, 0, 0, .78) 0%,
            rgba(0, 0, 0, .42) 38%,
            rgba(0, 0, 0, .10) 72%,
            rgba(0, 0, 0, 0) 100%);
}


/* =========================================================
   DESTINATION INFORMATION
   ========================================================= */

.sri-lanka-map__destination-info {
    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 18px;

    z-index: 2;

    display: grid;

    grid-template-columns:
        25px minmax(0, 1fr) 30px;

    align-items: end;

    gap: 10px;
}


/* =========================================================
   DESTINATION NUMBER
   ========================================================= */

.sri-lanka-map__destination-number {
    align-self: start;

    padding-top: 3px;

    color: #d0b878;

    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: .12em;
    line-height: 1;
}


/* =========================================================
   DESTINATION LABEL
   ========================================================= */

.sri-lanka-map__destination-label {
    display: block;

    margin-bottom: 7px;

    color: rgba(255, 255, 255, .72);

    font-family: "DM Sans", sans-serif;
    font-size: 9.5px;
    font-weight: 600;

    letter-spacing: .14em;
    line-height: 1.3;

    text-transform: uppercase;
}


/* =========================================================
   DESTINATION NAME
   ========================================================= */

.sri-lanka-map__destination h3 {
    margin: 0;

    color: #ffffff;

    font-family: "Bodoni Moda", Georgia, serif;
    font-size: 26px;
    font-weight: 400;

    line-height: .95;
    letter-spacing: -.02em;
}


/* =========================================================
   ARROW
   ========================================================= */

.sri-lanka-map__destination-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    box-sizing: border-box;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;

    font-family: "DM Sans", sans-serif;
    font-size: 11px;

    transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   HOVER — IMAGE
   ========================================================= */

.sri-lanka-map__destination:hover .sri-lanka-map__destination-image img {
    transform: scale(1.08);
}


/* =========================================================
   HOVER — ARROW
   ========================================================= */

.sri-lanka-map__destination:hover .sri-lanka-map__destination-arrow {
    background: #b89a5b;

    border-color: #b89a5b;

    color: #ffffff;

    transform: translateX(4px);
}


/* =========================================================
   ACTIVE DESTINATION
   ========================================================= */

.sri-lanka-map__destination.is-active {
    outline: 2px solid #b89a5b;
    outline-offset: -2px;
}















/* =========================================================
   SRI LANKA INFORMATION PAGE
   COUNTRY INFORMATION SECTIONS
   ========================================================= */


/* =========================================================
   GLOBAL
   ========================================================= */

.sri-lanka-about,
.sri-lanka-facts,
.sri-lanka-symbols,
.sri-lanka-heritage,
.sri-lanka-nature,
.sri-lanka-travel-tips,
.sri-lanka-emergency,
.sri-lanka-consular {
    box-sizing: border-box;
}

.sri-lanka-about *,
.sri-lanka-facts *,
.sri-lanka-symbols *,
.sri-lanka-heritage *,
.sri-lanka-nature *,
.sri-lanka-travel-tips *,
.sri-lanka-emergency *,
.sri-lanka-consular * {
    box-sizing: border-box;
}


/* =========================================================
   COUNTRY INTRO
   ========================================================= */

.sri-lanka-about {

    padding: 135px 0;

    background: #f5f1e8;

    color: #0a0a0a;

    border-bottom: 1px solid rgba(10, 10, 10, .12);
}


.sri-lanka-about__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);

    gap: 100px;

    align-items: start;
}


.sri-lanka-about__header {

    position: sticky;

    top: 120px;
}


.sri-lanka-about__eyebrow {

    display: block;

    margin-bottom: 22px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    line-height: 1.4;

    text-transform: uppercase;
}


.sri-lanka-about__header h2 {

    margin: 0;

    color: #0a0a0a;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5.2rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.055em;
}


.sri-lanka-about__header h2 span {

    display: block;
}


.sri-lanka-about__copy {

    max-width: 650px;

    padding-top: 5px;
}


.sri-lanka-about__copy p {

    margin: 0 0 25px;

    color: rgba(10, 10, 10, .60);

    font-family: "DM Sans", sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.95;
}


.sri-lanka-about__copy p:last-child {

    margin-bottom: 0;
}


.sri-lanka-about__copy .sri-lanka-about__lead {

    margin-bottom: 32px;

    color: #0a0a0a;

    font-size: 18px;

    line-height: 1.8;
}


/* =========================================================
   QUICK FACTS
   ========================================================= */

.sri-lanka-facts {

    padding: 140px 0;

    background: #e9e2d4;

    color: #0a0a0a;

    border-bottom: 1px solid rgba(10, 10, 10, .12);
}


.sri-lanka-facts__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;
}


.sri-lanka-facts__heading {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: end;

    margin-bottom: 70px;
}


.sri-lanka-facts__eyebrow {

    grid-column: 1 / -1;

    display: block;

    margin-bottom: -48px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-facts__heading h2 {

    margin: 0;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;
}


.sri-lanka-facts__heading h2 span {

    display: block;
}


.sri-lanka-facts__heading>p {

    max-width: 470px;

    justify-self: end;

    margin: 0;

    color: rgba(10, 10, 10, .60);

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

    line-height: 1.9;
}


.sri-lanka-facts__grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(10, 10, 10, .15);

    border-left: 1px solid rgba(10, 10, 10, .15);
}


.sri-lanka-fact {

    min-height: 285px;

    padding: 25px;

    border-right: 1px solid rgba(10, 10, 10, .15);

    border-bottom: 1px solid rgba(10, 10, 10, .15);

    transition:
        background .35s ease,
        transform .35s ease;
}


.sri-lanka-fact:hover {

    background: rgba(245, 241, 232, .45);

    transform: translateY(-3px);
}


.sri-lanka-fact__number {

    display: block;

    margin-bottom: 40px;

    color: rgba(10, 10, 10, .35);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .14em;
}


.sri-lanka-fact__value {

    margin-bottom: 13px;

    color: #0a0a0a;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: 42px;

    font-weight: 400;

    line-height: .9;

    letter-spacing: -.04em;
}


.sri-lanka-fact h3 {

    max-width: 190px;

    margin: 0 0 13px;

    color: #0a0a0a;

    font-family: "DM Sans", sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.5;
}


.sri-lanka-fact p {

    max-width: 230px;

    margin: 0;

    color: rgba(10, 10, 10, .56);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    line-height: 1.75;
}


/* =========================================================
   NATIONAL SYMBOLS
   ========================================================= */

.sri-lanka-symbols {

    padding: 145px 0;

    background: #f5f1e8;

    border-bottom: 1px solid rgba(10, 10, 10, .12);
}


.sri-lanka-symbols__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;
}


.sri-lanka-symbols__heading {

    margin-bottom: 70px;
}


.sri-lanka-symbols__eyebrow {

    display: block;

    margin-bottom: 20px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-symbols__heading h2 {

    margin: 0;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;

    color: #0a0a0a;
}


.sri-lanka-symbols__heading h2 span {

    display: block;
}


.sri-lanka-symbols__grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;
}


.sri-lanka-symbol {

    min-height: 370px;

    padding: 28px;

    background: #e9e2d4;

    border: 1px solid rgba(10, 10, 10, .10);

    transition:
        transform .4s ease,
        background .4s ease,
        border-color .4s ease;
}


.sri-lanka-symbol:hover {

    transform: translateY(-5px);

    background: #eee8dc;

    border-color: rgba(184, 154, 91, .45);
}


.sri-lanka-symbol__number {

    display: block;

    margin-bottom: 45px;

    color: rgba(10, 10, 10, .35);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;
}


.sri-lanka-symbol__icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 45px;

    height: 45px;

    margin-bottom: 28px;

    color: #b89a5b;

    border: 1px solid rgba(184, 154, 91, .55);

    border-radius: 50%;

    font-size: 14px;
}


.sri-lanka-symbol__label {

    display: block;

    margin-bottom: 10px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 9.5px;

    font-weight: 600;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.sri-lanka-symbol h3 {

    margin: 0 0 15px;

    color: #0a0a0a;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: 24px;

    font-weight: 400;

    line-height: 1;
}


.sri-lanka-symbol p {

    margin: 0;

    color: rgba(10, 10, 10, .58);

    font-family: "DM Sans", sans-serif;

    font-size: 10.5px;

    line-height: 1.75;
}


/* =========================================================
   UNESCO HERITAGE
   ========================================================= */

.sri-lanka-heritage {

    padding: 145px 0;

    background: #0a0a0a;

    color: #ffffff;
}


.sri-lanka-heritage__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;
}


.sri-lanka-heritage__intro {

    display: grid;

    grid-template-columns: 1.15fr .85fr;

    gap: 100px;

    align-items: end;

    margin-bottom: 75px;
}


.sri-lanka-heritage__eyebrow {

    display: block;

    margin-bottom: 22px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-heritage__intro h2 {

    margin: 0;

    color: #ffffff;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5.2rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.055em;
}


.sri-lanka-heritage__intro h2 span {

    display: block;
}


.sri-lanka-heritage__intro>p {

    max-width: 470px;

    justify-self: end;

    margin: 0;

    color: rgba(255, 255, 255, .60);

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

    line-height: 1.9;
}


.sri-lanka-heritage__list {

    border-top: 1px solid rgba(255, 255, 255, .18);
}


.sri-lanka-heritage__item {

    display: grid;

    grid-template-columns: 55px minmax(0, 1fr) 100px;

    align-items: center;

    min-height: 92px;

    gap: 25px;

    border-bottom: 1px solid rgba(255, 255, 255, .15);

    transition:
        padding-left .35s ease,
        background .35s ease;
}


.sri-lanka-heritage__item:hover {

    padding-left: 12px;

    background: rgba(255, 255, 255, .035);
}


.sri-lanka-heritage__item>span {

    color: rgba(255, 255, 255, .35);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;
}


.sri-lanka-heritage__item strong {

    color: #ffffff;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: 22px;

    font-weight: 400;
}


.sri-lanka-heritage__item small {

    justify-self: end;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 9.5px;

    font-weight: 600;

    letter-spacing: .13em;

    text-transform: uppercase;
}





/* =========================================================
   TRAVEL TIPS
   ========================================================= */

.sri-lanka-travel-tips {

    padding: 145px 0;

    background: #f5f1e8;

    border-bottom: 1px solid rgba(10, 10, 10, .12);
}


.sri-lanka-travel-tips__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;
}


.sri-lanka-travel-tips__heading {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: end;

    margin-bottom: 70px;
}


.sri-lanka-travel-tips__eyebrow {

    grid-column: 1 / -1;

    margin-bottom: -55px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-travel-tips__heading h2 {

    margin: 0;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;

    color: #0a0a0a;
}


.sri-lanka-travel-tips__heading h2 span {

    display: block;
}


.sri-lanka-travel-tips__grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(10, 10, 10, .14);

    border-left: 1px solid rgba(10, 10, 10, .14);
}


.sri-lanka-travel-tip {

    min-height: 250px;

    padding: 25px;

    border-right: 1px solid rgba(10, 10, 10, .14);

    border-bottom: 1px solid rgba(10, 10, 10, .14);

    transition:
        background .35s ease;
}


.sri-lanka-travel-tip:hover {

    background: #e9e2d4;
}


.sri-lanka-travel-tip>span {

    display: block;

    margin-bottom: 40px;

    color: rgba(10, 10, 10, .35);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;
}


.sri-lanka-travel-tip h3 {

    margin: 0 0 13px;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: 23px;

    font-weight: 400;

    line-height: 1;

    color: #0a0a0a;
}


.sri-lanka-travel-tip p {

    margin: 0;

    color: rgba(10, 10, 10, .58);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    line-height: 1.75;
}


/* =========================================================
   EMERGENCY
   ========================================================= */

.sri-lanka-emergency {

    padding: 140px 0;

    background: #0a0a0a;

    color: #ffffff;
}


.sri-lanka-emergency__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: .8fr 1.2fr;

    gap: 100px;

    align-items: start;
}


.sri-lanka-emergency__intro {

    position: sticky;

    top: 120px;
}


.sri-lanka-emergency__eyebrow {

    display: block;

    margin-bottom: 22px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-emergency__intro h2 {

    margin: 0 0 30px;

    color: #ffffff;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;
}


.sri-lanka-emergency__intro h2 span {

    display: block;
}


.sri-lanka-emergency__intro p {

    max-width: 400px;

    margin: 0;

    color: rgba(255, 255, 255, .56);

    font-family: "DM Sans", sans-serif;

    font-size: 11px;

    line-height: 1.85;
}


.sri-lanka-emergency__grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, .17);

    border-left: 1px solid rgba(255, 255, 255, .17);
}


.sri-lanka-emergency-card {

    display: grid;

    grid-template-columns: 30px minmax(0, 1fr) 25px;

    align-items: center;

    min-height: 130px;

    gap: 15px;

    padding: 22px;

    color: #ffffff;

    text-decoration: none;

    border-right: 1px solid rgba(255, 255, 255, .17);

    border-bottom: 1px solid rgba(255, 255, 255, .17);

    transition:
        background .35s ease,
        padding-left .35s ease;
}


.sri-lanka-emergency-card:hover {

    padding-left: 28px;

    background: rgba(255, 255, 255, .045);
}


.sri-lanka-emergency-card>span {

    color: rgba(255, 255, 255, .30);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .14em;
}


.sri-lanka-emergency-card small {

    display: block;

    margin-bottom: 8px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 9.5px;

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.sri-lanka-emergency-card strong {

    display: block;

    color: #ffffff;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: 24px;

    font-weight: 400;

    line-height: 1;
}


.sri-lanka-emergency-card b {

    color: rgba(255, 255, 255, .65);

    font-family: "DM Sans", sans-serif;

    font-size: 15px;

    font-weight: 400;

    transition:
        color .3s ease,
        transform .3s ease;
}


.sri-lanka-emergency-card:hover b {

    color: #b89a5b;

    transform: translateX(3px);
}


/* =========================================================
   CONSULAR
   ========================================================= */

.sri-lanka-consular {

    padding: 145px 0;

    background: #e9e2d4;

    border-bottom: 1px solid rgba(10, 10, 10, .12);
}


.sri-lanka-consular__container {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 100px;

    align-items: start;
}


.sri-lanka-consular__eyebrow {

    display: block;

    margin-bottom: 22px;

    color: #b89a5b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.sri-lanka-consular__heading h2 {

    margin: 0;

    font-family: "Bodoni Moda", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;

    color: #0a0a0a;
}


.sri-lanka-consular__heading h2 span {

    display: block;
}


.sri-lanka-consular__content {

    max-width: 600px;

    padding-top: 4px;
}


.sri-lanka-consular__content p {

    margin: 0 0 22px;

    color: rgba(10, 10, 10, .58);

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

    line-height: 1.9;
}


.sri-lanka-consular__content .sri-lanka-consular__lead {

    margin-bottom: 28px;

    color: #0a0a0a;

    font-size: 16px;

    line-height: 1.8;
}


.sri-lanka-consular__actions {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 35px;
}


.sri-lanka-consular__button {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    min-height: 46px;

    padding: 13px 17px;

    color: #0a0a0a;

    background: #b89a5b;

    border: 1px solid #b89a5b;

    border-radius: 3px;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


.sri-lanka-consular__button span {

    font-size: 13px;

    line-height: 1;
}


.sri-lanka-consular__button:hover {

    color: #ffffff;

    background: #0a0a0a;

    border-color: #0a0a0a;

    transform: translateY(-2px);
}


.sri-lanka-consular__button--secondary {

    color: #0a0a0a;

    background: transparent;

    border-color: rgba(10, 10, 10, .25);
}


.sri-lanka-consular__button--secondary:hover {

    color: #ffffff;

    background: #0a0a0a;

    border-color: #0a0a0a;
}


/* =========================================================
   YOUR EXISTING MAP CSS — IMPORTANT FIXES
   ========================================================= */

.rediscover-marker__dot {

    transition:
        transform .3s ease,
        background .3s ease;
}


.sri-lanka-map__destination-arrow {

    transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   RESPONSIVE — LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: min(1280px, calc(100% - 100px));
    }

}


/* =========================================================
   RESPONSIVE — 1101–1399
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1399px) {

    .sri-lanka-about,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips {

        padding-top: 125px;

        padding-bottom: 125px;
    }


    .sri-lanka-facts,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding-top: 125px;

        padding-bottom: 125px;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: min(1200px, calc(100% - 80px));
    }


    .sri-lanka-about__container,
    .sri-lanka-consular__container {

        gap: 75px;
    }


    .sri-lanka-facts__grid,
    .sri-lanka-travel-tips__grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));
    }


    .sri-lanka-symbols__grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 14px;
    }


    .sri-lanka-nature__grid {

        gap: 15px;
    }

}


/* =========================================================
   RESPONSIVE — TABLET LANDSCAPE
   ========================================================= */

@media (min-width: 901px) and (max-width: 1100px) {

    .sri-lanka-about,
    .sri-lanka-facts,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding: 105px 0;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: calc(100% - 70px);

        max-width: 950px;
    }


    .sri-lanka-about__container {

        gap: 55px;
    }


    .sri-lanka-about__header h2,
    .sri-lanka-facts__heading h2,
    .sri-lanka-symbols__heading h2,
    .sri-lanka-heritage__intro h2,
    .sri-lanka-nature__header h2,
    .sri-lanka-travel-tips__heading h2,
    .sri-lanka-emergency__intro h2,
    .sri-lanka-consular__heading h2 {

        font-size: clamp(2.7rem, 5vw, 4.5rem);
    }


    .sri-lanka-facts__grid,
    .sri-lanka-travel-tips__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .sri-lanka-symbols__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .sri-lanka-symbol {

        min-height: 330px;
    }


    .sri-lanka-nature__grid {

        grid-template-columns: 1fr 1fr;
    }


    .sri-lanka-nature-card:last-child {

        grid-column: 1 / -1;
    }


    .sri-lanka-emergency__container {

        grid-template-columns: 1fr;

        gap: 55px;
    }


    .sri-lanka-emergency__intro {

        position: static;
    }


    .sri-lanka-consular__container {

        gap: 60px;
    }


    .sri-lanka-heritage__intro {

        gap: 55px;
    }

}


/* =========================================================
   RESPONSIVE — TABLET PORTRAIT
   ========================================================= */

@media (min-width: 601px) and (max-width: 900px) {

    .sri-lanka-about,
    .sri-lanka-facts,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding: 95px 0;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: calc(100% - 60px);

        max-width: 760px;
    }


    .sri-lanka-about__container,
    .sri-lanka-consular__container {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .sri-lanka-about__header,
    .sri-lanka-emergency__intro {

        position: static;
    }


    .sri-lanka-about__copy {

        max-width: 680px;
    }


    .sri-lanka-about__header h2,
    .sri-lanka-facts__heading h2,
    .sri-lanka-symbols__heading h2,
    .sri-lanka-heritage__intro h2,
    .sri-lanka-nature__header h2,
    .sri-lanka-travel-tips__heading h2,
    .sri-lanka-emergency__intro h2,
    .sri-lanka-consular__heading h2 {

        font-size: clamp(2.8rem, 7vw, 4.4rem);
    }


    .sri-lanka-facts__heading,
    .sri-lanka-travel-tips__heading,
    .sri-lanka-heritage__intro {

        grid-template-columns: 1fr;

        gap: 25px;
    }


    .sri-lanka-facts__eyebrow,
    .sri-lanka-travel-tips__eyebrow {

        grid-column: auto;

        margin-bottom: 0;
    }


    .sri-lanka-facts__heading>p,
    .sri-lanka-heritage__intro>p {

        justify-self: start;

        max-width: 650px;
    }


    .sri-lanka-facts__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .sri-lanka-symbols__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 14px;
    }


    .sri-lanka-nature__grid {

        grid-template-columns: 1fr;

        gap: 14px;
    }


    .sri-lanka-nature-card {

        min-height: 360px;
    }


    .sri-lanka-travel-tips__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .sri-lanka-emergency__container {

        grid-template-columns: 1fr;

        gap: 50px;
    }


    .sri-lanka-emergency__grid {

        grid-template-columns: 1fr 1fr;
    }


    .sri-lanka-consular__content {

        max-width: 700px;
    }


    .sri-lanka-heritage__item {

        grid-template-columns: 45px minmax(0, 1fr) 80px;

        min-height: 82px;
    }


    .sri-lanka-heritage__item strong {

        font-size: 19px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE 376–600
   ========================================================= */

@media (min-width: 376px) and (max-width: 600px) {

    .sri-lanka-about,
    .sri-lanka-facts,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding: 78px 0;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: calc(100% - 35px);
    }


    .sri-lanka-about__container,
    .sri-lanka-consular__container {

        grid-template-columns: 1fr;

        gap: 35px;
    }


    .sri-lanka-about__header,
    .sri-lanka-emergency__intro {

        position: static;
    }


    .sri-lanka-about__eyebrow,
    .sri-lanka-facts__eyebrow,
    .sri-lanka-symbols__eyebrow,
    .sri-lanka-heritage__eyebrow,
    .sri-lanka-nature__eyebrow,
    .sri-lanka-travel-tips__eyebrow,
    .sri-lanka-emergency__eyebrow,
    .sri-lanka-consular__eyebrow {

        margin-bottom: 18px;

        font-size: 9.5px;
    }


    .sri-lanka-about__header h2,
    .sri-lanka-facts__heading h2,
    .sri-lanka-symbols__heading h2,
    .sri-lanka-heritage__intro h2,
    .sri-lanka-nature__header h2,
    .sri-lanka-travel-tips__heading h2,
    .sri-lanka-emergency__intro h2,
    .sri-lanka-consular__heading h2 {

        font-size: clamp(2.4rem, 10vw, 3.5rem);

        line-height: .9;
    }


    .sri-lanka-about__copy p {

        font-size: 10.5px;

        line-height: 1.8;
    }


    .sri-lanka-about__copy .sri-lanka-about__lead {

        margin-bottom: 25px;

        font-size: 14px;

        line-height: 1.75;
    }


    .sri-lanka-facts__heading,
    .sri-lanka-travel-tips__heading,
    .sri-lanka-heritage__intro {

        display: block;

        margin-bottom: 45px;
    }


    .sri-lanka-facts__eyebrow,
    .sri-lanka-travel-tips__eyebrow {

        margin-bottom: 18px;
    }


    .sri-lanka-facts__heading>p,
    .sri-lanka-heritage__intro>p {

        margin-top: 24px;

        font-size: 10.5px;

        line-height: 1.8;
    }


    .sri-lanka-facts__grid {

        grid-template-columns: 1fr 1fr;
    }


    .sri-lanka-fact {

        min-height: 220px;

        padding: 19px;
    }


    .sri-lanka-fact__number {

        margin-bottom: 27px;
    }


    .sri-lanka-fact__value {

        font-size: 34px;
    }


    .sri-lanka-fact h3 {

        font-size: 9.5px;
    }


    .sri-lanka-fact p {

        font-size: 10px;

        line-height: 1.65;
    }


    .sri-lanka-symbols__grid {

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .sri-lanka-symbol {

        min-height: 275px;

        padding: 22px;
    }


    .sri-lanka-symbol__number {

        margin-bottom: 25px;
    }


    .sri-lanka-symbol__icon {

        width: 38px;

        height: 38px;

        margin-bottom: 20px;
    }


    .sri-lanka-symbol h3 {

        font-size: 21px;
    }


    .sri-lanka-symbol p {

        font-size: 9.5px;

        line-height: 1.7;
    }


    .sri-lanka-heritage__list {

        margin-top: 5px;
    }


    .sri-lanka-heritage__item {

        grid-template-columns: 30px minmax(0, 1fr);

        min-height: 78px;

        gap: 12px;

        padding: 14px 0;
    }


    .sri-lanka-heritage__item strong {

        font-size: 17px;

        line-height: 1.1;
    }


    .sri-lanka-heritage__item small {

        grid-column: 2;

        justify-self: start;

        margin-top: -5px;
    }


    .sri-lanka-nature__grid {

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .sri-lanka-nature-card {

        min-height: 330px;

        padding: 22px;
    }


    .sri-lanka-nature-card__large {

        font-size: 50px;
    }


    .sri-lanka-nature-card p {

        font-size: 9.5px;

        line-height: 1.7;
    }


    .sri-lanka-travel-tips__grid {

        grid-template-columns: 1fr;
    }


    .sri-lanka-travel-tip {

        min-height: 200px;

        padding: 21px;
    }


    .sri-lanka-travel-tip>span {

        margin-bottom: 28px;
    }


    .sri-lanka-travel-tip h3 {

        font-size: 21px;
    }


    .sri-lanka-travel-tip p {

        font-size: 9.5px;

        line-height: 1.7;
    }


    .sri-lanka-emergency__container {

        grid-template-columns: 1fr;

        gap: 40px;
    }


    .sri-lanka-emergency__grid {

        grid-template-columns: 1fr;
    }


    .sri-lanka-emergency-card {

        min-height: 105px;

        padding: 18px;
    }


    .sri-lanka-emergency-card strong {

        font-size: 21px;
    }


    .sri-lanka-consular__content .sri-lanka-consular__lead {

        font-size: 14px;

        line-height: 1.75;
    }


    .sri-lanka-consular__content p {

        font-size: 10.5px;

        line-height: 1.8;
    }


    .sri-lanka-consular__actions {

        flex-direction: column;

        align-items: stretch;
    }


    .sri-lanka-consular__button {

        width: 100%;
    }

}


/* =========================================================
   RESPONSIVE — SMALL MOBILE 320–375
   ========================================================= */

@media (min-width: 320px) and (max-width: 375px) {

    .sri-lanka-about,
    .sri-lanka-facts,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding: 68px 0;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: calc(100% - 30px);
    }


    .sri-lanka-about__header,
    .sri-lanka-emergency__intro {

        position: static;
    }


    .sri-lanka-about__header h2,
    .sri-lanka-facts__heading h2,
    .sri-lanka-symbols__heading h2,
    .sri-lanka-heritage__intro h2,
    .sri-lanka-nature__header h2,
    .sri-lanka-travel-tips__heading h2,
    .sri-lanka-emergency__intro h2,
    .sri-lanka-consular__heading h2 {

        font-size: 2.25rem;
    }


    .sri-lanka-facts__grid {

        grid-template-columns: 1fr;
    }


    .sri-lanka-fact {

        min-height: 205px;
    }


    .sri-lanka-fact__value {

        font-size: 32px;
    }


    .sri-lanka-symbols__grid,
    .sri-lanka-nature__grid,
    .sri-lanka-travel-tips__grid {

        grid-template-columns: 1fr;
    }


    .sri-lanka-symbol {

        min-height: 255px;
    }


    .sri-lanka-nature-card {

        min-height: 315px;
    }


    .sri-lanka-heritage__item strong {

        font-size: 16px;
    }


    .sri-lanka-emergency__grid {

        grid-template-columns: 1fr;
    }


    .sri-lanka-emergency-card {

        min-height: 100px;

        grid-template-columns: 25px minmax(0, 1fr) 20px;

        padding: 17px;
    }


    .sri-lanka-consular__actions {

        flex-direction: column;
    }


    .sri-lanka-consular__button {

        width: 100%;

        font-size: 9.5px;
    }

}


/* =========================================================
   RESPONSIVE — VERY SMALL DEVICES
   ========================================================= */

@media (max-width: 319px) {

    .sri-lanka-about,
    .sri-lanka-facts,
    .sri-lanka-symbols,
    .sri-lanka-heritage,
    .sri-lanka-nature,
    .sri-lanka-travel-tips,
    .sri-lanka-emergency,
    .sri-lanka-consular {

        padding: 60px 0;
    }


    .sri-lanka-about__container,
    .sri-lanka-facts__container,
    .sri-lanka-symbols__container,
    .sri-lanka-heritage__container,
    .sri-lanka-nature__container,
    .sri-lanka-travel-tips__container,
    .sri-lanka-emergency__container,
    .sri-lanka-consular__container {

        width: calc(100% - 24px);
    }


    .sri-lanka-about__header h2,
    .sri-lanka-facts__heading h2,
    .sri-lanka-symbols__heading h2,
    .sri-lanka-heritage__intro h2,
    .sri-lanka-nature__header h2,
    .sri-lanka-travel-tips__heading h2,
    .sri-lanka-emergency__intro h2,
    .sri-lanka-consular__heading h2 {

        font-size: 2rem;
    }


    .sri-lanka-fact {

        padding: 17px;
    }


    .sri-lanka-fact__value {

        font-size: 28px;
    }


    .sri-lanka-symbol {

        padding: 18px;
    }


    .sri-lanka-symbol h3 {

        font-size: 19px;
    }


    .sri-lanka-nature-card {

        padding: 18px;
    }


    .sri-lanka-nature-card__large {

        font-size: 44px;
    }


    .sri-lanka-heritage__item strong {

        font-size: 15px;
    }


    .sri-lanka-emergency-card strong {

        font-size: 19px;
    }

}


/* =========================================================
   TOUCH DEVICES
   ========================================================= */

@media (hover: none) and (pointer: coarse) {

    .sri-lanka-fact:hover,
    .sri-lanka-symbol:hover,
    .sri-lanka-nature-card:hover,
    .sri-lanka-travel-tip:hover {

        transform: none;
    }


    .sri-lanka-fact:hover {

        background: transparent;
    }


    .sri-lanka-symbol:hover {

        background: #e9e2d4;

        border-color: rgba(10, 10, 10, .10);
    }


    .sri-lanka-nature-card:hover {

        border-color: rgba(10, 10, 10, .10);
    }


    .sri-lanka-travel-tip:hover {

        background: transparent;
    }


    .sri-lanka-emergency-card:hover {

        padding-left: 22px;

        background: transparent;
    }


    .sri-lanka-emergency-card:hover b {

        transform: none;
    }


    .sri-lanka-consular__button:hover {

        transform: none;
    }

}


/* =========================================================
   KEYBOARD ACCESSIBILITY
   ========================================================= */

.sri-lanka-emergency-card:focus-visible,
.sri-lanka-consular__button:focus-visible {

    outline: 1px solid #b89a5b;

    outline-offset: 4px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {

        scroll-behavior: auto !important;
    }


    .sri-lanka-about *,
    .sri-lanka-about *::before,
    .sri-lanka-about *::after,

    .sri-lanka-facts *,
    .sri-lanka-facts *::before,
    .sri-lanka-facts *::after,

    .sri-lanka-symbols *,
    .sri-lanka-symbols *::before,
    .sri-lanka-symbols *::after,

    .sri-lanka-heritage *,
    .sri-lanka-heritage *::before,
    .sri-lanka-heritage *::after,

    .sri-lanka-nature *,
    .sri-lanka-nature *::before,
    .sri-lanka-nature *::after,

    .sri-lanka-travel-tips *,
    .sri-lanka-travel-tips *::before,
    .sri-lanka-travel-tips *::after,

    .sri-lanka-emergency *,
    .sri-lanka-emergency *::before,
    .sri-lanka-emergency *::after,

    .sri-lanka-consular *,
    .sri-lanka-consular *::before,
    .sri-lanka-consular *::after,

    .sri-lanka-map *,
    .sri-lanka-map *::before,
    .sri-lanka-map *::after {

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;

        transition-delay: 0s !important;

        scroll-behavior: auto !important;
    }


    .rediscover-marker__dot::after {

        animation: none !important;
    }


    .sri-lanka-fact:hover,
    .sri-lanka-symbol:hover,
    .sri-lanka-nature-card:hover,
    .sri-lanka-heritage__item:hover,
    .sri-lanka-emergency-card:hover,
    .sri-lanka-consular__button:hover {

        transform: none !important;

        padding-left: initial;
    }


    .sri-lanka-map__destination:hover .sri-lanka-map__destination-image img {

        transform: none !important;
    }


    .sri-lanka-map__destination:hover .sri-lanka-map__destination-arrow {

        transform: none !important;
    }

}