.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-555 .elementor-element.elementor-element-68ae4c6{text-align:start;}.elementor-555 .elementor-element.elementor-element-68ae4c6 img{width:80%;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-555 .elementor-element.elementor-element-66c7b27{--e-icon-list-icon-size:45px;--icon-vertical-offset:0px;}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-item > a{font-family:"League Spartan", Sans-serif;font-size:25px;font-weight:400;}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-555 .elementor-element.elementor-element-66c7b27 .elementor-icon-list-text{transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-b05f893{--spacer-size:550px;}.elementor-555 .elementor-element.elementor-element-8cae22e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-0939eea );--border-color:var( --e-global-color-0939eea );--border-radius:25px 25px 25px 25px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-555 .elementor-element.elementor-element-8cae22e:not(.elementor-motion-effects-element-type-background), .elementor-555 .elementor-element.elementor-element-8cae22e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8cd29c2 );background-image:url("https://jobhuntix.wsh.one/wp-content/uploads/2026/08/ChatGPT-Image-Aug-13-2026-05_35_55-PM.png");}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-555 .elementor-element.elementor-element-3b4033e .elementor-icon-wrapper{text-align:start;}.elementor-555 .elementor-element.elementor-element-3b4033e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-555 .elementor-element.elementor-element-3b4033e.elementor-view-framed .elementor-icon, .elementor-555 .elementor-element.elementor-element-3b4033e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-555 .elementor-element.elementor-element-3b4033e.elementor-view-framed .elementor-icon, .elementor-555 .elementor-element.elementor-element-3b4033e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-555 .elementor-element.elementor-element-debc557 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-555 .elementor-element.elementor-element-f9985d8{color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );fill:var( --e-global-color-60d3417 );color:var( --e-global-color-60d3417 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:50px 50px 50px 50px;padding:17px 17px 17px 17px;}.elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button:hover, .elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-60d3417 );}.elementor-555 .elementor-element.elementor-element-5c0ceef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button:hover svg, .elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button:focus svg{fill:var( --e-global-color-60d3417 );}.elementor-555 .elementor-element.elementor-element-6370999{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E9F4DE;--border-color:#E9F4DE;--border-radius:0px 0px 0px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:10px;}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-555 .elementor-element.elementor-element-4e35395{--e-icon-list-icon-size:50px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-text{transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-555 .elementor-element.elementor-element-b4b9f01{--e-icon-list-icon-size:30px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-text{transition:color 0.3s;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-555 .elementor-element.elementor-element-5c0ceef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-555 .elementor-element.elementor-element-5c0ceef .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-4e35395 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-b4b9f01 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for icon-list, class: .elementor-element-66c7b27 *//* =========================================================
   JOBHUNTIX — CABINET MENU
   =========================================================

   Brand colors:
   Primary:    #1A512E
   Accent:     #63A91F
   Text:       #121417
   Soft:       #B0D3BF

   Font:
   Open Sans
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

#cabinet-menu {
    --jh-primary: #1A512E;
    --jh-accent: #63A91F;
    --jh-text: #121417;
    --jh-soft: #B0D3BF;

    --jh-hover: #F2F8F4;
    --jh-active: #EAF4ED;
    --jh-icon-bg: #EEF6F1;
    --jh-icon-active: #DDEDE3;

    width: 100%;

    position: relative;

    font-family: "Open Sans", sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   RESET ELEMENTOR DEFAULTS
   ========================================================= */

#cabinet-menu *,
#cabinet-menu *::before,
#cabinet-menu *::after {
    box-sizing: border-box;
}


/* =========================================================
   LIST
   ========================================================= */

#cabinet-menu .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;

    gap: 6px !important;

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

    list-style: none !important;
}


/* =========================================================
   MENU ITEM
   ========================================================= */

#cabinet-menu .elementor-icon-list-item {
    position: relative;

    display: flex !important;
    align-items: center !important;

    width: 100%;

    min-height: 58px !important;

    margin: 0 !important;
    padding: 7px 14px !important;

    border-radius: 12px !important;

    overflow: hidden;

    background: transparent;

    cursor: pointer;

    color: var(--jh-text);

    transition:
        background-color 220ms ease,
        transform 220ms cubic-bezier(.2, .7, .2, 1),
        box-shadow 220ms ease;
}


