.elementor-111839 .elementor-element.elementor-element-d18e844{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9aa1e63 */.spodly-article {

  --spodly-primary: #2563eb;

  --spodly-primary-dark: #1d4ed8;

  --spodly-dark: #111827;

  --spodly-text: #374151;

  --spodly-muted: #6b7280;

  --spodly-border: #e5e7eb;

  --spodly-light: #f8fafc;

  --spodly-answer: #eff6ff;

  --spodly-warning: #fffbeb;

  --spodly-success: #f0fdf4;



  max-width: 980px;

  margin: 0 auto;

  direction: rtl;

  text-align: right;

  color: var(--spodly-text);

  font-size: 18px;

  line-height: 1.95;

}



.spodly-article * {

  box-sizing: border-box;

}



.spodly-article h2,

.spodly-article h3 {

  color: var(--spodly-dark);

  line-height: 1.5;

  scroll-margin-top: 100px;

}



.spodly-article h2 {

  margin: 42px 0 18px;

  font-size: 30px;

}



.spodly-article h3 {

  margin: 30px 0 12px;

  font-size: 23px;

}



.spodly-article p {

  margin: 0 0 20px;

}



.spodly-article ul {

  margin: 0 0 24px;

  padding-right: 25px;

}



.spodly-article li {

  margin-bottom: 9px;

}



.spodly-update-badge {

  display: inline-block;

  margin-bottom: 20px !important;

  padding: 7px 14px;

  border-radius: 999px;

  background: var(--spodly-dark);

  color: #fff;

  font-size: 14px;

  font-weight: 700;

}



.spodly-intro {

  color: var(--spodly-dark);

  font-size: 21px;

  font-weight: 500;

  line-height: 1.9;

}



.spodly-feature-image {

  margin: 30px 0;

}



.spodly-feature-image img {

  display: block;

  width: 100%;

  height: auto;

  border-radius: 18px;

}



.spodly-feature-image figcaption {

  margin-top: 10px;

  color: var(--spodly-muted);

  font-size: 14px;

  text-align: center;

}



.spodly-answer-box,

.spodly-note-box,

.spodly-verdict-box {

  margin: 28px 0;

  padding: 24px;

  border-radius: 14px;

}



.spodly-answer-box {

  border-right: 5px solid var(--spodly-primary);

  background: var(--spodly-answer);

}



.spodly-answer-box h2 {

  margin: 0 0 10px;

  font-size: 25px;

}



.spodly-answer-box p,

.spodly-note-box p,

.spodly-verdict-box p:last-child {

  margin-bottom: 0;

}



.spodly-note-box {

  border-right: 5px solid #f59e0b;

  background: var(--spodly-warning);

}



.spodly-verdict-box {

  border: 1px solid #bbf7d0;

  border-right: 5px solid #16a34a;

  background: var(--spodly-success);

}



.spodly-toc {

  margin: 32px 0;

  padding: 26px;

  border: 1px solid var(--spodly-border);

  border-radius: 16px;

  background: var(--spodly-light);

}



.spodly-toc h2 {

  margin: 0 0 15px;

  font-size: 25px;

}



.spodly-toc ul {

  margin: 0;

  padding-right: 22px;

  columns: 2;

  column-gap: 45px;

}



.spodly-toc a {

  color: var(--spodly-primary-dark);

  text-decoration: none;

}



.spodly-toc a:hover {

  text-decoration: underline;

}



.spodly-table-wrap {

  width: 100%;

  margin: 28px 0;

  overflow-x: auto;

  border: 1px solid var(--spodly-border);

  border-radius: 14px;

}



.spodly-table {

  width: 100%;

  min-width: 720px;

  border-collapse: collapse;

  background: #fff;

}



.spodly-table th,

.spodly-table td {

  padding: 15px;

  border-bottom: 1px solid var(--spodly-border);

  text-align: right;

  vertical-align: top;

}



.spodly-table th {

  background: var(--spodly-dark);

  color: #fff;

  font-weight: 700;

}



.spodly-table tbody tr:nth-child(even) {

  background: var(--spodly-light);

}



.spodly-table tbody tr:last-child td {

  border-bottom: 0;

}



.spodly-cta-box {

  margin: 38px 0;

  padding: 32px;

  border-radius: 18px;

  background: var(--spodly-dark);

  color: #fff;

  text-align: center;

}



.spodly-cta-box h2 {

  margin: 0 0 12px;

  color: #fff;

  font-size: 28px;

}



.spodly-cta-box p {

  max-width: 760px;

  margin: 0 auto 22px;

  color: #e5e7eb;

}



.spodly-cta-btn {

  display: inline-block;

  padding: 13px 24px;

  border-radius: 9px;

  background: var(--spodly-primary);

  color: #fff !important;

  font-weight: 700;

  text-decoration: none !important;

  transition: transform 0.2s ease, background 0.2s ease;

}



.spodly-cta-btn:hover {

  background: var(--spodly-primary-dark);

  transform: translateY(-2px);

}



.spodly-faq {

  margin-top: 22px;

}



.spodly-faq-item {

  margin-bottom: 16px;

  padding: 22px;

  border: 1px solid var(--spodly-border);

  border-radius: 13px;

  background: #fff;

}



.spodly-faq-item h3 {

  margin: 0 0 9px;

  font-size: 21px;

}



.spodly-faq-item p {

  margin: 0;

}



.spodly-checklist {

  padding: 24px 50px 24px 24px !important;

  border: 1px solid var(--spodly-border);

  border-radius: 14px;

  background: var(--spodly-light);

}



.spodly-checklist li::marker {

  color: #16a34a;

}



@media (max-width: 767px) {

  .spodly-article {

    font-size: 16px;

    line-height: 1.9;

  }



  .spodly-article h2 {

    font-size: 25px;

  }



  .spodly-article h3 {

    font-size: 20px;

  }



  .spodly-intro {

    font-size: 18px;

  }



  .spodly-toc ul {

    columns: 1;

  }



  .spodly-answer-box,

  .spodly-note-box,

  .spodly-verdict-box,

  .spodly-toc,

  .spodly-faq-item {

    padding: 19px;

  }



  .spodly-cta-box {

    padding: 26px 18px;

  }



  .spodly-cta-box h2 {

    font-size: 24px;

  }

}/* End custom CSS */