.elementor-944 .elementor-element.elementor-element-ee0f67a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-953cc74{margin:100px 100px calc(var(--kit-widget-spacing, 0px) + 100px) 100px;}.elementor-944 .elementor-element.elementor-element-bf85f40{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-aa76a50{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-944 .elementor-element.elementor-element-edf591f{--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;--justify-content:space-between;--overflow:hidden;--padding-top:80px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-fce8587{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-944 .elementor-element.elementor-element-b9dde2b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-ac002b1{--display:flex;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}body.elementor-page-944{font-family:"Urbanist", Sans-serif;font-size:18px;}@media(max-width:1024px){.elementor-944 .elementor-element.elementor-element-edf591f{--justify-content:space-between;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:110px;--padding-left:12px;--padding-right:12px;}}@media(min-width:768px){.elementor-944 .elementor-element.elementor-element-bf85f40{--content-width:1426px;}.elementor-944 .elementor-element.elementor-element-edf591f{--content-width:1426px;}.elementor-944 .elementor-element.elementor-element-ac002b1{--content-width:1426px;}}/* Start custom CSS for html, class: .elementor-element-953cc74 *//* =====================================================
   HAWKSPIRE SLIDER - FULL WIDTH RESPONSIVE FIX
   ===================================================== */

.hawkspire-custom-slider {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff;

    line-height: 0;

    box-sizing: border-box;
}


/* =====================================================
   SLIDES
   ===================================================== */

.hawkspire-slide {
    position: absolute;

    top: 0;
    left: 0;

    width: 100% !important;

    opacity: 0;
    visibility: hidden;

    z-index: 1;

    transition:
        opacity 0.7s ease,
        visibility 0.7s ease;

    box-sizing: border-box;
}


.hawkspire-slide.active {
    position: relative;

    opacity: 1;
    visibility: visible;

    z-index: 2;
}


/* =====================================================
   SLIDER IMAGE
   ===================================================== */

.hawkspire-slide img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    box-sizing: border-box;
}


/* Link */

.hawkspire-slide a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   ARROWS
   ===================================================== */

.hawkspire-arrow {
    position: absolute !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 46px;
    height: 46px;

    padding: 0;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.45);

    color: #ffffff;

    font-size: 24px;
    line-height: 1;

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

    cursor: pointer;

    z-index: 50;

    box-sizing: border-box;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.hawkspire-arrow:hover {
    background: #087c8d;
}


.hawkspire-arrow:focus {
    outline: none;
}


.hawkspire-prev {
    left: 20px !important;
}


.hawkspire-next {
    right: 20px !important;
}


/* =====================================================
   DOTS
   ===================================================== */

.hawkspire-dots {
    position: absolute !important;

    left: 50% !important;
    bottom: 18px !important;

    transform: translateX(-50%) !important;

    display: flex;

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

    gap: 9px;

    z-index: 50;
}


.hawkspire-dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: none;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.85);

    cursor: pointer;

    box-sizing: border-box;
}


.hawkspire-dot.active {
    background: #087c8d;

    transform: scale(1.2);
}


.hawkspire-dot:focus {
    outline: none;
}


/* =====================================================
   TABLET
   768px - 1024px
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .hawkspire-custom-slider {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .hawkspire-slide img {
        width: 100% !important;
        height: auto !important;

        object-fit: contain !important;
    }


    .hawkspire-arrow {
        width: 40px;
        height: 40px;

        font-size: 21px;
    }


    .hawkspire-prev {
        left: 12px !important;
    }


    .hawkspire-next {
        right: 12px !important;
    }


    .hawkspire-dots {
        bottom: 12px !important;
    }
}


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

@media (max-width: 767px) {

    /*
     * IMPORTANT:
     * Break the slider out of Elementor's
     * constrained mobile container.
     */

    .hawkspire-custom-slider {

        position: relative !important;

        width: 100vw !important;
        max-width: 100vw !important;

        /*
         * Center against the phone viewport
         */

        left: 50% !important;

        margin-left: -50vw !important;
        margin-right: -50vw !important;

        padding: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    .hawkspire-slide {
        width: 100vw !important;
        max-width: 100vw !important;

        left: 0 !important;

        box-sizing: border-box !important;
    }


    .hawkspire-slide img {

        width: 100vw !important;
        max-width: 100vw !important;

        height: auto !important;

        object-fit: contain !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------
       MOBILE ARROWS
       ----------------------------- */

    .hawkspire-arrow {

        width: 34px;
        height: 34px;

        font-size: 18px;

        top: 50% !important;
    }


    .hawkspire-prev {
        left: 7px !important;
    }


    .hawkspire-next {
        right: 7px !important;
    }


    /* -----------------------------
       MOBILE DOTS
       ----------------------------- */

    .hawkspire-dots {

        bottom: 9px !important;

        gap: 7px;
    }


    .hawkspire-dot {

        width: 8px;
        height: 8px;
    }
}


/* =====================================================
   SMALL PHONES
   ===================================================== */

@media (max-width: 480px) {

    .hawkspire-custom-slider {

        width: 100vw !important;
        max-width: 100vw !important;

        left: 50% !important;

        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }


    .hawkspire-slide {

        width: 100vw !important;
        max-width: 100vw !important;
    }


    .hawkspire-slide img {

        width: 100vw !important;
        max-width: 100vw !important;

        height: auto !important;
    }


    .hawkspire-arrow {

        width: 30px;
        height: 30px;

        font-size: 16px;
    }


    .hawkspire-prev {
        left: 5px !important;
    }


    .hawkspire-next {
        right: 5px !important;
    }


    .hawkspire-dots {

        bottom: 7px !important;

        gap: 6px;
    }


    .hawkspire-dot {

        width: 7px;
        height: 7px;
    }
}


/* =====================================================
   PREVENT HORIZONTAL PAGE SCROLL
   ===================================================== */

html,
body {
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fce8587 *//* =====================================================
   HAWKSPIRE MODERN ABOUT SECTION
   ===================================================== */

.hs-modern-about {
    width: 100%;
    padding: 100px 30px;
    background: #ffffff;
    overflow: hidden;
}

.hs-about-container {
    width: 100%;
    max-width: 1450px;
    margin: auto;

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

    gap: 100px;
    align-items: center;
}


/* =====================================================
   LEFT VISUAL
   ===================================================== */

.hs-about-visual {
    position: relative;
    min-height: 620px;
}


.hs-main-photo {
    position: absolute;

    top: 0;
    left: 0;

    width: 88%;
    height: 570px;

    border-radius: 30px;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(0, 35, 45, 0.18);

    z-index: 2;
}


.hs-main-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 1s ease;
}


.hs-main-photo:hover img {
    transform: scale(1.04);
}


/* Dark gradient */

.hs-main-photo::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0.02),
            rgba(0,30,40,0.35)
        );

    pointer-events: none;
}


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