/* =========================================================
   HOVER LIGHT LAYER
   ========================================================= */

#cabinet-menu .elementor-icon-list-item::before {
    content: "";

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            rgba(176, 211, 191, 0.30) 0%,
            rgba(176, 211, 191, 0.10) 55%,
            rgba(255, 255, 255, 0) 100%
        );

    opacity: 0;

    transform: translateX(-12px);

    pointer-events: none;

    transition:
        opacity 220ms ease,
        transform 280ms ease;
}


/* =========================================================
   ACTIVE INDICATOR
   IMPORTANT:
   This appears ONLY on active item.
   ========================================================= */

#cabinet-menu .elementor-icon-list-item::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 3px;
    height: 0;

    border-radius: 0 4px 4px 0;

    background: var(--jh-accent);

    transform: translateY(-50%);

    pointer-events: none;

    transition:
        height 240ms cubic-bezier(.2, .8, .2, 1);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

    #cabinet-menu .elementor-icon-list-item:hover {

        background: var(--jh-hover);

        transform: translateX(3px);

        box-shadow:
            0 5px 16px rgba(26, 81, 46, 0.055);
    }


    #cabinet-menu .elementor-icon-list-item:hover::before {

        opacity: 1;

        transform: translateX(0);
    }


    /*
     * IMPORTANT:
     * No left green bar on hover.
     * The bar belongs only to active state.
     */

    #cabinet-menu .elementor-icon-list-item:hover::after {

        height: 0;
    }
}


/* =========================================================
   ICON CONTAINER
   ========================================================= */

#cabinet-menu .elementor-icon-list-icon {

    position: relative;

    z-index: 2;

    display: flex !important;

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

    width: 42px !important;
    min-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 14px 0 0 !important;
    padding: 0 !important;

    border-radius: 11px !important;

    background: rgba(176, 211, 191, 0.20);

    line-height: 0 !important;

    transition:
        background-color 220ms ease,
        transform 260ms cubic-bezier(.2, .8, .2, 1),
        box-shadow 220ms ease;
}


/* =========================================================
   SVG ICON
   ========================================================= */

#cabinet-menu .elementor-icon-list-icon svg {

    display: block !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    max-width: 22px !important;
    max-height: 22px !important;

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

    position: relative !important;

    left: 0 !important;
    top: 0 !important;

    transform: translate(0, 0) scale(1) !important;

    transform-origin: center center !important;

    fill: var(--jh-primary) !important;

    transition:
        fill 200ms ease,
        transform 280ms cubic-bezier(.2, .8, .2, 1);
}


/* =========================================================
   HOVER ICON
   BLACK — #121417
   ========================================================= */

@media (hover: hover) {

    #cabinet-menu .elementor-icon-list-item:hover
    .elementor-icon-list-icon {

        background: #E5F1E9;

        transform: scale(1.05);

        box-shadow:
            0 4px 12px rgba(26, 81, 46, 0.08);
    }


    #cabinet-menu .elementor-icon-list-item:hover
    .elementor-icon-list-icon svg {

        fill: #121417 !important;

        transform: translate(0, 0) scale(1.08) !important;
    }
}


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

#cabinet-menu .elementor-icon-list-text {

    position: relative;

    z-index: 2;

    display: block;

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

    font-family: "Open Sans", sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 1.3 !important;

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

    transition:
        color 200ms ease,
        transform 220ms ease;
}


/* =========================================================
   HOVER TEXT
   ========================================================= */

@media (hover: hover) {

    #cabinet-menu .elementor-icon-list-item:hover
    .elementor-icon-list-text {

        color: var(--jh-primary) !important;

        transform: translateX(2px);
    }
}


/* =========================================================
   ACTIVE ITEM
   ========================================================= */

#cabinet-menu .elementor-icon-list-item.active {

    background:
        linear-gradient(
            90deg,
            #EAF4ED 0%,
            #F4F9F5 100%
        );

    box-shadow:
        0 5px 18px rgba(26, 81, 46, 0.07);

    transform: translateX(0);
}


