.elementor-390 .elementor-element.elementor-element-79d7e09{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-390 .elementor-element.elementor-element-4d52bf2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-390 .elementor-element.elementor-element-68657cf{text-align:center;}.elementor-390 .elementor-element.elementor-element-2fffc13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-390 .elementor-element.elementor-element-2520cac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 70px 20px 70px;text-align:center;}.elementor-390 .elementor-element.elementor-element-4d3c893{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-390 .elementor-element.elementor-element-a9cdc05{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-390 .elementor-element.elementor-element-aca4512{text-align:center;}.elementor-390 .elementor-element.elementor-element-fa861f8{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-390 .elementor-element.elementor-element-b1759e0 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-b1759e0 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-b1759e0 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-b1759e0 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-b1759e0 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-42f0b05{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-528994a{text-align:center;}.elementor-390 .elementor-element.elementor-element-d322364{text-align:center;}.elementor-390 .elementor-element.elementor-element-d654ed1 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-d654ed1 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-d654ed1 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-d654ed1 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-d654ed1 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-402a030{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:40px;}.elementor-390 .elementor-element.elementor-element-b73f295{text-align:center;}.elementor-390 .elementor-element.elementor-element-8778a55{text-align:center;}.elementor-390 .elementor-element.elementor-element-3545410 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-3545410 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-3545410 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-3545410 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-3545410 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-73e9736{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-390 .elementor-element.elementor-element-c81f99f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-4d81ad8{text-align:center;}.elementor-390 .elementor-element.elementor-element-bc53c88{text-align:center;}.elementor-390 .elementor-element.elementor-element-9a5e2ee .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-9a5e2ee .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-9a5e2ee .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-9a5e2ee .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-9a5e2ee .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-4a5a51e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-d618683{text-align:center;}.elementor-390 .elementor-element.elementor-element-b69644b{text-align:center;}.elementor-390 .elementor-element.elementor-element-ed8bcd8 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-ed8bcd8 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-ed8bcd8 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-ed8bcd8 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-ed8bcd8 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-913ab39{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:40px;}.elementor-390 .elementor-element.elementor-element-c1f7b8b{text-align:center;}.elementor-390 .elementor-element.elementor-element-0948479{text-align:center;}.elementor-390 .elementor-element.elementor-element-e498c22 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-e498c22 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-e498c22 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-e498c22 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-e498c22 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-b2e585c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-390 .elementor-element.elementor-element-524e0d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-6e0f6e2{text-align:center;}.elementor-390 .elementor-element.elementor-element-cf9162e{text-align:center;}.elementor-390 .elementor-element.elementor-element-6e085f5 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-6e085f5 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-6e085f5 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-6e085f5 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-6e085f5 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-0c71e77{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-e88e09e{text-align:center;}.elementor-390 .elementor-element.elementor-element-d23d777{text-align:center;}.elementor-390 .elementor-element.elementor-element-0e821cb .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-0e821cb .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-0e821cb .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-0e821cb .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-0e821cb .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-a46da51{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:40px;}.elementor-390 .elementor-element.elementor-element-540765e{text-align:center;}.elementor-390 .elementor-element.elementor-element-ccebe75{text-align:center;}.elementor-390 .elementor-element.elementor-element-79a5362 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-79a5362 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-79a5362 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-79a5362 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-79a5362 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-6fa64a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-390 .elementor-element.elementor-element-ae37a2f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-0b8ae61{text-align:center;}.elementor-390 .elementor-element.elementor-element-cd4f62a{text-align:center;}.elementor-390 .elementor-element.elementor-element-4bd5828 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-4bd5828 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-4bd5828 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-4bd5828 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-4bd5828 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-c1d03e7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-aa97c9a{text-align:center;}.elementor-390 .elementor-element.elementor-element-fa37894{text-align:center;}.elementor-390 .elementor-element.elementor-element-6d13b78 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-6d13b78 .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-6d13b78 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-6d13b78 .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-6d13b78 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-d72c971{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:40px;}.elementor-390 .elementor-element.elementor-element-a8d98df{text-align:center;}.elementor-390 .elementor-element.elementor-element-2fd4d1c{text-align:center;}.elementor-390 .elementor-element.elementor-element-6e8baea .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ac5226e );color:var( --e-global-color-ac5226e );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-390 .elementor-element.elementor-element-6e8baea .elementor-button:hover, .elementor-390 .elementor-element.elementor-element-6e8baea .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-390 .elementor-element.elementor-element-6e8baea .elementor-button:hover svg, .elementor-390 .elementor-element.elementor-element-6e8baea .elementor-button:focus svg{fill:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-390 .elementor-element.elementor-element-4d52bf2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-390 .elementor-element.elementor-element-2520cac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:justify;}}/* Start custom CSS for html, class: .elementor-element-5ea8519 *//* =========================================================
   BEST TRAILS LANKA - HERO SECTION ONLY
========================================================= */

:root {
    --black: #050C18;
    --navy: #294E90;
    --blue: #3C91ED;
    --sky: #7EBDE9;
    --smoke: #F3F3F3;
    --white: #fff;

    --font-head: 'Marcellus', Georgia, serif;
    --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}


/* BASIC RESET REQUIRED FOR HERO */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img,
svg {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}


/* CONTAINER */

.container {
    width: min(1240px, 100% - 3rem);
    margin-inline: auto;
}


/* =========================================================
   BUTTONS
========================================================= */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;

    padding: 1rem 1.8rem;

    border-radius: 999px;
    border: 0;

    font-family: var(--font-body);
    font-weight: 800;
    font-size: 1.02rem;
    letter-spacing: .02em;

    position: relative;
    overflow: hidden;
    isolation: isolate;

    cursor: pointer;

    transition:
        transform .35s,
        box-shadow .35s,
        background .3s;
}

.btn:hover {
    transform: translateY(-3px);
}

.btn svg {
    width: 19px;
    height: 19px;

    transition: transform .3s;
}

.btn:hover svg {
    transform: translateX(5px);
}


.btn-primary {
    background:
        linear-gradient(
            135deg,
            var(--navy),
            var(--blue)
        );

    color: #fff;

    box-shadow:
        0 14px 30px -12px
        rgba(60,145,237,.85);
}

.btn-primary::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent 30%,
            rgba(255,255,255,.45) 50%,
            transparent 70%
        );

    transform: translateX(-120%);

    transition: transform .8s;

    z-index: -1;
}

.btn-primary:hover::before {
    transform: translateX(120%);
}


.btn-line {
    background: #fff;

    color: var(--navy);

    border:
        1.5px solid
        rgba(41,78,144,.3);
}

.btn-line:hover {
    border-color: var(--blue);

    box-shadow:
        0 12px 26px -14px
        var(--blue);
}


/* =========================================================
   HERO
========================================================= */

.hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(2.6rem,5vw,4.4rem)
        0
        clamp(3.4rem,6vw,5rem);

    background:
        radial-gradient(
            760px 420px at 96% 0%,
            rgba(126,189,233,.5),
            transparent 65%
        ),
        radial-gradient(
            640px 360px at 0% 100%,
            rgba(60,145,237,.18),
            transparent 65%
        ),
        linear-gradient(
            180deg,
            #fff,
            var(--smoke)
        );
}


