.elementor-7227 .elementor-element.elementor-element-a851289{--display:flex;--background-transition:0.3s;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7227 .elementor-element.elementor-element-a3c1c00{text-align:justify;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-c799e81 */.table-wrapper {
  overflow-x: auto;
}

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.responsive-table th,
.responsive-table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}

.responsive-table thead {
  background: #f0f0f0;
  font-weight: bold;
}

/* حالت‌های رنگ در دسکتاپ */
.responsive-table tr:nth-child(even) {
  background: #fbfbfb;
}

/* === حالت موبایل کارت‌ـی === */
@media (max-width: 768px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    overflow: hidden;
  }

 
 .responsive-table td {
    border: none;
    border-bottom: 2px solid #CCCCCC; 
77; 

    position: relative;
    padding: 10px 12px;
    text-align: right;
  }


  .responsive-table td:last-child {
    border-bottom: none;
  }


  .responsive-table td::before {
    content: attr(data-label);
    display: inline-block;
    width: 35%;
    min-width: 110px;
    font-weight: bold;
    text-align: right;
    color: #222;
    margin-left: 8px;
  }


  .responsive-table td {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
  }

  .responsive-table td strong {
    font-weight: bold;
  }
}/* End custom CSS */