.elementor-15 .elementor-element.elementor-element-5aed8b3{--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-15 .elementor-element.elementor-element-cb2f45e img{width:68%;max-width:100%;height:350px;opacity:1;border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-cb2f45e:hover img{opacity:1;}.elementor-15 .elementor-element.elementor-element-36cb5e6{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-a1f2e71{--display:flex;}.elementor-15 .elementor-element.elementor-element-22a3856{--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-15 .elementor-element.elementor-element-0f9c2aa .elementor-heading-title{font-size:25px;color:var( --e-global-color-6dd6a0c );}.elementor-15 .elementor-element.elementor-element-b27757c .elementor-button{background-color:#FFFFFF;fill:#0000009C;color:#0000009C;border-radius:11px 11px 11px 11px;}.elementor-15 .elementor-element.elementor-element-b27757c.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-b27757c .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-cb2f45e img{width:62%;height:280px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-cb2f45e img{width:100%;height:200px;}.elementor-15 .elementor-element.elementor-element-b27757c.elementor-element{--align-self:center;}}/* Start custom CSS for text-editor, class: .elementor-element-e6da900 *//* ------------------- کد نمایش دو خط اول ------------------- */
#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-b27757c */.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 */