.elementor-96 .elementor-element.elementor-element-889e688{--display:flex;}.elementor-96 .elementor-element.elementor-element-7b29e6a{--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-96 .elementor-element.elementor-element-c601c8b{text-align:center;}.elementor-96 .elementor-element.elementor-element-c601c8b .elementor-heading-title{color:var( --e-global-color-81562e6 );}.elementor-96 .elementor-element.elementor-element-bb1ef3e .elementor-button{background-color:#F4792000;fill:#0000008C;color:#0000008C;border-radius:11px 11px 11px 11px;}.elementor-96 .elementor-element.elementor-element-bb1ef3e.elementor-element{--align-self:center;}.elementor-96 .elementor-element.elementor-element-bb1ef3e .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-96 .elementor-element.elementor-element-c601c8b .elementor-heading-title{font-size:19px;line-height:1.9em;}}/* Start custom CSS for text-editor, class: .elementor-element-8ac3461 *//* ------------------- کد نمایش دو خط اول ------------------- */
#my-read-more-text p {
  /* ارتفاع هر خط را مشخص می‌کند. می‌توانید این عدد را تغییر دهید */
  line-height: 1.6em; 
  
  /* ارتفاع کل را برابر با دو خط ضرب در ارتفاع هر خط قرار می‌دهد (2 * 1.6 = 3.2) */
  max-height: 3.2em; 
  
  /* بقیه متن که از این ارتفاع بیشتر است را مخفی می‌کند */
  overflow: hidden; 
  
  /* برای جلوگیری از بریدن کلمات در انتهای خط */
  word-wrap: break-word;
}

/* ------------------- کد ساخت دکمه "مشاهده بیشتر" ------------------- */
#my-read-more-text .elementor-widget-container {
  position: relative; /* برای قرارگیری صحیح دکمه */
}

#my-read-more-text .elementor-widget-container::after {
  content: 'مشاهده بیشتر';
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #007bff; /* رنگ پس‌زمینه دکمه */
  padding: 8px 15px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#my-read-more-text .elementor-widget-container::after:hover {
  background-color: #0056b3; /* رنگ پس‌زمینه هنگام hover */
  transform: translateY(-2px);
}

/* ------------------- کد حالت "باز شده" متن ------------------- */
#my-read-more-text.show-full-text p {
  max-height: none; /* محدودیت ارتفاع را حذف می‌کند تا کل متن نمایش داده شود */
}

#my-read-more-text.show-full-text .elementor-widget-container::after {
  content: 'مشاهده کمتر'; /* متن دکمه را تغییر می‌دهد */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb1ef3e */.expandable-container {
    position: relative;
    padding-bottom: 70px; 
}
.more-RayaWp {
    width: 160px; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.more-RayaWp i {
    font-size: 14px;
    transition: transform 0.3s ease;
}
.expandable-content {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; 
    position: relative;
}

.expandable-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, transparent, #ffffff);
    z-index: 1;
    pointer-events: none;
}

.expandable-content.expanded {
    max-height: none; 
}

.expandable-content.expanded::after {
    display: none; }

.more-RayaWp i {
    font-size: 14px;
    transition: transform 0.3s ease;
}


.btn-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}/* End custom CSS */