@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');

.khp-header,
.khp-header *{
    box-sizing:border-box;
}

.khp-header{
    position:relative;
    z-index:50;
    width:100%;
    margin-top:var(--khp-top-spacing);
    color:var(--khp-text);
    font-family:var(--khp-font),Arial,sans-serif;
    background:linear-gradient(135deg,var(--khp-bg),var(--khp-bg2));
    border-radius:var(--khp-radius);
}

.khp-header.khp-full{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    border-radius:0;
}
.khp-header.khp-full{
    margin-top:var(--khp-top-spacing);
}

body .khp-full{
    top:0;
}
.khp-header.khp-boxed{
    width:min(100%,var(--khp-max-width));
    max-width:var(--khp-max-width);
    margin-left:auto;
    margin-right:auto;
}
.khp-boxed .khp-shell{
    width:100%;
    max-width:var(--khp-max-width);
    margin:0 auto;
}

.khp-header.khp-sticky{
    position:sticky;
    top:0;
}

.khp-shadow{
    box-shadow:
        0 10px 30px color-mix(in srgb, var(--khp-shadow-color) 35%, transparent),
        0 0 20px color-mix(in srgb, var(--khp-shadow-color) 25%, transparent);
}
.khp-phone{
    margin-left:auto;
}

.khp-slogan{
    display:block;
    width:100%;
    margin-top:4px;
}
.khp-right{
    margin-left:auto;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    gap:4px;
}

.khp-right .khp-phone{
    margin-left:0;
}

.khp-right .khp-slogan{
    white-space:normal;
    text-align:right;
}


.khp-logo{
    position:relative;
    z-index:100;
}
.khp-shell{
    height:var(--khp-height);

    width:100%;
    display:flex;
    align-items:center;

    gap:var(--khp-gap);

    padding:var(--khp-padding-y) var(--khp-padding-x);

    border:var(--khp-border-width) solid var(--khp-border);

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

    overflow:visible !important;

    position:relative;
}

.khp-header.khp-full .khp-shell{
    border-radius:0;
    border-left:none;
    border-right:none;
    border-top:none;
}

.khp-part{
    flex:0 0 auto;
    min-width:0;
}

.khp-logo{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 !important;


    width:auto !important;
    flex:none !important;

    height:auto !important;

    min-width:0 !important;
    min-height:0 !important;

   overflow:visible !important;

    flex:0 0 auto;

    line-height:0;

    background:none !important;
    background-color:transparent !important;

    border:none !important;

    transform:translateY(var(--khp-logo-offset-y));

    z-index:20;
}

.khp-logo::before,
.khp-logo::after{
    display:none !important;
    content:none !important;
}

.khp-logo img{
    display:block !important;

    width:var(--khp-logo-width) !important;
    height:var(--khp-logo-height) !important;

    max-width:none !important;
    max-height:none !important;

    min-width:0 !important;
    min-height:0 !important;
 overflow:visible !important;
    object-fit:contain;

    background:transparent !important;
}
.khp-logo-shadow .khp-logo{
    box-shadow:
        0 14px 40px rgba(0,0,0,.34),
        0 0 18px color-mix(in srgb, var(--khp-shadow-color) 45%, transparent),
        0 0 42px color-mix(in srgb, var(--khp-shadow-color) 28%, transparent);
}
.khp-logo span{
    display:block !important;

    font-size:var(--khp-logo-size) !important;
    font-weight:var(--khp-logo-weight) !important;

    letter-spacing:-.03em;
    color:var(--khp-text);
    white-space:nowrap;
    line-height:1;
}
.khp-shell{
    overflow:visible;
}

.khp-menu{
    display:flex;
    align-items:center;
    gap:20px;
    font-size:var(--khp-font-size);
    font-weight:var(--khp-font-weight);
}

.khp-menu a{
    color:var(--khp-menu);
    text-decoration:none;
    transition:.18s ease;
    white-space:nowrap;
}

.khp-menu a:hover{

    color:var(--khp-menu-hover-text) !important;

    text-shadow:
        0 0 16px
        var(--khp-menu-hover);
}
.khp-phone:hover{

    color:var(--khp-phone-hover) !important;
}
.khp-menu-list{
    display:flex;
    align-items:center;
    gap:var(--khp-gap);
    list-style:none;
    margin:0;
    padding:0;
}