.hs-destination-card {

    position: absolute;

    right: 0;
    top: 75px;

    width: 270px;

    padding: 18px 20px;

    background: rgba(255,255,255,0.96);

    backdrop-filter: blur(15px);

    border-radius: 18px;

    display: flex;

    align-items: center;

    gap: 13px;

    box-shadow:
        0 15px 45px rgba(0,0,0,0.15);

    z-index: 8;
}


.hs-location-icon {

    width: 45px;
    height: 45px;

    border-radius: 50%;

    background: #087c8e;

    color: white;

    display: flex;

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

    font-size: 21px;
}


.hs-destination-card small {

    display: block;

    font-size: 9px;

    letter-spacing: 2px;

    color: #777;

    margin-bottom: 3px;
}


.hs-destination-card strong {

    display: block;

    color: #102d42;

    font-size: 15px;
}


.hs-arrow {

    margin-left: auto;

    font-size: 22px;

    color: #087c8e;
}


/* =====================================================
   TRAVELLER CARD
   ===================================================== */

.hs-traveller-card {

    position: absolute;

    left: 35px;
    bottom: 25px;

    background: #092f43;

    color: white;

    padding: 18px 23px;

    border-radius: 18px;

    display: flex;

    align-items: center;

    gap: 14px;

    z-index: 10;

    box-shadow:
        0 20px 45px rgba(0,0,0,0.22);
}


.hs-traveller-card strong {

    display: block;

    font-size: 25px;

    line-height: 1;
}


.hs-traveller-card small {

    display: block;

    margin-top: 4px;

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

    font-size: 11px;
}


.hs-avatar-stack {

    display: flex;

    align-items: center;
}


.hs-avatar-stack span {

    width: 31px;
    height: 31px;

    border-radius: 50%;

    background: #ffffff;

    color: #087c8e;

    display: flex;

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

    margin-left: -7px;

    border: 2px solid #092f43;

    font-size: 12px;
}


.hs-avatar-stack span:first-child {
    margin-left: 0;
}


/* =====================================================
   DECORATIVE CIRCLE
   ===================================================== */

.hs-circle-decoration {

    position: absolute;

    width: 190px;
    height: 190px;

    border-radius: 50%;

    border: 35px solid rgba(8,124,142,.08);

    right: -70px;

    bottom: -40px;

    z-index: 1;
}


