.elementor-9099 .elementor-element.elementor-element-ad41a08{--display:flex;--min-height:1184px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9099 .elementor-element.elementor-element-ad41a08:not(.elementor-motion-effects-element-type-background), .elementor-9099 .elementor-element.elementor-element-ad41a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-9099 .elementor-element.elementor-element-ddf5553{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-9099 .elementor-element.elementor-element-262d4ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );color:var( --e-global-color-primary );}.elementor-widget-image .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 );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-9099 .elementor-element.elementor-element-5e3c034{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-80cf38e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-132e78f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-0d05f95{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-a1fd612{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-7610afc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9099 .elementor-element.elementor-element-8b37b43{--display:flex;--min-height:1184px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9099 .elementor-element.elementor-element-8b37b43:not(.elementor-motion-effects-element-type-background), .elementor-9099 .elementor-element.elementor-element-8b37b43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}body.elementor-page-9099:not(.elementor-motion-effects-element-type-background), body.elementor-page-9099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF5;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}





























/* Start custom CSS for container, class: .elementor-element-ddf5553 */#portfolio-stack-container {
    position: relative;
    width: 100%;
    margin: 0 auto !important; /* Центрує весь головний блок по центру сторінки */
    height: 90vh; /* Перевір, щоб тут була твоя поточна висота */
    overflow: visible;
}

.project-card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; /* Додано: дає команду дивитися не тільки на лівий, а й на правий край */
    margin: 0 auto !important; /* Додано: жорстко центрує абсолютний елемент посередині */
    width: 100%;
    
    /* ВАЖЛИВО: Якщо ти хочеш, щоб жовта картка була обмежена як на звичайному сайті, розкоментуй (прибери сліші) рядок нижче і впиши свою ширину */
    /* max-width: 1140px; */ 

    height: 100vh; /* Перевір, щоб тут була твоя поточна висота */
    will-change: transform;
    overflow: hidden;
    transform-origin: 100% 100%;
    box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.5);
}rgba(0, 0, 0, 0.5);
}

.project-card:nth-child(1) { z-index: 10; }
.project-card:nth-child(2) { z-index: 11; }
.project-card:nth-child(3) { z-index: 12; }
.project-card:nth-child(4) { z-index: 13; }
.project-card:nth-child(5) { z-index: 14; }
.project-card:nth-child(6) { z-index: 15; }
.project-card:nth-child(7) { z-index: 16; }

@media (max-width: 1024px) {
    #portfolio-stack-container {
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
    }
    .project-card {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important; /* Відключаємо десктопну притяжку */
        margin: 0 0 40px 0 !important; /* Відключаємо центрування, додаємо відступ знизу 40px */
        width: 100% !important;
        height: auto !important; 
        transform: none !important;
        box-shadow: none !important;
    }
    /* Забираємо відступ у останньої картки, щоб не було зайвого місця */
    .project-card:last-child {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */