.elementor-266 .elementor-element.elementor-element-333db10{--display:flex;}.elementor-266 .elementor-element.elementor-element-19bde29 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-266 .elementor-element.elementor-element-332da69{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-266 .elementor-element.elementor-element-f26e07d{--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;box-shadow:0px 0px 74px 0px rgba(0, 0, 0, 0.08);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:55px;--padding-left:55px;--padding-right:55px;}html .elementor-266 .elementor-element.elementor-element-e311a15 .product_title{font-family:"BYekan", Sans-serif;font-size:22px;font-weight:600;color:#2C0AA8;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-266 .elementor-element.elementor-element-54f17b9 img{width:80%;border-radius:15px 15px 15px 15px;}.elementor-266 .elementor-element.elementor-element-4c2910b{font-weight:500;color:var( --e-global-color-secondary );}.elementor-266 .elementor-element.elementor-element-56e1d72{--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;}.elementor-266 .elementor-element.elementor-element-adb7481{--display:flex;}@media(min-width:768px){.elementor-266 .elementor-element.elementor-element-f26e07d{--width:59%;}.elementor-266 .elementor-element.elementor-element-56e1d72{--width:30%;}}@media(max-width:767px){.elementor-266 .elementor-element.elementor-element-332da69{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-266 .elementor-element.elementor-element-f26e07d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}html .elementor-266 .elementor-element.elementor-element-e311a15 .product_title{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-332da69 */<style>
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}
.reveal.fade {
    transform: none;
}
</style>

<!-- مثال بخش‌هایی که با اسکرول ظاهر می‌شن -->
<div class="reveal slide-up" style="background:#eef; padding:20px; margin:20px 0; border-radius:10px;">
    👋 این یک بخش اسلاید-آپ است.
</div>

<div class="reveal fade" style="background:#efe; padding:20px; margin:20px 0; border-radius:10px;">
    🌟 این یک بخش فید-این است.
</div>

<div class="reveal slide-up" style="background:#fee; padding:20px; margin:20px 0; border-radius:10px;">
    🚀 این هم یک بخش اسلاید-آپ دیگر است.
</div>

<script>
// استفاده از Intersection Observer برای شناسایی المان‌ها
const reveals = document.querySelectorAll('.reveal');

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('active');
    }
  });
}, { threshold: 0.15 });

reveals.forEach(el => observer.observe(el));
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BYekan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vv2.ir/wp-content/uploads/2025/07/BYekan.woff2') format('woff2');
}
/* End Custom Fonts CSS */