/* =====================================================
   RIGHT CONTENT
   ===================================================== */

.hs-about-content {
    padding-right: 30px;
}


.hs-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #087c8e;

    margin-bottom: 20px;
}


.hs-eyebrow span {

    width: 35px;
    height: 2px;

    background: #087c8e;

    display: block;
}


/* Heading */

.hs-about-content h2 {

    margin: 0 0 25px;

    font-size: clamp(50px, 5vw, 78px);

    line-height: .98;

    letter-spacing: -3px;

    color: #0b273b;

    font-weight: 700;
}


.hs-about-content h2 em {

    font-style: normal;

    color: #087c8e;
}


/* Intro */

.hs-intro {

    max-width: 600px;

    font-size: 18px;

    line-height: 1.7;

    color: #64717a;

    margin-bottom: 38px;
}


/* =====================================================
   FEATURES
   ===================================================== */

.hs-feature-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 24px;

    margin-bottom: 40px;
}


.hs-feature {

    display: flex;

    gap: 14px;

    padding: 18px;

    border: 1px solid #e9eef0;

    border-radius: 15px;

    transition: all .3s ease;
}


.hs-feature:hover {

    transform: translateY(-4px);

    border-color: #087c8e;

    box-shadow:
        0 12px 30px rgba(8,124,142,.08);
}


.hs-feature-icon {

    width: 38px;
    height: 38px;

    min-width: 38px;

    border-radius: 11px;

    background: #e7f5f7;

    color: #087c8e;

    display: flex;

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

    font-size: 17px;

    font-weight: bold;
}


.hs-feature strong {

    display: block;

    font-size: 14px;

    color: #102d42;

    margin-bottom: 5px;
}


.hs-feature p {

    margin: 0;

    font-size: 12px;

    line-height: 1.5;

    color: #7b858b;
}


/* =====================================================
   BOTTOM
   ===================================================== */

.hs-about-bottom {

    display: flex;

    align-items: center;

    gap: 45px;
}


.hs-modern-btn {

    display: inline-flex;

    align-items: center;

    gap: 25px;

    padding: 17px 23px 17px 27px;

    background: #087c8e;

    color: white !important;

    text-decoration: none !important;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;

    transition: all .3s ease;
}


.hs-modern-btn span {

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: white;

    color: #087c8e;

    display: flex;

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

    font-size: 19px;
}


.hs-modern-btn:hover {

    background: #062d40;

    transform: translateY(-3px);
}


/* =====================================================
   YEARS
   ===================================================== */

.hs-years {

    display: flex;

    align-items: center;

    gap: 12px;
}


.hs-years strong {

    font-size: 45px;

    line-height: 1;

    color: #0b273b;
}


.hs-years small {

    display: block;

    font-size: 9px;

    letter-spacing: 2px;

    color: #087c8e;

    font-weight: 700;
}


.hs-years span {

    display: block;

    font-size: 11px;

    color: #777;

    margin-top: 3px;
}


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

@media (max-width: 1100px) {

    .hs-about-container {

        gap: 50px;

    }

    .hs-about-content h2 {

        font-size: 55px;

    }

    .hs-feature-grid {

        gap: 14px;

    }

}


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

@media (max-width: 767px) {

    .hs-modern-about {

        padding: 65px 18px;

    }


    .hs-about-container {

        display: flex;

        flex-direction: column;

        gap: 55px;

    }


    .hs-about-visual {

        width: 100%;

        min-height: 430px;

    }


    .hs-main-photo {

        width: 90%;

        height: 390px;

        border-radius: 22px;

    }


    .hs-destination-card {

        right: -3px;

        top: 40px;

        width: 205px;

        padding: 12px;

    }


    .hs-location-icon {

        width: 37px;
        height: 37px;

    }


    .hs-destination-card strong {

        font-size: 12px;

    }


    .hs-traveller-card {

        left: 10px;

        bottom: 0;

        padding: 13px 16px;

    }


    .hs-traveller-card strong {

        font-size: 21px;

    }


    .hs-about-content {

        padding: 0;

    }


    .hs-about-content h2 {

        font-size: 48px;

        letter-spacing: -2px;

    }


    .hs-intro {

        font-size: 16px;

    }


    .hs-feature-grid {

        grid-template-columns: 1fr;

    }


    .hs-about-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 28px;

    }

}


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

@media (max-width: 480px) {

    .hs-about-content h2 {

        font-size: 40px;

    }


    .hs-main-photo {

        height: 350px;

    }


    .hs-about-visual {

        min-height: 390px;

    }


    .hs-destination-card {

        width: 190px;

    }

}/* End custom CSS */