.elementor-6375 .elementor-element.elementor-element-72d4146{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-6375 .elementor-element.elementor-element-1ed2635:after{content:"0.66";position:absolute;color:transparent;}.elementor-6375 .elementor-element.elementor-element-1ed2635{--grid-row-gap:20px;--grid-column-gap:70px;}.elementor-6375 .elementor-element.elementor-element-1ed2635 > .elementor-widget-container{margin:150px 0px 300px 0px;padding:50px 50px 50px 50px;}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio-item__img, .elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio-item__overlay{border-radius:15px 15px 15px 15px;}.elementor-6375 .elementor-element.elementor-element-1ed2635 a .elementor-portfolio-item__overlay{background-color:#000000B3;}.elementor-6375 .elementor-element.elementor-element-1ed2635 a .elementor-portfolio-item__title{color:#FFFFFF;}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio-item__title{font-family:"Arial", Sans-serif;font-size:32px;font-weight:600;}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio__filter{color:#7D7D7D;font-size:19px;font-weight:600;}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio__filter.elementor-active{color:#FFFFFF;}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio__filter:not(:last-child){margin-right:calc(30px/2);}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio__filter:not(:first-child){margin-left:calc(30px/2);}.elementor-6375 .elementor-element.elementor-element-1ed2635 .elementor-portfolio__filters{margin-bottom:31px;}/* Start custom CSS for portfolio, class: .elementor-element-1ed2635 */.elementor-portfolio__filters .elementor-portfolio__filter[data-filter="__all"] {
    font-size: 0 !important;
}

.elementor-portfolio__filters .elementor-portfolio__filter[data-filter="__all"]::before {
    content: "همه";
    font-size: 19px;
}

.elementor-portfolio__filters .elementor-portfolio__filter {
    position: relative;
    border: none;
    background: transparent;
    color: #ffffff;
    padding: 12px 18px;
    margin-bottom: 50px;
    cursor: pointer;
}

.elementor-portfolio__filters .elementor-portfolio__filter::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #8750F7;
    transform-origin: right !important;
    transform: scaleX(0);
    transition: transform 0.6s ease;
}

.elementor-portfolio__filters .elementor-portfolio__filter:hover::after {
    transform: scaleX(1);
}


.elementor-portfolio__filters .elementor-portfolio__filter.elementor-active::after {
    transform: scaleX(1) !important;
}

.elementor-portfolio__filters .elementor-portfolio__filter:not(.elementor-active):not(:hover)::after {
    transform-origin: left !important;
    transform: scaleX(0);
}

/* === PORTFOLIO CARD STYLING === */

.elementor-widget-portfolio .elementor-portfolio-item__overlay{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    opacity: 1;
    padding: 18px 28px;
    display: flex;
    transform: none;
}

.elementor-widget-portfolio
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    opacity: 1;
}


.elementor-widget-portfolio
.elementor-portfolio-item__title {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
/* ====== RESPONSIVE DESIGN ====== */
@media (max-width: 767px) {

  ul.elementor-portfolio__filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
    gap: 12px 10px !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    justify-content: center;
    align-items: center;
  }

  ul.elementor-portfolio__filters > li.elementor-portfolio__filter {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap;
  }
}/* End custom CSS */