.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Syne";--e-global-typography-accent-font-weight:500;background-color:#13151A;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;}.elementor-kit-5 e-page-transition{background-color:#13151A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* === WRAPPER === */
.portfolio-wrapper {
    display: flex !important;
    align-items: flex-start !important;
}

/* === LEFT SIDEBAR: fixed, no jumping === */
.left-col {
    position: sticky !important;
    top: 0 !important;

    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;

    box-sizing: border-box !important;
    scrollbar-gutter: stable;

    transition: none !important;

    scrollbar-width: thin;
    scrollbar-color: rgba(200, 160, 80, 0.4) rgba(255, 255, 255, 0.03);
}

/* === RIGHT CONTENT === */
.right-col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    transition: none !important;
}

/* === SCROLLBAR === */
.left-col::-webkit-scrollbar {
    width: 4px;
}

.left-col::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 2px;
}

.left-col::-webkit-scrollbar-thumb {
    background: rgba(200, 160, 80, 0.35);
    border-radius: 2px;
}

.left-col::-webkit-scrollbar-thumb:hover {
    background: rgba(200, 160, 80, 0.65);
}

/* === ELEMENTOR ICON LIST FOUC FIX === */

/* прибираємо дефолтні буліти ще до підключення стилів Elementor */
.left-col ul,
.left-col ol {
    list-style: none !important;
}

/* Elementor Icon List */
.left-col .elementor-icon-list-items,
.left-col ul.elementor-icon-list-items {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.left-col .elementor-icon-list-item {
    list-style: none !important;
}

/* прибираємо псевдоелементи браузера */
.left-col li::marker {
    content: "" !important;
}

/* === 1920+ === */
@media (min-width: 1920px) {
    .left-col {
        flex-basis: 480px !important;
        width: 480px !important;
        min-width: 480px !important;
        max-width: 480px !important;
    }
}/* End custom CSS */