/* HERO GRID */

.hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.02fr .98fr;

    gap: 2.5rem;

    align-items: center;
}


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

.crumbs {
    display: inline-flex;

    gap: .5rem;

    align-items: center;

    margin-bottom: 1rem;

    padding: .45rem 1rem;

    border-radius: 999px;

    color: #5a6a82;

    background: #fff;

    font-size: .9rem;
    font-weight: 700;

    box-shadow:
        0 6px 18px -10px
        rgba(41,78,144,.5);
}

.crumbs b {
    color: var(--blue);
}


/* =========================================================
   LOGO MARK
========================================================= */

.logo-mark {
    width: 78px;

    margin-bottom: .4rem;
}

.logo-mark .palm {
    stroke-dasharray: 700;
    stroke-dashoffset: 700;

    animation:
        draw 3s .2s forwards ease;
}

.logo-mark .leaf {
    transform-origin: 108px 70px;

    animation:
        sway 5s ease-in-out infinite;
}


/* =========================================================
   EYEBROW
========================================================= */

.eyebrow {
    display: inline-flex;

    align-items: center;

    gap: .7rem;

    color: var(--blue);

    font-size: .85rem;
    font-weight: 800;

    letter-spacing: .26em;

    text-transform: uppercase;
}

.eyebrow.line::before {
    content: "";

    width: 30px;
    height: 2px;

    background: var(--blue);
}