/* =========================================================
   ACTIVE INDICATOR
   ========================================================= */

#cabinet-menu .elementor-icon-list-item.active::after {

    height: 30px;
}


/* =========================================================
   ACTIVE ICON
   ========================================================= */

#cabinet-menu .elementor-icon-list-item.active
.elementor-icon-list-icon {

    background: var(--jh-icon-active);

    transform: scale(1);
}


#cabinet-menu .elementor-icon-list-item.active
.elementor-icon-list-icon svg {

    fill: var(--jh-primary) !important;

    transform: translate(0, 0) scale(1) !important;
}


/* =========================================================
   ACTIVE TEXT
   ========================================================= */

#cabinet-menu .elementor-icon-list-item.active
.elementor-icon-list-text {

    color: var(--jh-primary) !important;

    font-weight: 600 !important;

    transform: translateX(0);
}


/* =========================================================
   ACTIVE + HOVER
   Hover icon becomes BLACK too.
   ========================================================= */

@media (hover: hover) {

    #cabinet-menu .elementor-icon-list-item.active:hover {

        background:
            linear-gradient(
                90deg,
                #E7F2EB 0%,
                #F2F8F4 100%
            );

        transform: translateX(3px);
    }


    #cabinet-menu .elementor-icon-list-item.active:hover
    .elementor-icon-list-icon {

        background: #E1EEE5;

        transform: scale(1.05);
    }


    #cabinet-menu .elementor-icon-list-item.active:hover
    .elementor-icon-list-icon svg {

        fill: #121417 !important;

        transform: translate(0, 0) scale(1.08) !important;
    }
}


/* =========================================================
   OVERVIEW DEFAULT ACTIVE
   ---------------------------------------------------------
   Temporary solution until Elementor/PHP/JS adds
   .active to the current menu item.
   ========================================================= */

#cabinet-menu .elementor-icon-list-item:first-child {

    background:
        linear-gradient(
            90deg,
            #EAF4ED 0%,
            #F4F9F5 100%
        );

    box-shadow:
        0 5px 18px rgba(26, 81, 46, 0.07);

    transform: translateX(0);
}


#cabinet-menu .elementor-icon-list-item:first-child::after {

    height: 30px;
}


#cabinet-menu .elementor-icon-list-item:first-child
.elementor-icon-list-icon {

    background: var(--jh-icon-active);
}


#cabinet-menu .elementor-icon-list-item:first-child
.elementor-icon-list-icon svg {

    fill: var(--jh-primary) !important;

    transform: translate(0, 0) scale(1) !important;
}


#cabinet-menu .elementor-icon-list-item:first-child
.elementor-icon-list-text {

    color: var(--jh-primary) !important;

    font-weight: 600 !important;
}


/* =========================================================
   OVERVIEW HOVER
   ========================================================= */

@media (hover: hover) {

    #cabinet-menu .elementor-icon-list-item:first-child:hover {

        background:
            linear-gradient(
                90deg,
                #E7F2EB 0%,
                #F2F8F4 100%
            );

        transform: translateX(3px);
    }


    #cabinet-menu .elementor-icon-list-item:first-child:hover
    .elementor-icon-list-icon {

        background: #E1EEE5;

        transform: scale(1.05);
    }


    #cabinet-menu .elementor-icon-list-item:first-child:hover
    .elementor-icon-list-icon svg {

        fill: #121417 !important;

        transform: translate(0, 0) scale(1.08) !important;
    }
}


/* =========================================================
   FOCUS
   ========================================================= */

#cabinet-menu .elementor-icon-list-item:focus-visible {

    outline: 2px solid rgba(99, 169, 31, 0.55);

    outline-offset: 2px;
}


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

