.elementor-6733 .elementor-element.elementor-element-1dfd39a{--display:flex;--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;--justify-content:space-around;--align-items:center;}.elementor-6733 .elementor-element.elementor-element-1dfd39a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6733 .elementor-element.elementor-element-6d43de2{--display:flex;--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;--justify-content:center;--align-items:center;}.elementor-6733 .elementor-element.elementor-element-fff7f0b{width:var( --container-widget-width, 12.698% );max-width:12.698%;--container-widget-width:12.698%;--container-widget-flex-grow:0;}.elementor-6733 .elementor-element.elementor-element-fff7f0b.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6733 .elementor-element.elementor-element-72e0a34{--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-6733 .elementor-element.elementor-element-8c879ac{--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:space-around;}.elementor-6733 .elementor-element.elementor-element-0c1654c{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-6733 .elementor-element.elementor-element-4e7b6ab{--display:flex;}.elementor-6733 .elementor-element.elementor-element-31996ec{--spacer-size:50px;}@media(max-width:1024px){ .elementor-6733 .elementor-element.elementor-element-0c1654c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-6733 .elementor-element.elementor-element-0c1654c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for html, class: .elementor-element-450c014 *//* استایل کلی آکاردئون */
.accordion-box {
  background-color: #e6f0fa; /* آبی روشن */
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 10px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

/* افکت هاور بر روی آکاردئون */
.accordion-box:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* استایل برای details */
.accordion-box details {
  background-color: transparent;
  border: none;
}

/* استایل برای summary */
.accordion-box summary {
  background-color: #b3d4fc; /* پس‌زمینه آبی برای عنوان */
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #003366; /* رنگ متن تیره */
  cursor: pointer;
  border-bottom: 1px solid #99c2f2;
  transition: background-color 0.3s;
}

/* تغییر رنگ پس‌زمینه در هنگام هاور */
.accordion-box summary:hover {
  background-color: #a1c9f7; /* تغییر رنگ آبی در هاور */
}

/* تغییر رنگ پس‌زمینه هنگام باز بودن آکاردئون */
.accordion-box details[open] summary {
  background-color: #8ebef3; /* آبی روشن‌تر زمانی که آکاردئون باز است */
}

/* استایل برای محتوای داخل آکاردئون */
.accordion-box div {
  padding: 16px 20px;
  background-color: #f7fbff; /* پس‌زمینه روشن برای محتوا */
  font-size: 16px;
  color: #333;
  line-height: 1.7;
}

/* استایل برای لیست‌های داخل آکاردئون */
.accordion-box ul {
  padding-left: 20px;
  margin: 10px 0;
}

/* استایل برای آیتم‌های لیست */
.accordion-box li {
  margin-bottom: 6px;
  list-style-type: disc;
}/* End custom CSS */