.elementor-1124 .elementor-element.elementor-element-546ec095{--display:flex;--min-height:400px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1124 .elementor-element.elementor-element-546ec095.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1124 .elementor-element.elementor-element-40d9175{--display:flex;--min-height:8vh;--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:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:300px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1124 .elementor-element.elementor-element-40d9175:not(.elementor-motion-effects-element-type-background), .elementor-1124 .elementor-element.elementor-element-40d9175 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://atiyehsazanmehr.ir/wp-content/uploads/2025/12/پروژه‌ها.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1124 .elementor-element.elementor-element-35b8335{--display:flex;--justify-content:flex-start;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1124 .elementor-element.elementor-element-6ca1717{--spacer-size:0px;}.elementor-1124 .elementor-element.elementor-element-7ec9b7c{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1124 .elementor-element.elementor-element-7ec9b7c .elementor-heading-title{font-family:"GramophoneFaNum", Sans-serif;font-size:35px;color:#000000;}.elementor-1124 .elementor-element.elementor-element-7c69ff4c{--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;}.elementor-1124 .elementor-element.elementor-element-d063d93{--display:flex;}.elementor-1124 .elementor-element.elementor-element-bf63816{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-1124 .elementor-element.elementor-element-01c0468{padding:0px 10px 0px 0px;text-align:center;}.elementor-1124 .elementor-element.elementor-element-01c0468 .elementor-heading-title{font-size:18px;}.elementor-1124 .elementor-element.elementor-element-d99ccf8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1124 .elementor-element.elementor-element-a9e34c3{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-1124 .elementor-element.elementor-element-a846c52{padding:0px 10px 0px 0px;text-align:center;}.elementor-1124 .elementor-element.elementor-element-a846c52 .elementor-heading-title{font-size:18px;}.elementor-1124 .elementor-element.elementor-element-4154735{--spacer-size:50px;}.elementor-1124 .elementor-element.elementor-element-d1068c0{--spacer-size:50px;}.elementor-1124 .elementor-element.elementor-element-a29e0c2{--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;}.elementor-1124 .elementor-element.elementor-element-c57deeb{--display:flex;}.elementor-1124 .elementor-element.elementor-element-b71851a{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-1124 .elementor-element.elementor-element-39472e9{margin:0px 25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1124 .elementor-element.elementor-element-39472e9 .elementor-image-box-wrapper{text-align:center;}.elementor-1124 .elementor-element.elementor-element-39472e9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1124 .elementor-element.elementor-element-39472e9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1124 .elementor-element.elementor-element-39472e9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1124 .elementor-element.elementor-element-39472e9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1124 .elementor-element.elementor-element-39472e9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1124 .elementor-element.elementor-element-39472e9 .elementor-image-box-title{color:#131111;}.elementor-1124 .elementor-element.elementor-element-9149b03{padding:0px 10px 0px 0px;text-align:center;}.elementor-1124 .elementor-element.elementor-element-9149b03 .elementor-heading-title{font-size:18px;}.elementor-1124 .elementor-element.elementor-element-dc133ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1124 .elementor-element.elementor-element-28a320c{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-1124 .elementor-element.elementor-element-88cfa0f{margin:0px 25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1124 .elementor-element.elementor-element-88cfa0f .elementor-image-box-wrapper{text-align:center;}.elementor-1124 .elementor-element.elementor-element-88cfa0f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1124 .elementor-element.elementor-element-88cfa0f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1124 .elementor-element.elementor-element-88cfa0f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1124 .elementor-element.elementor-element-88cfa0f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1124 .elementor-element.elementor-element-88cfa0f .elementor-image-box-img img{box-shadow:46px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:0.3s;}.elementor-1124 .elementor-element.elementor-element-88cfa0f .elementor-image-box-title{color:#0F0E0E;}.elementor-1124 .elementor-element.elementor-element-51e8a1e{padding:0px 10px 0px 0px;text-align:center;}.elementor-1124 .elementor-element.elementor-element-51e8a1e .elementor-heading-title{font-size:18px;}.elementor-1124 .elementor-element.elementor-element-f522fac{--spacer-size:60px;}@media(max-width:1024px){.elementor-1124 .elementor-element.elementor-element-3b8e6b7 img{border-radius:15px 15px 15px 15px;}.elementor-1124 .elementor-element.elementor-element-ba1252d img{border-radius:15px 15px 15px 15px;}}@media(min-width:768px){.elementor-1124 .elementor-element.elementor-element-546ec095{--width:100vw;}.elementor-1124 .elementor-element.elementor-element-7c69ff4c{--content-width:1200px;}.elementor-1124 .elementor-element.elementor-element-a29e0c2{--content-width:1200px;}}@media(max-width:767px){.elementor-1124 .elementor-element.elementor-element-546ec095{--width:100%;}.elementor-1124 .elementor-element.elementor-element-d063d93{--justify-content:center;}.elementor-1124 .elementor-element.elementor-element-3b8e6b7 img{border-radius:25px 25px 25px 25px;}.elementor-1124 .elementor-element.elementor-element-a9e34c3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1124 .elementor-element.elementor-element-ba1252d{padding:5px 5px 5px 5px;}.elementor-1124 .elementor-element.elementor-element-ba1252d img{border-radius:15px 15px 15px 15px;}.elementor-1124 .elementor-element.elementor-element-4154735{--spacer-size:1px;}.elementor-1124 .elementor-element.elementor-element-d1068c0{--spacer-size:1px;}.elementor-1124 .elementor-element.elementor-element-39472e9 .elementor-image-box-img{margin-bottom:15px;}.elementor-1124 .elementor-element.elementor-element-88cfa0f .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for image-box, class: .elementor-element-88cfa0f *//* =========================================
   استایل اصلی سکشن پروژه‌ها (آپدیت شیک‌تر)
   ========================================= */

.projects-section {
    /* پس‌زمینه گرادیان داینامیک + هاله سبز برند */
    background:
        radial-gradient(ellipse at 50% 50%, rgba(0, 166, 81, 0.03) 0%, transparent 70%),
        linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
    overflow: hidden;
    padding: 80px 0 !important;
    min-height: 700px;
    display: flex;
    align-items: center;
}

/* شکل‌های شناور دکوراتیو */
.projects-section::before {
    content: '';
    position: absolute;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle at 30% 30%, rgba(0, 166, 81, 0.08) 0%, rgba(0, 166, 81, 0.02) 50%, transparent 70%);
    border-radius: 50%;
    top: -200px;
    left: -180px;
    animation: floatShape 7s ease-in-out infinite;
    z-index: 0;
    filter: blur(10px); /* لبه نرم‌تر و براق‌تر */
}

.projects-section::after {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle at 30% 30%, rgba(0, 166, 81, 0.06) 0%, rgba(0, 166, 81, 0.02) 50%, transparent 70%);
    border-radius: 50%;
    bottom: -120px;
    right: -150px;
    animation: floatShape 9s ease-in-out infinite reverse;
    z-index: 0;
    filter: blur(10px);
}

