.elementor-78 .elementor-element.elementor-element-d95a3cd{padding:4% 4% 0% 4%;}.elementor-78 .elementor-element.elementor-element-694192e{--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;--gap:2% 2%;--row-gap:2%;--column-gap:2%;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78 .elementor-element.elementor-element-ec9b98c{--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;--align-items:center;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-78 .elementor-element.elementor-element-751c8e3{text-align:center;}.elementor-78 .elementor-element.elementor-element-751c8e3 img{width:40%;border-radius:999px 999px 999px 999px;}.elementor-78 .elementor-element.elementor-element-07714b9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:19px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:34px;letter-spacing:0.1px;color:var( --e-global-color-primary );}.elementor-78 .elementor-element.elementor-element-904567c{--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;--align-items:center;--border-radius:10px 10px 10px 10px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-78 .elementor-element.elementor-element-904567c:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-904567c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-78 .elementor-element.elementor-element-6b80c33{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:4% 4%;--row-gap:4%;--column-gap:4%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78 .elementor-element.elementor-element-b1fb0f1{column-gap:7px;text-align:start;font-size:18px;}.elementor-78 .elementor-element.elementor-element-b1fb0f1 p{margin-block-end:6px;}.elementor-78 .elementor-element.elementor-element-a78ff82{text-align:start;font-size:18px;}.elementor-78 .elementor-element.elementor-element-a78ff82 p{margin-block-end:6px;}.elementor-78 .elementor-element.elementor-element-44fb37e{text-align:start;font-size:18px;}.elementor-78 .elementor-element.elementor-element-44fb37e p{margin-block-end:6px;}.elementor-78 .elementor-element.elementor-element-26e6eff{text-align:start;font-size:18px;}.elementor-78 .elementor-element.elementor-element-26e6eff p{margin-block-end:6px;}.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-post__thumbnail__link{padding-bottom:calc( 0.91 * 100% );}.elementor-78 .elementor-element.elementor-element-3b857a80:after{content:"0.91";position:absolute;color:transparent;}.elementor-78 .elementor-element.elementor-element-3b857a80{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__img, .elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__overlay{border-radius:20px 20px 20px 20px;}.elementor-78 .elementor-element.elementor-element-3b857a80 a .elementor-portfolio-item__title{color:var( --e-global-color-a18d1e1 );}.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}@media(max-width:1024px){.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-78 .elementor-element.elementor-element-d95a3cd{padding:12% 6% 0% 6%;}.elementor-78 .elementor-element.elementor-element-694192e{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-78 .elementor-element.elementor-element-694192e.e-con{--align-self:flex-start;}.elementor-78 .elementor-element.elementor-element-ec9b98c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-78 .elementor-element.elementor-element-6b80c33{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--align-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(min-width:768px){.elementor-78 .elementor-element.elementor-element-694192e{--content-width:100%;}.elementor-78 .elementor-element.elementor-element-904567c{--width:100%;}.elementor-78 .elementor-element.elementor-element-6b80c33{--width:100%;}}/* Start custom CSS for portfolio, class: .elementor-element-3b857a80 *//* 1. Настраиваем картинку: уменьшаем яркость при наведении */
.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__img img {
    transition: filter 0.4s ease-in-out; /* Плавность затемнения */
}

.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item:hover .elementor-portfolio-item__img img {
    filter: brightness(70%); /* Падение яркости до 70% */
}

/* 2. Подготавливаем контейнер оверлея */
.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__overlay {
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Слой с цветом и режимом наложения (тот самый фиолетовый) */
.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__overlay::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #1D2F3E; /* Ваш цвет */
    mix-blend-mode: color;   /* Режим смешивания */
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* 4. ДОПОЛНИТЕЛЬНО: Черная подложка для глубины (опционально) */
/* Мы можем добавить её через background оверлея, чтобы не плодить слои */
.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
     background-color: rgba(0,0,0,0.4) !important; /* Еще 20% затемнения фоном */
}

.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item:hover .elementor-portfolio-item__overlay::before {
    opacity: 1;
}

/* 5. Название работы */
.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item__title {
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    /* Можно добавить небольшую тень тексту для четкости */
    text-shadow: 0px 2px 10px rgba(0,0,0,0.5); 
}

.elementor-78 .elementor-element.elementor-element-3b857a80 .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    opacity: 1;
}/* End custom CSS */