/* =========================================================
   HERO HEADING
========================================================= */

.hero h1 {
    max-width: 14ch;

    margin:
        .9rem 0
        1.1rem;

    color: var(--black);

    font-family: var(--font-head);
    font-weight: 400;

    font-size:
        clamp(2.5rem,5.6vw,4.5rem);

    line-height: 1.05;
}


.hero h1 .word {
    display: inline-block;

    opacity: 0;

    transform:
        translateY(40px)
        rotate(4deg);

    animation:
        wordIn .9s forwards
        cubic-bezier(.2,.8,.2,1);
}


/* SRI LANKA GRADIENT */

.hero h1 em {
    font-style: normal;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            var(--blue),
            var(--sky),
            var(--navy)
        );

    background-size: 300% 100%;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    animation:
        shine 6s linear infinite;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.hero p.sub {
    max-width: 520px;

    margin-bottom: 1.8rem;

    color: #3b4658;

    font-size: 1.25rem;

    opacity: 0;

    animation:
        wordIn 1s 1s forwards;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.hero-cta {
    display: flex;

    gap: 1rem;

    flex-wrap: wrap;

    opacity: 0;

    animation:
        wordIn 1s 1.2s forwards;
}


/* =========================================================
   RIGHT VISUAL AREA
========================================================= */

.hero-art {
    position: relative;

    display: grid;

    place-items: center;

    min-height: 400px;
}


/* BLUE SPLASH */

.splash {
    position: absolute;

    width: 114%;
    max-width: 560px;

    aspect-ratio: 1;

    animation:
        spin 45s linear infinite;
}


/* =========================================================
   MAIN CIRCLE IMAGE
========================================================= */

.photo-circle {
    position: relative;

    z-index: 2;

    width:
        min(100%,430px);

    aspect-ratio: 1;

    overflow: hidden;

    border-radius: 50%;

    border:
        9px solid #fff;

    background:
        linear-gradient(
            160deg,
            var(--sky),
            var(--blue) 55%,
            var(--navy)
        );

    box-shadow:
        0 30px 70px -20px
        rgba(41,78,144,.6);

    animation:
        float 8s ease-in-out infinite;
}


.photo-circle img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transform: scale(1.08);

    animation:
        kenburns 14s ease-in-out
        infinite alternate;
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.float-card {
    position: absolute;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: .7rem;

    padding:
        .7rem 1.1rem;

    border-radius: 18px;

    background:
        rgba(255,255,255,.96);

    color: var(--navy);

    font-size: .95rem;
    font-weight: 800;

    line-height: 1.25;

    box-shadow:
        0 18px 40px -16px
        rgba(5,12,24,.45);

    animation:
        float 6s ease-in-out infinite;
}


.float-card small {
    display: block;

    color: #5a6a82;

    font-size: .8rem;
    font-weight: 600;
}


.float-card .dot {
    width: 38px;
    height: 38px;

    flex: none;

    display: grid;

    place-items: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            var(--blue)
        );
}


.fc1 {
    left: -2%;
    top: 12%;
}

.fc2 {
    right: -1%;
    bottom: 14%;

    animation-delay: -3s;
}


/* =========================================================
   PLANE
========================================================= */

.plane {
    position: absolute;

    left: 3%;
    top: 9%;

    width: 92px;

    z-index: 1;

    color: var(--sky);

    animation:
        float 7s ease-in-out infinite;
}


/* =========================================================
   DASH PATH
========================================================= */

.dash-path {
    position: absolute;

    left: 0;
    top: 0;

    width: 60%;
    height: 100%;

    z-index: 1;

    pointer-events: none;
}


.dash-path path {
    stroke-dasharray: 6 8;

    animation:
        dash 14s linear infinite;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}


@keyframes spin {

    to {
        transform: rotate(360deg);
    }
}


@keyframes wordIn {

    to {
        opacity: 1;

        transform: none;
    }
}