.khp-menu-list li{
    margin:0;
    padding:0;
}

.khp-menu-list a{
    color:var(--khp-menu);
    text-decoration:none;
    font-weight:inherit;
    transition:.2s ease;
}

   
.khp-preview-stage{
    overflow:visible !important;
    padding:0 !important;

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

.khp-preview-stage .khp-header.khp-full{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}
.khp-preview-panel{
    overflow:hidden;
}
.khp-preview-stage .khp-shell{
    width:100% !important;
    max-width:none !important;
}
.khp-slogan{
    color:var(--khp-slogan);
    font-size:var(--khp-slogan-size);
    white-space:nowrap;
}

.khp-phone{
    margin-left:auto;
    color:var(--khp-phone);
    font-size:var(--khp-phone-size);
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.khp-mobile-toggle{
    display:none;
    margin-left:auto;
    width:42px;
    height:42px;
    border:1px solid var(--khp-border);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    cursor:pointer;
}

.khp-mobile-toggle span{
    width:18px;
    height:2px;
    background:var(--khp-text);
    border-radius:99px;
}

.khp-powered{
    font-size:11px;
    text-align:center;
    margin-top:8px;
    opacity:.55;
}

.khp-powered a{
    color:inherit;
}

.elementor-widget-container,
.elementor-shortcode,
.elementor-container,
.elementor-section,
.elementor-column,
.elementor-widget-wrap{
    overflow:visible !important;
}

.khp-menu .khp-menu-list{
    display:flex !important;
    align-items:center;
    gap:var(--khp-gap);
    list-style:none;
    margin:0;
    padding:0;
}

.khp-menu .khp-menu-list li{
    list-style:none;
    margin:0;
    padding:0;
}

.khp-menu .khp-menu-list a{
    display:inline-flex;
    align-items:center;
    color:var(--khp-menu) !important;
    text-decoration:none !important;
    font-size:var(--khp-font-size);
    font-weight:var(--khp-font-weight);
    transition:.2s ease;
}


@media(max-width:1024px){
.khp-header{
    position:relative;
}
    .khp-shell{

        display:flex !important;

        align-items:center !important;

        justify-content:space-between !important;

        gap:16px !important;

        padding:16px 18px !important;

        overflow:visible !important;
    }

.khp-menu{
    display:none;
}

    .khp-right{
        display:none !important;
    }

    .khp-slogan{
        display:none !important;
    }

    .khp-phone{
        display:none !important;
    }

    .khp-logo{

        position:relative !important;

        transform:none !important;

        margin:0 !important;

        flex:0 1 auto !important;

        min-width:0 !important;
    }

    .khp-logo img{

        max-width:160px !important;

        width:auto !important;

        height:auto !important;

        max-height:64px !important;
    }

    .khp-mobile-toggle{

        display:flex !important;

        flex:0 0 auto !important;

        position:relative !important;

        margin-left:auto !important;
        
    }        
.khp-header.khp-mobile-open .khp-menu{

    display:flex !important;

    position:absolute;

    left:0;
    top:100%;

    width:100% !important;

    flex-direction:column !important;

    align-items:stretch !important;

    gap:0 !important;

    padding:10px 0;

    margin:0 !important;

    list-style:none !important;

    background:
        linear-gradient(
            135deg,
            var(--khp-bg),
            var(--khp-bg2)
        );

    border-top:
        1px solid
        var(--khp-border);

    z-index:999;
}

.khp-header.khp-mobile-open .khp-menu-list{

    display:flex !important;

    flex-direction:column !important;

    align-items:stretch !important;

    width:100% !important;

    gap:0 !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;
}

.khp-header.khp-mobile-open .khp-menu-list li{

    width:100% !important;

    margin:0 !important;

    padding:0 !important;
}

.khp-header.khp-mobile-open .khp-menu a,

.khp-header.khp-mobile-open .khp-menu-list a{

    display:block !important;

    width:100% !important;

    padding:14px 20px !important;

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

    text-align:left !important;
}
}
.khp-header .khp-menu a:hover,
.khp-header .khp-menu-list a:hover,
.khp-header .khp-menu li:hover > a,
.khp-header .khp-menu-list li:hover > a{
    color:var(--khp-menu-hover-text) !important;
    text-shadow:none !important;
}