@media (max-width: 767px) {

    #cabinet-menu .elementor-icon-list-items {

        gap: 4px !important;
    }


    #cabinet-menu .elementor-icon-list-item {

        min-height: 54px !important;

        padding: 6px 12px !important;

        border-radius: 10px !important;
    }


    #cabinet-menu .elementor-icon-list-icon {

        width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;

        margin-right: 12px !important;

        border-radius: 10px !important;
    }


    #cabinet-menu .elementor-icon-list-icon svg {

        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;

        max-width: 21px !important;
        max-height: 21px !important;
    }


    #cabinet-menu .elementor-icon-list-text {

        font-size: 15px !important;
    }
}


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

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

    #cabinet-menu *,
    #cabinet-menu *::before,
    #cabinet-menu *::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-977c794 *//* =========================================================
   JOBHUNTIX — MAIL PAGE
   ========================================================= */

.jh-mail-page {

    --jh-green: #1A512E;
    --jh-green-dark: #123B22;
    --jh-lime: #63A91F;

    --jh-text: #121417;
    --jh-text-secondary: #303733;
    --jh-text-muted: #4F5953;

    --jh-bg: #F7FAF8;
    --jh-white: #FFFFFF;

    --jh-soft: #EEF6F1;
    --jh-soft-2: #E5F1E9;

    --jh-border: #CFE0D5;
    --jh-border-light: #E3EBE5;


    width: 100% !important;

    max-width: 1240px !important;

    margin: 0 auto !important;

    padding: 46px 42px 72px !important;

    background: var(--jh-bg) !important;

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

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    box-sizing: border-box;
}


/* =========================================================
   RESET
   ========================================================= */

.jh-mail-page *,
.jh-mail-page *::before,
.jh-mail-page *::after {

    box-sizing: border-box;
}


.jh-mail-page h1,
.jh-mail-page h2,
.jh-mail-page h3,
.jh-mail-page p {

    margin-top: 0;
}


.jh-mail-page button,
.jh-mail-page input {

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.jh-mail-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 30px;
}


.jh-mail-header h1 {

    margin: 0 !important;

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

    font-family:
        "League Spartan",
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 34px !important;

    font-weight: 700 !important;

    line-height: 1.12 !important;

    letter-spacing: -1px !important;
}