@keyframes shine {

    to {
        background-position: 300% 0;
    }
}


@keyframes draw {

    to {
        stroke-dashoffset: 0;
    }
}


@keyframes sway {

    0%,
    100% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(4deg);
    }
}


@keyframes kenburns {

    to {
        transform:
            scale(1.2)
            translate(-2%,-2%);
    }
}


@keyframes dash {

    to {
        stroke-dashoffset: -280;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .hero-grid {
        grid-template-columns: 1fr;

        gap: 1.4rem;

        justify-items: center;
    }


    .hero-text {
        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;
    }


    .hero h1,
    .hero p.sub {
        margin-inline: auto;
    }


    .hero-cta {
        justify-content: center;
    }


    .hero-art {
        width: 100%;

        min-height: 0;

        padding: 1rem 0;
    }


    .photo-circle {
        width:
            min(78vw,320px);
    }


    .splash {
        width:
            min(104vw,400px);
    }


    .float-card {
        display: none;
    }


    .plane {
        width: 60px;

        left: 6%;
        top: 3%;
    }


    .eyebrow.line::before {
        display: none;
    }

}


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

@media (max-width: 700px) {

    .container {
        width:
            min(1240px,100% - 2rem);
    }


    .hero-cta .btn {
        width: 100%;

        max-width: 340px;
    }

}


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

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

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }


    .hero h1 .word,
    .hero p.sub,
    .hero-cta {
        opacity: 1;

        transform: none;
    }


    .logo-mark .palm {
        stroke-dashoffset: 0;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d52bf2 *//* =========================================================
   BEST TRAILS LANKA
   PREMIUM DESTINATIONS SECTION
========================================================= */

.premium-destinations {

    --dt-black: #050C18;
    --dt-navy: #294E90;
    --dt-blue: #3C91ED;
    --dt-sky: #7EBDE9;
    --dt-white: #ffffff;
    --dt-soft: #f5f8fc;
    --dt-text: #46556b;

    position: relative !important;

    width: 100% !important;

    padding: 90px 40px !important;

    box-sizing: border-box !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 5%,
            rgba(126,189,233,.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 93% 88%,
            rgba(60,145,237,.09),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        ) !important;
}


/* =========================================================
   SUBTLE BACKGROUND DECORATION
========================================================= */

.premium-destinations::before {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    left: -220px;
    top: 120px;

    border-radius: 50%;

    border:
        1px solid
        rgba(60,145,237,.08);

    box-shadow:
        0 0 0 55px rgba(60,145,237,.025),
        0 0 0 110px rgba(60,145,237,.015);

    pointer-events: none;
}


.premium-destinations::after {

    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    right: -150px;
    bottom: 80px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(126,189,233,.13),
            transparent 68%
        );

    pointer-events: none;
}


/* =========================================================
   SECTION INNER WIDTH
========================================================= */

.premium-destinations > .e-con-inner,
.premium-destinations > .elementor-container {

    position: relative;

    z-index: 2;

    width: 100% !important;

    max-width: 1320px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TOP LABEL / EYEBROW
========================================================= */

.premium-destinations .elementor-widget-heading:first-child
.elementor-heading-title,
.premium-destinations .destination-eyebrow {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-bottom: 15px !important;

    color: var(--dt-blue) !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.premium-destinations .destination-eyebrow::before,
.premium-destinations .destination-eyebrow::after {

    content: "";

    width: 28px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--dt-blue)
        );
}


.premium-destinations .destination-eyebrow::after {

    transform: scaleX(-1);
}


/* =========================================================
   MAIN SECTION TITLE
========================================================= */

.premium-destinations h2 {

    margin:
        0 auto
        18px !important;

    color:
        var(--dt-navy) !important;

    font-family:
        'Marcellus',
        Georgia,
        serif !important;

    font-size:
        clamp(34px,4vw,52px) !important;

    font-weight:
        400 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.7px !important;

    text-align:
        center !important;
}


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

.premium-destinations .elementor-widget-text-editor:first-of-type,
.premium-destinations .destination-intro {

    max-width: 900px;

    margin:
        0 auto
        48px !important;

    color:
        var(--dt-text) !important;

    font-size:
        16px !important;

    line-height:
        1.75 !important;

    text-align:
        center !important;
}


