.elementor-10647 .elementor-element.elementor-element-4b212637{--display:flex;}.elementor-10647 .elementor-element.elementor-element-6024663{--display:flex;}.elementor-10647 .elementor-element.elementor-element-04620f2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10647 .elementor-element.elementor-element-18a954e{--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;--align-items:center;}.elementor-10647 .elementor-element.elementor-element-810111e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10647 .elementor-element.elementor-element-f74b04d > .elementor-widget-container{margin:17px 17px 17px 17px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-time-total{background-color:#FFFFFF;border-style:none;border-radius:9px 9px 9px 9px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-time-current{background-color:transparent;background-image:linear-gradient(90deg, #FF8E8E 0%, #FF3B3B 100%);border-radius:15px 15px 15px 15px;}.elementor-10647 .elementor-element.elementor-element-418bd86{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-10647 .elementor-element.elementor-element-418bd86 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(-90deg, #D30404 0%, #8B0000 100%);border-radius:50px 50px 50px 50px;}.elementor-10647 .elementor-element.elementor-element-418bd86.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-10647 .elementor-element.elementor-element-418bd86:hover > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-playpause-button > button:before{background-color:#D30404;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-playpause-button > button{background-color:#FFFFFF;padding:16px 16px 16px 16px;border-radius:31px 31px 31px 31px;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-playpause-button{margin:0px 0px 0px 0px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-volume-button > button:before{width:18px;height:18px;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-volume-button > button:hover:before{background-color:#FFA6A6;}.elementor-10647 .elementor-element.elementor-element-418bd86 .jet-audio .mejs-volume-button > button{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-10647 .elementor-element.elementor-element-4cb124b{--display:flex;}@media(max-width:1024px){.elementor-10647 .elementor-element.elementor-element-810111e{--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-10647 .elementor-element.elementor-element-418bd86{--container-widget-width:585px;--container-widget-flex-grow:0;width:var( --container-widget-width, 585px );max-width:585px;}}@media(max-width:767px){.elementor-10647 .elementor-element.elementor-element-18a954e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-4059b72 *//* ===== Article Base (RTL, no @media, no CSS Grid) ===== */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

body{
  direction:rtl;text-align:right;
  font-family:"Vazir",Arial,sans-serif;
  background:#fff;color:#2d2d2d;line-height:2;margin:0;padding:0;
}

/* Container */
.gulf-wrap{max-width:1060px;margin:0 auto;padding:24px 20px}

/* Breadcrumb */
.breadcrumb{font-size:13px;color:#6b7280;margin-bottom:10px}
.breadcrumb a{color:#6b7280;text-decoration:none;border:0}
.breadcrumb .sep{opacity:.5;margin:0 6px}

/* Hero */
.gulf-hero{
  background:linear-gradient(180deg,rgba(14,165,179,.08),rgba(14,165,179,0));
  border:1px solid #e5e7eb;border-radius:16px;padding:22px 18px;margin-bottom:18px
}
.kicker{font-size:14px;color:#64748b;margin-bottom:6px}
.gulf-hero h1{font-size:30px;margin:0 0 14px;color:#0ea5b3;font-weight:800;letter-spacing:-.2px}
.gulf-hero .lede{color:#374151;font-size:16.5px}

/* Headings */
.gulf-wrap h2{font-size:22px;margin:28px 0 12px;color:#111827;font-weight:800}
.gulf-wrap h3{font-size:18px;margin:18px 0 10px;color:#1f2937;font-weight:700}

/* Text & Lists */
.gulf-wrap p{margin:0 0 14px;font-size:16.5px}
.gulf-wrap ul,.gulf-wrap ol{margin:0 0 14px 0;padding:0 22px}
.gulf-wrap li{margin:6px 0}
.gulf-wrap strong{font-weight:800}
.gulf-wrap a{color:#d97706;text-decoration:none;border-bottom:1px dashed rgba(217,119,6,.35)}
.gulf-wrap a:hover{color:#b45309;border-color:#b45309}

/* Badges (flex-wrap) */
.badges{display:flex;flex-wrap:wrap;margin-top:8px;margin-right:-8px;margin-bottom:-8px}
.badge{
  font-size:12.5px;color:#0f172a;background:#eef6f7;border:1px solid #d6eef1;
  border-radius:999px;padding:6px 10px;margin-right:8px;margin-bottom:8px;display:inline-block
}

/* Notes */
.note{
  background:#f7fafc;border:1px dashed #e5e7eb;border-radius:12px;
  padding:14px;margin:12px 0;color:#374151
}
.note.success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.35)}
.note.info{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.35)}
.note.warn{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.35)}

/* Tables (if any) */
.gulf-wrap table{width:100%;border-collapse:collapse;margin:10px 0;border:1px solid #e5e7eb}
.gulf-wrap th,.gulf-wrap td{border:1px solid #e5e7eb;padding:10px 12px}
.gulf-wrap th{background:#f9fafb;font-weight:800}

/* Footer caption */
.caption{font-size:13px;color:#6b7280}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02106e2 */.faq-pro {
  margin: 28px 0;
  perspective: 1200px;
}
.faq-title {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 18px;
}

/* Base Card Style */
.faq-card {
  border-radius: 14px;
  padding: 14px 16px;
  margin: 14px 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  overflow: hidden;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.faq-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.18);
}

/* Theme Colors */
.theme1 { background: linear-gradient(135deg,#06b6d4,#3b82f6); color: #fff; }
.theme2 { background: linear-gradient(135deg,#f59e0b,#ef4444); color: #fff; }
.theme3 { background: linear-gradient(135deg,#10b981,#22c55e); color: #fff; }
.theme4 { background: linear-gradient(135deg,#8b5cf6,#ec4899); color: #fff; }

/* Summary (Question Row) */
.faq-card summary {
  display: flex;
  align-items: center;
  font-weight: 800;
  font-size: 16px;
  color: #fff;
  list-style: none;
  cursor: pointer;
}
.faq-card summary::-webkit-details-marker { display: none; }

/* Question Icon */
.q-ico {
  display: inline-block;
  width: 26px; height: 26px;
  line-height: 26px;
  text-align: center;
  margin-left: 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.25);
  font-weight: 900;
}

/* Toggle Icon (Plus / Minus) */
.toggle {
  margin-right: auto;
  width: 20px; height: 20px;
  position: relative;
}
.toggle::before,
.toggle::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 12px; height: 2px;
  background: #fff;
  transform: translate(-50%,-50%) rotate(0deg);
  transition: transform 0.25s ease;
}
.toggle::after {
  transform: translate(-50%,-50%) rotate(90deg);
}
.faq-card[open] .toggle::after {
  transform: translate(-50%,-50%) rotate(0deg);
}

/* Answer Content */
.answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0 4px;
}
.faq-card[open] .answer {
  max-height: 800px;
  opacity: 1;
  padding: 8px 4px 0;
}

/* Answer Text */
.answer p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #fff;
}/* End custom CSS */