.jh-mail-header p {

    margin: 9px 0 0 !important;

    color: var(--jh-text-secondary) !important;

    font-size: 14px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   COMPOSE
   ========================================================= */

.jh-mail-compose {

    height: 44px;

    padding: 0 18px !important;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 0 !important;

    border-radius: 10px !important;

    background: var(--jh-green) !important;

    color: #FFFFFF !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    cursor: pointer;

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


.jh-mail-compose span {

    font-size: 18px;

    line-height: 1;
}


.jh-mail-compose:hover {

    background: var(--jh-green-dark) !important;

    color: #FFFFFF !important;

    transform: translateY(-1px);
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.jh-mail-toolbar {

    display: grid;

    grid-template-columns:
        minmax(230px, 1fr)
        auto
        88px;

    align-items: center;

    gap: 10px;

    padding: 9px;

    margin-bottom: 22px;

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

    border-radius: 13px;

    background: #FFFFFF;

    box-shadow:
        0 6px 20px rgba(26,81,46,.035);
}


/* =========================================================
   SEARCH
   ========================================================= */

.jh-mail-search {

    height: 43px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 0 13px;

    border-radius: 9px;

    background: #F4F8F5;
}


.jh-mail-search svg {

    width: 17px;

    height: 17px;

    flex: 0 0 17px;

    fill: none;

    stroke: var(--jh-green);

    stroke-width: 1.7;
}


.jh-mail-search input {

    width: 100%;

    min-width: 0;

    height: 100%;

    padding: 0 !important;

    border: 0 !important;

    outline: 0 !important;

    background: transparent !important;

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

    font-size: 10px !important;
}


.jh-mail-search input::placeholder {

    color: var(--jh-text-secondary) !important;

    opacity: .7;
}


/* =========================================================
   FOLDERS
   ========================================================= */

.jh-mail-folders {

    display: flex;

    align-items: center;

    gap: 4px;
}


.jh-mail-folders button {

    height: 32px;

    padding: 0 10px !important;

    display: inline-flex;

    align-items: center;

    gap: 5px;

    border: 1px solid transparent !important;

    border-radius: 50px !important;

    background: transparent !important;

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

    font-size: 9px !important;

    font-weight: 600 !important;

    white-space: nowrap;

    cursor: pointer;
}


.jh-mail-folders button:hover {

    background: var(--jh-soft) !important;

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


.jh-mail-folders button.active {

    background: var(--jh-green) !important;

    color: #FFFFFF !important;
}


.jh-mail-folders button span {

    min-width: 16px;

    height: 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    font-size: 7px;
}


/* =========================================================
   FILTER
   ========================================================= */

.jh-mail-filter {

    height: 38px;

    padding: 0 9px !important;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    border: 1px solid var(--jh-border) !important;

    border-radius: 8px !important;

    background: #FFFFFF !important;

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

    font-size: 9px !important;

    font-weight: 700 !important;

    cursor: pointer;
}


.jh-mail-filter svg {

    width: 14px;

    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;
}


.jh-mail-filter:hover {

    background: var(--jh-soft) !important;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.jh-mail-workspace {

    display: grid;

    grid-template-columns:
        minmax(400px, .95fr)
        minmax(500px, 1.25fr);

    gap: 18px;

    align-items: stretch;
}


/* =========================================================
   LIST
   ========================================================= */

.jh-mail-list,
.jh-mail-preview {

    min-width: 0;

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

    border-radius: 15px;

    background: #FFFFFF;

    box-shadow:
        0 7px 23px rgba(26,81,46,.04);
}


/* =========================================================
   LIST HEADER
   ========================================================= */

.jh-mail-list-header {

    min-height: 69px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 0 18px;

    border-bottom: 1px solid var(--jh-border-light);
}


.jh-mail-list-header h2 {

    margin: 0 !important;

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

    font-family:
        "League Spartan",
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 18px !important;

    font-weight: 700 !important;
}


.jh-mail-list-header span {

    display: block;

    margin-top: 3px;

    color: var(--jh-text-secondary) !important;

    font-size: 8px !important;
}


.jh-mail-mark-read {

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

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

    font-size: 8px !important;

    font-weight: 700 !important;

    cursor: pointer;
}


.jh-mail-mark-read:hover {

    color: var(--jh-lime) !important;
}


/* =========================================================
   MESSAGE
   ========================================================= */

.jh-message {

    position: relative;

    display: flex;

    gap: 12px;

    padding: 16px 18px;

    border-bottom: 1px solid var(--jh-border-light);

    background: #FFFFFF;

    cursor: pointer;

    transition:
        background .2s ease;
}


.jh-message:last-of-type {

    border-bottom: 0;
}


.jh-message:hover {

    background: #F7FAF8;
}


.jh-message.active {

    background:
        linear-gradient(
            90deg,
            #EEF7F1 0%,
            #FAFCFA 100%
        );
}


.jh-message.active::before {

    content: "";

    position: absolute;

    left: 0;

    top: 18px;

    width: 3px;

    height: 35px;

    border-radius: 0 4px 4px 0;

    background: var(--jh-lime);
}


.jh-message.unread .jh-message-content > .jh-message-top strong,
.jh-message.unread h3 {

    font-weight: 700 !important;
}


/* =========================================================
   AVATAR
   ========================================================= */

.jh-message-avatar {

    width: 39px;

    height: 39px;

    min-width: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: var(--jh-soft);

    color: var(--jh-green);

    font-size: 11px;

    font-weight: 700;
}


.jh-message-avatar.purple {

    background: #F0EDF5;

    color: #624C70;
}


.jh-message-avatar.beige {

    background: #F4F0E5;

    color: #776531;
}


.jh-message-avatar.blue {

    background: #EDF2F1;

    color: #356B68;
}


/* =========================================================
   MESSAGE CONTENT
   ========================================================= */

.jh-message-content {

    min-width: 0;

    flex: 1;
}


.jh-message-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;
}


.jh-message-top strong {

    overflow: hidden;

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

    font-size: 10px !important;

    font-weight: 600 !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.jh-message-top time {

    flex: 0 0 auto;

    color: var(--jh-text-muted) !important;

    font-size: 7px !important;
}


.jh-message h3 {

    overflow: hidden;

    margin: 5px 0 0 !important;

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

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.jh-message p {

    overflow: hidden;

    margin: 4px 0 8px !important;

    color: var(--jh-text-secondary) !important;

    font-size: 8px !important;

    line-height: 1.4 !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


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

.jh-message-bottom {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;
}


.jh-message-bottom > span:last-child {

    overflow: hidden;

    color: var(--jh-text-muted) !important;

    font-size: 7px !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.jh-message-label {

    padding: 4px 7px;

    border-radius: 5px;

    background: #F0F3F1;

    color: var(--jh-text-secondary) !important;

    font-size: 6px !important;

    font-weight: 700 !important;

    white-space: nowrap;
}


.jh-message-label.positive {

    background: #E8F4E3;

    color: #4E851F !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.jh-mail-pagination {

    display: flex;

    justify-content: center;

    gap: 5px;

    padding: 14px 0 17px;
}


.jh-mail-pagination button {

    width: 28px;

    height: 28px;

    padding: 0 !important;

    border: 1px solid var(--jh-border) !important;

    border-radius: 7px !important;

    background: #FFFFFF !important;

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

    font-size: 8px !important;

    cursor: pointer;
}


.jh-mail-pagination button.active {

    border-color: var(--jh-green) !important;

    background: var(--jh-green) !important;

    color: #FFFFFF !important;
}


/* =========================================================
   PREVIEW
   ========================================================= */

.jh-mail-preview {

    overflow: hidden;
}


/* =========================================================
   PREVIEW HEADER
   ========================================================= */

.jh-preview-mail-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px 18px;

    border-bottom: 1px solid var(--jh-border-light);
}


.jh-preview-label {

    display: inline-block;

    margin-bottom: 8px;

    padding: 5px 8px;

    border-radius: 5px;

    background: #E8F4E3;

    color: #4E851F !important;

    font-size: 7px;

    font-weight: 700;
}


.jh-preview-mail-header h2 {

    margin: 0 !important;

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

    font-family:
        "League Spartan",
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 21px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* =========================================================
   PREVIEW ACTIONS
   ========================================================= */

.jh-preview-actions {

    display: flex;

    gap: 5px;

    flex: 0 0 auto;
}


.jh-preview-actions button {

    width: 30px;

    height: 30px;

    padding: 0 !important;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--jh-border) !important;

    border-radius: 7px !important;

    background: #FFFFFF !important;

    color: var(--jh-text-secondary) !important;

    font-size: 11px !important;

    cursor: pointer;
}


.jh-preview-actions button:hover {

    background: var(--jh-soft) !important;

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


/* =========================================================
   SENDER
   ========================================================= */

.jh-mail-sender {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 17px 24px;

    border-bottom: 1px solid var(--jh-border-light);
}


.jh-mail-sender > div:nth-child(2) {

    min-width: 0;

    flex: 1;
}


.jh-mail-sender strong {

    display: block;

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

    font-size: 10px !important;

    font-weight: 700 !important;
}


.jh-mail-sender span {

    display: block;

    margin-top: 3px;

    overflow: hidden;

    color: var(--jh-text-secondary) !important;

    font-size: 8px !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.jh-mail-sender time {

    color: var(--jh-text-muted) !important;

    font-size: 7px !important;

    white-space: nowrap;
}


/* =========================================================
   MAIL BODY
   ========================================================= */

.jh-mail-body {

    padding: 25px 24px 28px;
}


.jh-mail-body > p {

    margin: 0 0 15px !important;

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

    font-size: 10px !important;

    line-height: 1.7 !important;
}


.jh-mail-body > p strong {

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

    font-weight: 700 !important;
}


/* =========================================================
   CALLOUT
   ========================================================= */

.jh-mail-callout {

    margin: 22px 0;

    padding: 17px;

    border: 1px solid #D6E7D0;

    border-radius: 11px;

    background: #F5FAF2;
}


.jh-mail-callout > span {

    display: block;

    margin-bottom: 5px;

    color: var(--jh-lime) !important;

    font-size: 7px !important;

    font-weight: 700 !important;

    text-transform: uppercase;

    letter-spacing: .5px;
}


.jh-mail-callout strong {

    display: block;

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

    font-size: 11px !important;

    font-weight: 700 !important;
}


.jh-mail-callout p {

    margin: 5px 0 12px !important;

    color: var(--jh-text-secondary) !important;

    font-size: 8px !important;

    line-height: 1.5 !important;
}


.jh-mail-callout button {

    height: 34px;

    padding: 0 13px !important;

    border: 0 !important;

    border-radius: 8px !important;

    background: var(--jh-green) !important;

    color: #FFFFFF !important;

    font-size: 8px !important;

    font-weight: 700 !important;

    cursor: pointer;
}


.jh-mail-callout button:hover {

    background: var(--jh-green-dark) !important;
}


/* =========================================================
   APPLICATION CONTEXT
   ========================================================= */

.jh-mail-context {

    margin: 0 24px 24px;

    padding: 17px;

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

    border-radius: 11px;

    background: #F9FBFA;
}


.jh-context-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 13px;
}


.jh-context-header h3 {

    margin: 0 !important;

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

    font-size: 11px !important;

    font-weight: 700 !important;
}


.jh-context-header span:not(.jh-context-status) {

    display: block;

    margin-top: 3px;

    color: var(--jh-text-secondary) !important;

    font-size: 7px !important;
}


.jh-context-status {

    padding: 5px 7px;

    border-radius: 5px;

    background: #E8F4E3;

    color: #4E851F !important;

    font-size: 6px;

    font-weight: 700;

    white-space: nowrap;
}


.jh-context-job {

    display: flex;

    align-items: center;

    gap: 10px;

    padding-top: 13px;

    border-top: 1px solid var(--jh-border-light);
}


.jh-context-icon {

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 36px;

    border-radius: 8px;

    background: var(--jh-soft);

    color: var(--jh-green);

    font-size: 9px;

    font-weight: 700;
}


.jh-context-job > div:nth-child(2) {

    min-width: 0;

    flex: 1;
}


.jh-context-job strong {

    display: block;

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

    font-size: 9px !important;

    font-weight: 700 !important;
}


.jh-context-job span {

    display: block;

    margin-top: 3px;

    overflow: hidden;

    color: var(--jh-text-secondary) !important;

    font-size: 7px !important;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.jh-context-job a {

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

    font-size: 7px !important;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;
}


.jh-context-job a:hover {

    color: var(--jh-lime) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    .jh-mail-workspace {

        grid-template-columns: 1fr;
    }


    .jh-mail-preview {

        min-height: 500px;
    }
}


@media (max-width: 850px) {

    .jh-mail-toolbar {

        grid-template-columns: 1fr;
    }


    .jh-mail-folders {

        overflow-x: auto;
    }


    .jh-mail-filter {

        width: 100%;
    }
}


@media (max-width: 650px) {

    .jh-mail-page {

        padding: 30px 18px 50px !important;
    }


    .jh-mail-header {

        align-items: flex-start;

        flex-direction: column;
    }


    .jh-mail-compose {

        width: 100%;
    }


    .jh-mail-message {

        padding: 14px;
    }


    .jh-preview-mail-header {

        flex-direction: column;
    }


    .jh-mail-sender {

        align-items: flex-start;

        flex-wrap: wrap;
    }


    .jh-mail-sender time {

        width: 100%;

        padding-left: 50px;
    }
}


@media (max-width: 450px) {

    .jh-mail-header h1 {

        font-size: 29px !important;
    }


    .jh-message {

        gap: 9px;

        padding: 14px;
    }


    .jh-message-avatar {

        width: 35px;

        height: 35px;

        min-width: 35px;
    }


    .jh-message-bottom > span:last-child {

        display: none;
    }


    .jh-preview-mail-header h2 {

        font-size: 18px !important;
    }


    .jh-mail-body {

        padding: 20px 18px;
    }


    .jh-mail-context {

        margin-left: 18px;

        margin-right: 18px;
    }
}/* End custom CSS */