.elementor-1025501 .elementor-element.elementor-element-f46a730{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-f46a730 *//* ==========================================================
   PAGE ONE FORMULA
   EXACT MOCKUP HEADER
   ELEMENTOR PRO + ASTRA
   ========================================================== */


/* ==========================================================
   DESIGN VALUES
   Original mockup:
   1344px canvas
   60.5px header
   38px logo
   26px left inset
   scales up to max 1680px
   ========================================================== */

:root {
    --p1f-header-bg:
        linear-gradient(
            90deg,
            #081529 0%,
            #091425 26%,
            #0B0F15 50%,
            #0F1319 74%,
            #090C10 100%
        );

    --p1f-header-border:
        rgba(255, 255, 255, 0.14);

    --p1f-max-width:
        1680px;
}


/* ==========================================================
   REMOVE ASTRA / ELEMENTOR DEFAULT SPACING
   ========================================================== */

.p1f-header,
.p1f-header *,
.p1f-header *::before,
.p1f-header *::after {
    box-sizing: border-box;
}

.p1f-header {
    margin: 0 !important;
    padding: 0 !important;
}

.p1f-header .elementor-widget,
.p1f-header .elementor-widget-container,
.p1f-header .elementor-element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   HEADER OUTER BAR
   DESKTOP / TABLET ABOVE 860px

   Mockup ratio:
   60.5px at 1344px viewport
   max 75.625px at 1680px viewport
   ========================================================== */

.p1f-header {
    position: relative !important;

    display: block !important;

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

    height:
        min(
            4.501488vw,
            75.625px
        ) !important;

    min-height:
        min(
            4.501488vw,
            75.625px
        ) !important;

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

    background:
        var(--p1f-header-bg) !important;

    border-top: 0 !important;

    border-right: 0 !important;

    border-left: 0 !important;

    border-bottom:
        1px solid
        var(--p1f-header-border) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;

    z-index:
        1000 !important;

    --gap:
        0px !important;

    gap:
        0 !important;

    row-gap:
        0 !important;

    column-gap:
        0 !important;
}


/* ==========================================================
   ELEMENTOR INNER WRAPPER
   Equivalent to original .wrap
   ========================================================== */

.p1f-header > .e-con-inner {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    max-width:
        var(--p1f-max-width) !important;

    height: 100% !important;
    min-height: 100% !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/*
   Elementor containers do not always produce .e-con-inner.
   This keeps the same behaviour in both container modes.
*/

.p1f-header.e-con {
    justify-content:
        flex-start !important;

    align-items:
        stretch !important;

    flex-wrap:
        nowrap !important;

    --container-widget-width:
        100% !important;

    --container-widget-flex-grow:
        0 !important;
}


/* ==========================================================
   LOGO WIDGET POSITION
   Original = 26px at 1344px
   Max = 32.5px at 1680px
   ========================================================== */

.p1f-header-logo {
    position:
        absolute !important;

    z-index:
        2 !important;

    top:
        50% !important;

    left:
        min(
            1.934524vw,
            32.5px
        ) !important;

    right:
        auto !important;

    bottom:
        auto !important;

    transform:
        translateY(-50%) !important;

    width:
        auto !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    align-self:
        auto !important;
}


/* ==========================================================
   IF SCREEN IS WIDER THAN 1680px

   Original design stops growing and stays centered.
   So logo position =
   centered 1680px canvas + 32.5px inset
   ========================================================== */

@media (min-width: 1681px) {

    .p1f-header-logo {
        left:
            calc(
                (100vw - 1680px) / 2
                + 32.5px
            ) !important;
    }

}


/* ==========================================================
   SITE LOGO WIDGET CONTAINER
   ========================================================== */

.p1f-header-logo > .elementor-widget-container,
.p1f-header-logo .elementor-widget-container {
    display:
        block !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        0 !important;

    text-align:
        left !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   LOGO LINK
   ========================================================== */

.p1f-header-logo a {
    display:
        block !important;

    width:
        auto !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        0 !important;

    text-decoration:
        none !important;
}


/* ==========================================================
   LOGO IMAGE

   Original:
   38px at 1344px
   Max:
   47.5px at 1680px
   ========================================================== */

.p1f-header-logo img,
.p1f-header-logo .custom-logo,
.p1f-header-logo .elementor-site-logo img {
    display:
        block !important;

    width:
        auto !important;

    max-width:
        none !important;

    height:
        min(
            2.827381vw,
            47.5px
        ) !important;

    max-height:
        min(
            2.827381vw,
            47.5px
        ) !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        contain !important;

    object-position:
        left center !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   TABLET
   861px – 1100px

   IMPORTANT:
   No redesign.
   It continues using the exact mockup's proportional scale.
   ========================================================== */

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

    .p1f-header {
        /*
         Same proportional mockup scaling.
         No separate 72px Elementor header.
        */

        height:
            4.501488vw !important;

        min-height:
            4.501488vw !important;
    }


    .p1f-header-logo {
        top:
            50% !important;

        left:
            1.934524vw !important;

        transform:
            translateY(-50%) !important;

        margin:
            0 !important;
    }


    .p1f-header-logo img,
    .p1f-header-logo .custom-logo,
    .p1f-header-logo .elementor-site-logo img {
        height:
            2.827381vw !important;

        max-height:
            2.827381vw !important;
    }

}


/* ==========================================================
   MOBILE
   <= 860px

   This follows the supplied mockup exactly:
   mockup resets its scale to 16px/rem here.

   Header = 60.5px
   Logo   = 38px
   Left   = 26px
   ========================================================== */

@media (max-width: 860px) {

    .p1f-header {
        display:
            block !important;

        width:
            100% !important;

        height:
            60.5px !important;

        min-height:
            60.5px !important;

        max-height:
            60.5px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            var(--p1f-header-bg) !important;

        border-bottom:
            1px solid
            var(--p1f-header-border) !important;

        overflow:
            hidden !important;
    }


    .p1f-header > .e-con-inner {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            60.5px !important;

        min-height:
            60.5px !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    /*
       IMPORTANT:
       Original mockup keeps the logo LEFT aligned on mobile.
       It is NOT centered.
    */

    .p1f-header-logo {
        position:
            absolute !important;

        top:
            50% !important;

        left:
            26px !important;

        right:
            auto !important;

        bottom:
            auto !important;

        transform:
            translateY(-50%) !important;

        width:
            auto !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    .p1f-header-logo > .elementor-widget-container,
    .p1f-header-logo .elementor-widget-container {
        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        text-align:
            left !important;

        line-height:
            0 !important;
    }


    .p1f-header-logo a {
        display:
            block !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        line-height:
            0 !important;
    }


    .p1f-header-logo img,
    .p1f-header-logo .custom-logo,
    .p1f-header-logo .elementor-site-logo img {
        display:
            block !important;

        width:
            auto !important;

        max-width:
            none !important;

        height:
            38px !important;

        max-height:
            38px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            contain !important;

        object-position:
            left center !important;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
   Keep same mockup sizing unless viewport becomes too narrow.
   ========================================================== */

@media (max-width: 360px) {

    .p1f-header-logo {
        left:
            20px !important;
    }

    .p1f-header-logo img,
    .p1f-header-logo .custom-logo,
    .p1f-header-logo .elementor-site-logo img {
        height:
            36px !important;

        max-height:
            36px !important;
    }

}


/* ==========================================================
   PREVENT ASTRA FROM ADDING HEADER SPACE
   ========================================================== */

body .p1f-header {
    margin-block-start:
        0 !important;

    margin-block-end:
        0 !important;
}


/* ==========================================================
   REMOVE ELEMENTOR CONTAINER GAP
   ========================================================== */

.p1f-header.e-con,
.p1f-header .e-con,
.p1f-header > .e-con-inner {
    gap:
        0 !important;

    row-gap:
        0 !important;

    column-gap:
        0 !important;
}


/* ==========================================================
   REMOVE DEFAULT PARAGRAPH / IMAGE SPACE
   ========================================================== */

.p1f-header p,
.p1f-header figure,
.p1f-header picture {
    margin:
        0 !important;

    padding:
        0 !important;
}


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

.p1f-header-logo a:focus-visible {
    outline:
        2px solid
        #FFFFFF !important;

    outline-offset:
        3px !important;
}/* End custom CSS */