.elementor-61 .elementor-element.elementor-element-f470525{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-61 .elementor-element.elementor-element-f470525:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-f470525 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #E6E5E5 0%, #6A7A7085 100%);}.elementor-61 .elementor-element.elementor-element-f470525.e-con{--align-self:center;}.elementor-61 .elementor-element.elementor-element-f39ad71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;padding:0px 0px 0px 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-f470525 *//* =========================================================
   IDSFAKE HEADER — FULL FINAL CSS
   Astra + Elementor Pro
   Includes 20px bottom spacing with same header background
========================================================= */

.ids-new-header {

    /* =====================================================
       BRAND VARIABLES
    ===================================================== */

    --ids-green: #173f35;
    --ids-green-2: #245b4b;

    --ids-dark: #111816;
    --ids-grey: #65706c;

    --ids-glass-1: rgba(255,255,255,0.82);
    --ids-glass-2: rgba(248,250,249,0.66);

    --ids-border: rgba(255,255,255,0.88);
    --ids-active-bg: rgba(23,63,53,0.075);

    --ids-radius: 22px;

    position: relative;
    z-index: 1000;

    width: 100%;

    margin: 0 !important;

    /* top / sides / bottom */
    padding:
        22px
        3.5%
        20px !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* full header background including bottom 20px */
    background:
        radial-gradient(
            circle at 78% 8%,
            rgba(36,91,75,0.14),
            transparent 34%
        ),

        radial-gradient(
            circle at 12% 12%,
            rgba(255,255,255,0.92),
            transparent 34%
        ),

        linear-gradient(
            110deg,
            #dce2df 0%,
            #d6ddda 52%,
            #ccd5d1 100%
        ) !important;
}


/* =========================================================
   MAIN GLASS BAR
========================================================= */

.ids-new-header-inner {

    position: relative;

    width: 100%;

    min-height: 82px;

    display: grid;

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

    align-items: center;

    gap: 22px;

    padding:
        10px
        14px
        10px
        18px;

    border:
        1px solid
        var(--ids-border);

    border-radius:
        var(--ids-radius);

    background:
        linear-gradient(
            135deg,
            var(--ids-glass-1),
            var(--ids-glass-2)
        );

    box-shadow:
        0 14px 40px
        rgba(25,45,39,0.07),

        inset 0 1px 0
        rgba(255,255,255,0.96);

    backdrop-filter:
        blur(24px)
        saturate(115%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(115%);
}


/* =========================================================
   BRAND WRAPPER
========================================================= */

.ids-new-brand {

    min-width: 195px;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start;

    gap: 10px;

    flex-shrink: 0;

    text-decoration: none !important;
}


/* =========================================================
   JUSTICE SCALES ICON
   GREEN + TRANSPARENT BACKGROUND
========================================================= */

.ids-new-brand-icon {

    width: 52px !important;
    height: 52px !important;

    min-width: 52px;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-shrink: 0;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    outline:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    color:
        var(--ids-green) !important;

    opacity:
        1 !important;
}


.ids-new-brand-icon svg {

    width: 48px !important;
    height: 48px !important;

    max-width: none !important;

    display: block !important;

    overflow: visible !important;

    background:
        transparent !important;

    color:
        var(--ids-green) !important;

    opacity:
        1 !important;

    visibility:
        visible !important;
}


/* force SVG strokes */

.ids-new-brand-icon svg path,
.ids-new-brand-icon svg line,
.ids-new-brand-icon svg polyline,
.ids-new-brand-icon svg polygon,
.ids-new-brand-icon svg rect,
.ids-new-brand-icon svg circle {

    stroke:
        var(--ids-green) !important;
}


/* preserve transparent fills */

.ids-new-brand-icon svg [fill="none"] {

    fill:
        none !important;
}


/* filled elements */

.ids-new-brand-icon svg [fill="currentColor"] {

    fill:
        var(--ids-green) !important;
}


/* =========================================================
   WORDMARK
========================================================= */

.ids-new-brand-text {

    display: inline-block;

    margin: 0;

    padding: 0;

    color:
        var(--ids-dark) !important;

    font-size:
        24px;

    line-height:
        1;

    font-weight:
        850;

    letter-spacing:
        -0.045em;

    white-space:
        nowrap;
}


.ids-new-brand-text span {

    color:
        var(--ids-green) !important;
}


/* =========================================================
   NAV LINKS
========================================================= */

.ids-new-links {

    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 3px;
}


.ids-new-links a {

    position: relative;

    min-height: 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        0
        13px;

    border-radius:
        12px;

    color:
        var(--ids-grey) !important;

    text-decoration:
        none !important;

    white-space:
        nowrap;

    font-size:
        13.5px;

    line-height:
        1;

    font-weight:
        650;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}


.ids-new-links a:hover {

    color:
        var(--ids-green) !important;

    background:
        rgba(23,63,53,0.05);

    transform:
        translateY(-1px);
}


/* =========================================================
   ACTIVE LINK
========================================================= */

.ids-new-links a.active {

    color:
        var(--ids-green) !important;

    background:
        var(--ids-active-bg);
}


.ids-new-links a.active::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 6px;

    width: 4px;
    height: 4px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background:
        var(--ids-green);
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.ids-new-actions {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

    flex-shrink: 0;
}


/* =========================================================
   CTA
========================================================= */

.ids-new-cta {

    min-width: 184px;

    min-height: 54px;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    padding:
        0
        10px
        0
        20px;

    border:
        1px solid
        rgba(255,255,255,0.08);

    border-radius:
        14px;

    background:
        linear-gradient(
            135deg,
            var(--ids-green),
            var(--ids-green-2)
        );

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    white-space:
        nowrap;

    font-size:
        13px;

    line-height:
        1;

    font-weight:
        750;

    box-shadow:
        0 12px 26px
        rgba(23,63,53,0.20),

        inset 0 1px 0
        rgba(255,255,255,0.08);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.ids-new-cta:hover {

    color:
        #ffffff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 16px 32px
        rgba(23,63,53,0.25);
}


.ids-new-cta > span:first-child {

    white-space:
        nowrap;
}


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

.ids-new-cta-icon {

    width: 35px;
    height: 35px;

    min-width: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius:
        10px;

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

    color:
        #ffffff;

    font-size:
        19px;

    line-height:
        1;

    font-weight:
        400;
}


/* =========================================================
   OPTIONAL SIMPLE LINK
========================================================= */

.ids-new-simple-link {

    min-height: 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        0
        15px;

    border-radius:
        11px;

    color:
        #56615d !important;

    text-decoration:
        none !important;

    white-space:
        nowrap;

    font-size:
        13px;

    font-weight:
        650;

    transition:
        color .2s ease,
        background .2s ease;
}


.ids-new-simple-link:hover {

    color:
        var(--ids-green) !important;

    background:
        rgba(23,63,53,0.05);
}


/* =========================================================
   IMPORTANT
   OVERRIDE OLD SHARED-SURFACE TRANSPARENT RULE
========================================================= */

.idsfake-site-surface .ids-new-header {

    background:
        radial-gradient(
            circle at 78% 8%,
            rgba(36,91,75,0.14),
            transparent 34%
        ),

        radial-gradient(
            circle at 12% 12%,
            rgba(255,255,255,0.92),
            transparent 34%
        ),

        linear-gradient(
            110deg,
            #dce2df 0%,
            #d6ddda 52%,
            #ccd5d1 100%
        ) !important;
}


/* Hero can remain transparent */

.idsfake-site-surface .idsfake-hero {

    background:
        transparent !important;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1350px) {

    .ids-new-header {

        padding:
            18px
            18px
            20px !important;
    }


    .ids-new-header-inner {

        gap:
            14px;
    }


    .ids-new-brand {

        min-width:
            170px;

        gap:
            8px;
    }


    .ids-new-brand-icon {

        width:
            44px !important;

        height:
            44px !important;

        min-width:
            44px;
    }


    .ids-new-brand-icon svg {

        width:
            42px !important;

        height:
            42px !important;
    }


    .ids-new-brand-text {

        font-size:
            21px;
    }


    .ids-new-links {

        gap:
            1px;
    }


    .ids-new-links a {

        padding:
            0
            9px;

        font-size:
            12.5px;
    }


    .ids-new-cta {

        min-width:
            158px;

        min-height:
            50px;

        padding:
            0
            8px
            0
            16px;

        gap:
            10px;

        font-size:
            12px;
    }


    .ids-new-cta-icon {

        width:
            31px;

        height:
            31px;

        min-width:
            31px;

        font-size:
            16px;
    }

}


/* =========================================================
   SMALL DESKTOP
========================================================= */

@media (max-width: 1100px) {

    .ids-new-header-inner {

        gap:
            9px;

        padding:
            8px
            10px
            8px
            13px;
    }


    .ids-new-brand {

        min-width:
            150px;
    }


    .ids-new-brand-text {

        font-size:
            19px;
    }


    .ids-new-links a {

        padding:
            0
            6px;

        font-size:
            11.5px;
    }


    .ids-new-cta {

        min-width:
            145px;

        padding:
            0
            7px
            0
            13px;

        font-size:
            11px;
    }

}


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

@media (max-width: 900px) {

    .ids-new-header {

        padding:
            13px
            13px
            20px !important;
    }


    .ids-new-header-inner {

        min-height:
            68px;

        grid-template-columns:
            1fr
            auto;

        padding:
            9px
            10px
            9px
            13px;

        border-radius:
            18px;
    }


    .ids-new-links,
    .ids-new-simple-link {

        display:
            none;
    }


    .ids-new-brand {

        min-width:
            0;

        gap:
            7px;
    }


    .ids-new-brand-icon {

        width:
            38px !important;

        height:
            38px !important;

        min-width:
            38px;
    }


    .ids-new-brand-icon svg {

        width:
            36px !important;

        height:
            36px !important;
    }


    .ids-new-brand-text {

        font-size:
            19px;
    }


    .ids-new-actions {

        gap:
            0;
    }


    .ids-new-cta {

        min-width:
            auto;

        min-height:
            45px;

        padding:
            0
            7px
            0
            14px;

        gap:
            9px;

        border-radius:
            12px;

        font-size:
            11.5px;
    }


    .ids-new-cta-icon {

        width:
            29px;

        height:
            29px;

        min-width:
            29px;

        border-radius:
            8px;

        font-size:
            15px;
    }

}


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

@media (max-width: 480px) {

    .ids-new-header {

        padding:
            10px
            10px
            20px !important;
    }


    .ids-new-header-inner {

        padding:
            7px
            8px
            7px
            10px;
    }


    .ids-new-brand {

        gap:
            5px;
    }


    .ids-new-brand-icon {

        width:
            34px !important;

        height:
            34px !important;

        min-width:
            34px;
    }


    .ids-new-brand-icon svg {

        width:
            32px !important;

        height:
            32px !important;
    }


    .ids-new-brand-text {

        font-size:
            17px;
    }


    .ids-new-cta {

        min-height:
            42px;

        padding:
            0
            6px
            0
            11px;

        gap:
            7px;

        font-size:
            10.5px;
    }


    .ids-new-cta-icon {

        width:
            27px;

        height:
            27px;

        min-width:
            27px;

        font-size:
            14px;
    }

}


/* =========================================================
   ELEMENTOR WRAPPER CLEANUP
========================================================= */

.elementor-widget-html:has(.ids-new-header) {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.elementor-widget-html:has(.ids-new-header)
.elementor-widget-container {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}/* End custom CSS */