@keyframes floatShape {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-40px) rotate(180deg); }
}

/* عنوان سکشن */
.projects-section .section-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

.projects-section .section-title h2 {
    font-size: 48px;
    color: #212529;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'GramophoneFaNum', tahoma, sans-serif !important;
}

/* خط زیر عنوان (انیمیشن) */
.projects-section .section-title::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: #00a651;
    margin: 0 auto;
    border-radius: 2px;
    animation: lineGrow 2s ease-out;
}

@keyframes lineGrow {
    from { width: 0; }
    to { width: 100px; }
}

/* =========================================
   استایل گرید/کانتینر کاردها
   ========================================= */
.projects-grid {
    display: flex !important;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =========================================
   استایل کارد‌های تصویر (ترکیب Glassmorphism + Overlay)
   ========================================= */
.project-card {
    position: relative;
    border-radius: 28px; /* 1) خمیده‌تر */
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); /* سایه نرم‌تر */
    transition: all 0.45s cubic-bezier(.37, .7, .21, 1.3); /* easing اسپرت‌تر */
    width: 500px !important;
    height: 300px !important;
    background: linear-gradient(135deg,
                                rgba(255, 255, 255, 0.18) 0%,
                                rgba(255, 255, 255, 0.08) 50%,
                                rgba(0, 166, 81, 0.06) 100%); /* گرادیان زنده‌تر */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* انیمیشن هوور کارد */
.project-card:hover {
    transform: translateY(-20px) scale(1.03);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* تصویر داخل کارد */
.project-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.5s ease;
    will-change: transform; /* آماده‌سازی برای پارالاکس ملایم */
}

.project-card:hover img {
    transform: scale(1.12) translateY(-4px); /* پارالاکس ملایم */
}

/* Overlay گرادیانی */
.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 166, 81, 0.9) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.project-card:hover::before {
    opacity: 1;
}

/* محتوای Overlay (آیکن + عنوان) */
.project-card .overlay-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: white;
    transform: translateY(40px);
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 3;
    text-align: right;
}

.project-card:hover .overlay-content {
    transform: translateY(0);
    opacity: 1;
}

/* آیکن (پاپ رنگی روی هوور) */
.project-card .overlay-content i {
    font-size: 28px;
    margin-bottom: 15px;
    display: block;
    color: #fff;
    transition: transform 0.3s ease, color 0.3s ease;
}

.project-card:hover .overlay-content i {
    transform: scale(1.25);
    color: #aaffc3; /* هایلایت سبز روشن */
}

/* عنوان پروژه (وزن کم‌تر + فاصله حرفی) */
.project-card .overlay-content h3 {
    font-size: 24px;
    margin: 0 0 8px 0;
    font-family: 'GramophoneFaNum', tahoma, sans-serif !important;
    font-weight: 450; /* سبک‌تر */
    letter-spacing: 0.5px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* دکمه/لینک (همون حالت قبلی، بدون تغییر) */
.project-card .overlay-content a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.project-card .overlay-content a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}/* End custom CSS */