.elementor-7985 .elementor-element.elementor-element-8a1e8be{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-38e23aa{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-df30bc0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7985 .elementor-element.elementor-element-df30bc0 .elementor-divider-separator{width:100%;}.elementor-7985 .elementor-element.elementor-element-df30bc0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7985 .elementor-element.elementor-element-b5bcd43{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-d912133{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-50ee08b{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-c126a67{--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;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-7d12aa8 .elementor-cta__content{text-align:center;}.elementor-7985 .elementor-element.elementor-element-7d12aa8 .elementor-cta .elementor-cta__bg, .elementor-7985 .elementor-element.elementor-element-7d12aa8 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-7985 .elementor-element.elementor-element-16385f7{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-6846412{--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;--justify-content:center;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-06a9a67 .elementor-cta__content{text-align:center;}.elementor-7985 .elementor-element.elementor-element-06a9a67 .elementor-cta .elementor-cta__bg, .elementor-7985 .elementor-element.elementor-element-06a9a67 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-7985 .elementor-element.elementor-element-f396ce2{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:10px;}.elementor-7985 .elementor-element.elementor-element-14a1e69{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-e2ac740{--spacer-size:50px;}.elementor-7985 .elementor-element.elementor-element-bbc8be7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7985 .elementor-element.elementor-element-bbc8be7 .elementor-divider-separator{width:100%;}.elementor-7985 .elementor-element.elementor-element-bbc8be7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7985 .elementor-element.elementor-element-d83013f{--display:flex;--background-transition:0.3s;}.elementor-7985 .elementor-element.elementor-element-cb48b42{--display:flex;--background-transition:0.3s;}@media(max-width:1024px){.elementor-7985 .elementor-element.elementor-element-f396ce2{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7985 .elementor-element.elementor-element-f396ce2{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for text-editor, class: .elementor-element-1e39cac */.introduction {
  font-family: 'Georgia', 'Times New Roman', serif; /* فونت کلاسیک برای مقالات */
  font-size: 1.1rem;
  line-height: 1.8; /* فاصله خطوط برای خوانایی بهتر */
  color: #333; /* رنگ متن نه خیلی تیره و نه خیلی روشن */
  text-align: justify; /* تراز متن برای ظاهر حرفهای */
  margin: 2rem 0;
  padding: 1.5rem;
  border-left: 4px solid #3498db; /* نوار آبی سمت چپ برای جلوه بصری */
  background-color: #f9f9f9; /* پسزمینه روشن */
  border-radius: 0 5px 5px 0; /* لبههای گرد */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* سایه ملایم */
}

.introduction:first-letter {
  font-size: 2.5rem; /* حرف اول بزرگ */
  font-weight: bold;
  color: #3498db; /* رنگ آبی برای حرف اول */
  float: left;
  margin-right: 8px;
  line-height: 1;
}

.introduction strong {
  color: #2c3e50; /* رنگ تیره برای تاکید */
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cafdfd4 */<style>
.article-preview-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.article-preview-img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
</style>

<div style="border: 2px solid #FF4E4E; border-radius: 12px; padding: 20px; background-color: #fff; text-align: right; direction: rtl; box-shadow: 0 2px 8px rgba(0,0,0,0.05); max-width: 600px; margin: auto;">
  
  <img src="https://emdadrayane.net/wp-content/uploads/2024/03/تعمیرات-کامپیوتر-در-تهران.jpg" 
       alt="پیش‌نمایش مقاله تعمیرات کامپیوتر در تهران" 
       class="article-preview-img"
       style="margin-bottom: 15px;">
  
  <h3 style="color: #333; font-size: 20px; margin-bottom: 10px;">بیشتر بخوانید</h3>
  
  <p style="color: #555; font-size: 16px; margin-bottom: 15px;">
    اگر به دنبال خدمات تخصصی تعمیرات کامپیوتر در تهران هستید، این صفحه می‌تواند راهنمای مناسبی برای شما باشد.
  </p>
  
  <a href="https://emdadrayane.net/%d8%aa%d8%b9%d9%85%db%8c%d8%b1%d8%a7%d8%aa-%da%a9%d8%a7%d9%85%d9%be%db%8c%d9%88%d8%aa%d8%b1-%d8%af%d8%b1-%d8%aa%d9%87%d8%b1%d8%a7%d9%86/" 
     target="_blank" 
     rel="noopener noreferrer"
     style="display: inline-block; padding: 10px 20px; background-color: #FF4E4E; color: #fff; text-decoration: none; border-radius: 8px; font-weight: bold; transition: background 0.3s;">
    ورود به صفحه
  </a>
</div>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ead35d3 *//* افکت ترکیبی */
.elementor-image img {
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: perspective(1000px) translateZ(0);
}

.elementor-image img:hover {
    transform: perspective(1000px) translateZ(50px);
    box-shadow: 0 20px 30px rgba(0,0,0,0.2);
    filter: brightness(1.05) contrast(1.05);
}/* End custom CSS */