/* =========================================================
   CARDS GRID
========================================================= */

.premium-destinations .destinations-grid {

    display: grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap: 26px !important;

    width: 100% !important;

    align-items: stretch !important;
}


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

.premium-destinations .destination-card {

    position: relative !important;

    min-width: 0 !important;

    overflow: hidden !important;

    border-radius:
        24px !important;

    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,.99),
            rgba(247,250,254,.98)
        ) !important;

    border:
        1px solid
        rgba(41,78,144,.10) !important;

    box-shadow:
        0 18px 45px
        rgba(41,78,144,.08),

        0 4px 14px
        rgba(5,12,24,.03) !important;

    transition:
        transform .45s cubic-bezier(.2,.7,.2,1),
        box-shadow .45s ease,
        border-color .45s ease !important;
}


/* TOP ACCENT */

.premium-destinations .destination-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 82px;
    height: 3px;

    transform:
        translateX(-50%);

    z-index: 6;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--dt-navy),
            var(--dt-blue),
            var(--dt-sky)
        );

    transition:
        width .4s ease;
}


/* GLOW */

.premium-destinations .destination-card::after {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -100px;
    bottom: -100px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(126,189,233,.16),
            transparent 70%
        );

    pointer-events: none;

    transition:
        transform .5s ease;
}


/* CARD HOVER */

.premium-destinations .destination-card:hover {

    transform:
        translateY(-10px) !important;

    border-color:
        rgba(60,145,237,.30) !important;

    box-shadow:
        0 30px 65px
        rgba(41,78,144,.16),

        0 10px 28px
        rgba(60,145,237,.08) !important;
}


.premium-destinations .destination-card:hover::before {

    width: 130px;
}


.premium-destinations .destination-card:hover::after {

    transform:
        scale(1.25);
}


/* =========================================================
   IMAGE AREA
========================================================= */

.premium-destinations .destination-card
.elementor-widget-image {

    position: relative;

    margin:
        0 !important;

    overflow: hidden;

    border-radius:
        24px 24px 0 0;
}


.premium-destinations .destination-card
.elementor-widget-image::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(5,12,24,.14) 100%
        );
}


/* IMAGE */

.premium-destinations .destination-card img {

    width: 100% !important;

    height: 235px !important;

    display: block;

    object-fit: cover !important;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .5s ease !important;
}


.premium-destinations .destination-card:hover img {

    transform:
        scale(1.07);

    filter:
        saturate(1.05)
        contrast(1.02);
}


/* =========================================================
   CARD INNER CONTENT
========================================================= */

.premium-destinations .destination-card > .e-con-inner {

    position: relative;

    z-index: 3;

    padding:
        28px
        26px
        30px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DESTINATION TITLE
========================================================= */

.premium-destinations .destination-card h3,
.premium-destinations .destination-card
.elementor-heading-title {

    margin:
        0 0
        8px !important;

    color:
        var(--dt-navy) !important;

    font-family:
        'Marcellus',
        Georgia,
        serif !important;

    font-size:
        27px !important;

    font-weight:
        400 !important;

    line-height:
        1.2 !important;

    transition:
        color .3s ease;
}


.premium-destinations .destination-card:hover h3,
.premium-destinations .destination-card:hover
.elementor-heading-title {

    color:
        var(--dt-blue) !important;
}


/* =========================================================
   SUBTITLE
========================================================= */

.premium-destinations .destination-card strong {

    display: block;

    margin-bottom:
        8px;

    color:
        var(--dt-black);

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1.4;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.premium-destinations .destination-card p {

    margin:
        0 0
        22px !important;

    color:
        #56657a !important;

    font-size:
        13px !important;

    line-height:
        1.65 !important;

    text-align:
        center !important;
}


/* =========================================================
   VIEW MORE BUTTON
========================================================= */

.premium-destinations .destination-card
.elementor-button,
.premium-destinations .destination-card
.destination-btn {

    min-width:
        120px;

    min-height:
        44px;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin-top:
        auto;

    padding:
        0 20px !important;

    overflow:
        hidden;

    position:
        relative;

    isolation:
        isolate;

    border:
        0 !important;

    border-radius:
        50px !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--dt-navy),
            var(--dt-blue)
        ) !important;

    box-shadow:
        0 11px 25px -10px
        rgba(60,145,237,.75);

    font-size:
        11px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .3px;

    text-transform:
        none;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}


/* BUTTON SHINE */

.premium-destinations .destination-card
.elementor-button::before,
.premium-destinations .destination-card
.destination-btn::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    transform:
        translateX(-120%);

    background:
        linear-gradient(
            110deg,
            transparent 30%,
            rgba(255,255,255,.35) 50%,
            transparent 70%
        );

    transition:
        transform .7s ease;
}


.premium-destinations .destination-card
.elementor-button:hover,
.premium-destinations .destination-card
.destination-btn:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 32px -10px
        rgba(60,145,237,.85);
}


.premium-destinations .destination-card
.elementor-button:hover::before,
.premium-destinations .destination-card
.destination-btn:hover::before {

    transform:
        translateX(120%);
}


/* =========================================================
   EQUAL CARD HEIGHT
========================================================= */

.premium-destinations .destination-card {

    height: 100% !important;
}


.premium-destinations .destination-card
> .e-con-inner {

    height: 100% !important;
}


/* =========================================================
   OPTIONAL CARD NUMBER
========================================================= */

.premium-destinations .destination-card
.destination-number {

    position: absolute;

    top: 18px;
    right: 20px;

    z-index: 5;

    width: 38px;
    height: 38px;

    display: flex;

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

    border-radius: 50%;

    color: #ffffff;

    background:
        rgba(5,12,24,.64);

    border:
        1px solid
        rgba(255,255,255,.28);

    backdrop-filter:
        blur(8px);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .5px;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .premium-destinations {

        padding:
            80px
            30px !important;
    }


    .premium-destinations
    .destinations-grid {

        gap:
            20px !important;
    }


    .premium-destinations
    .destination-card img {

        height:
            215px !important;
    }


    .premium-destinations
    .destination-card > .e-con-inner {

        padding:
            25px
            22px
            27px !important;
    }


    .premium-destinations
    .destination-card h3,
    .premium-destinations
    .destination-card
    .elementor-heading-title {

        font-size:
            24px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .premium-destinations {

        padding:
            70px
            22px !important;
    }


    .premium-destinations
    .destinations-grid {

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

        gap:
            20px !important;
    }


    .premium-destinations
    .destination-card img {

        height:
            220px !important;
    }

}


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

@media (max-width: 767px) {

    .premium-destinations {

        padding:
            55px
            14px !important;
    }


    .premium-destinations h2 {

        font-size:
            clamp(30px,8vw,40px) !important;

        margin-bottom:
            14px !important;
    }


    .premium-destinations
    .destination-intro {

        margin-bottom:
            32px !important;

        font-size:
            14px !important;

        line-height:
            1.65 !important;
    }


    .premium-destinations
    .destinations-grid {

        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    .premium-destinations
    .destination-card {

        border-radius:
            20px !important;
    }


    .premium-destinations
    .destination-card img {

        height:
            215px !important;
    }


    .premium-destinations
    .destination-card > .e-con-inner {

        padding:
            22px
            18px
            24px !important;
    }


    .premium-destinations
    .destination-card h3,
    .premium-destinations
    .destination-card
    .elementor-heading-title {

        font-size:
            24px !important;
    }


    .premium-destinations
    .destination-card p {

        font-size:
            13px !important;

        margin-bottom:
            18px !important;
    }


    .premium-destinations
    .destination-card
    .elementor-button,
    .premium-destinations
    .destination-card
    .destination-btn {

        min-height:
            42px;

        min-width:
            115px;
    }

}


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

@media (max-width: 480px) {

    .premium-destinations {

        padding:
            45px
            10px !important;
    }


    .premium-destinations
    .destinations-grid {

        gap:
            14px !important;
    }


    .premium-destinations
    .destination-card img {

        height:
            190px !important;
    }


    .premium-destinations
    .destination-card > .e-con-inner {

        padding:
            20px
            15px
            22px !important;
    }


    .premium-destinations
    .destination-card h3,
    .premium-destinations
    .destination-card
    .elementor-heading-title {

        font-size:
            22px !important;
    }

}/* End custom CSS */