.elementor-2526 .elementor-element.elementor-element-6b427dc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-bcd1e6d */#main-topic-header.about-us-header {
    background-image: url('/wp-content/uploads/2025/05/about-us-1.png');
    background-size: cover;
    background-position: center top !important; /* شروع از بالا */
    background-repeat: no-repeat;
    padding: 40px 20px !important;
    text-align: center !important;
    color: #ffffff !important;
    position: relative !important;
    box-sizing: border-box !important;
    min-height: 400px; /* حداقل ارتفاع برای نمایش بهتر پس زمینه */
}

#main-topic-header.about-us-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65) !important; /* پوشش تیره‌تر برای خوانایی */
    z-index: 1 !important;
}

#main-topic-header .header-content-wrapper {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#main-topic-header .main-title {
    font-size: 2.2rem !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
}

#main-topic-header .title-emoji {
    display: inline-block !important;
    background: linear-gradient(45deg, #FFD700, #C0C0C0) !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    margin-right: 10px !important;
    font-size: 2rem !important;
}

#main-topic-header .value-proposition {
    font-size: 1.1rem !important;
    color: #f0f0f0 !important;
    margin-bottom: 30px !important;
    line-height: 1.6 !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#main-topic-header .anchor-links-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
}

#main-topic-header .anchor-card {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    flex-basis: calc(50% - 10px) !important; /* 2 cards on mobile */
    min-width: 150px; /* حداقل عرض برای هر کارت */
    max-width: 200px; /* حداکثر عرض برای هر کارت */
    min-height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease !important;
    box-sizing: border-box;
}

#main-topic-header .anchor-card:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

#main-topic-header .card-icon {
    font-size: 2.5rem !important;
    margin-bottom: 10px !important;
    color: #FFD700 !important;
}

#main-topic-header .card-title {
    font-size: 0.9rem !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

/* Desktop and larger screens */
@media (min-width: 768px) {
    #main-topic-header .main-title {
        font-size: 2.8rem !important;
    }
    #main-topic-header .value-proposition {
        font-size: 1.2rem !important;
    }
    #main-topic-header .anchor-card {
      flex-basis: calc(33.333% - 10px) !important; /* 3 cards on tablet */
    }
}

@media (min-width: 1024px) {
    #main-topic-header .anchor-card {
      flex-basis: calc(16.666% - 12.5px) !important; /* 6 cards on desktop */
      min-width: 140px; /* تنظیم حداقل عرض برای دسکتاپ */
    }
     #main-topic-header .card-icon {
        font-size: 2.2rem !important;
    }
    #main-topic-header .card-title {
        font-size: 0.85rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9030c9a */#topic-introduction-challenge.about-us-section {
    background-color: #2A3F54 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    box-sizing: border-box !important;
    overflow: hidden; /* جلوگیری از سرریز شدن محتوا */
}

#topic-introduction-challenge .section-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

#topic-introduction-challenge .section-title {
    font-size: 2rem !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

#topic-introduction-challenge .challenging-questions h3 {
    font-size: 1.5rem !important;
    color: #C0C0C0 !important;
    margin-bottom: 15px !important;
}

#topic-introduction-challenge .challenging-questions ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

#topic-introduction-challenge .challenging-questions ul li {
    font-size: 1.1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.7 !important;
    margin-bottom: 10px !important;
    padding-right: 25px !important; /* تغییر از padding-left برای RTL */
    position: relative !important;
}

#topic-introduction-challenge .challenging-questions ul li::before {
    content: "✔" !important;
    position: absolute !important;
    right: 0 !important; /* تغییر از left برای RTL */
    color: #FFD700 !important;
}

#topic-introduction-challenge .introduction-text p {
    font-size: 1.1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    text-align: justify !important;
}

#topic-introduction-challenge .section-image-container {
    text-align: center !important;
    margin-top: 20px !important;
    width: 100%; /* برای جلوگیری از بزرگتر شدن از والد */
}

#topic-introduction-challenge .conceptual-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: block;
}

/* Desktop layout */
@media (min-width: 768px) {
    #topic-introduction-challenge.about-us-section {
        flex-direction: row !important;
        align-items: center !important;
    }
    #topic-introduction-challenge .section-content {
        flex: 1 1 60% !important; /* Allow text to take more space and shrink if needed */
        padding-left: 20px !important; /* Space between text and image in RTL */
        padding-right: 0 !important;
        max-width: 60%; /* محدود کردن عرض بخش متنی */
    }
    #topic-introduction-challenge .section-image-container {
        flex: 1 1 40% !important; /* Allow image to take space and shrink */
        margin-top: 0 !important;
        max-width: 40%; /* محدود کردن عرض بخش تصویر */
    }
     #topic-introduction-challenge .section-title {
        text-align: right !important;
    }
}

@media (min-width: 1024px) {
    #topic-introduction-challenge .section-content {
        padding-left: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c418da */#process-details-cta.about-us-section {
    background-color: #333333 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

#process-details-cta .section-title {
    font-size: 2rem !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

#process-details-cta .process-steps {
    display: grid !important;
    grid-template-columns: 1fr !important; /* یک ستون در موبایل */
    gap: 25px !important;
    margin-bottom: 40px !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#process-details-cta .step-card {
    background-color: #2A3F54 !important;
    padding: 25px !important;
    border-radius: 8px !important;
    border-right: 5px solid #FFD700 !important; /* تغییر از border-left برای RTL */
    border-left: none !important;
}

#process-details-cta .step-emoji {
    font-size: 2.5rem !important;
    display: block !important;
    margin-bottom: 10px !important;
    color: #C0C0C0 !important;
}

#process-details-cta .step-title {
    font-size: 1.4rem !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

#process-details-cta .step-card p {
    font-size: 1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.7 !important;
}

#process-details-cta .cta-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; /* انعطاف پذیر */
    gap: 15px !important;
    text-align: center !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#process-details-cta .cta-card,
#process-details-cta .trust-card {
    padding: 15px 20px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    min-height: 60px; /* حداقل ارتفاع برای همسان سازی */
}

#process-details-cta .cta-card {
    background: linear-gradient(45deg, #FFD700, #FFA500) !important;
    color: #333333 !important;
    font-weight: bold !important;
}

#process-details-cta .trust-card {
    background-color: #4a5a6a !important;
    color: #ffffff !important;
    border: 1px solid #C0C0C0 !important;
}
#process-details-cta .cta-card:hover,
#process-details-cta .trust-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}


#process-details-cta .card-icon {
    font-size: 1.5rem !important;
}

#process-details-cta .card-text {
    font-size: 1rem !important;
}


@media (min-width: 768px) {
    #process-details-cta .process-steps {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; /* 2 ستون یا بیشتر */
    }
}
/* در حالت خیلی بزرگ، 4 ستون اگر جا باشد
@media (min-width: 1200px) {
     #process-details-cta .process-steps {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbc0725 */#user-benefits-whyus.about-us-section {
    background-color: #2A3F54 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column-reverse !important; /* تصویر بالا در موبایل */
    gap: 30px !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

#user-benefits-whyus .section-content,
#user-benefits-whyus .section-image-container {
    width: 100%; /* برای جلوگیری از بزرگتر شدن از والد در حالت ستونی */
    max-width: 1200px; /* برای محتوای مرکزی در صفحه بزرگ */
    margin-left: auto;
    margin-right: auto;
}


#user-benefits-whyus .section-title {
    font-size: 2rem !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

#user-benefits-whyus .benefits-list {
    display: grid !important;
    grid-template-columns: 1fr !important; /* یک ستون در موبایل */
    gap: 20px !important;
    margin-bottom: 30px !important;
}

#user-benefits-whyus .benefit-item {
    background-color: rgba(255, 255, 255, 0.05) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    text-align: center !important;
}

#user-benefits-whyus .benefit-emoji {
    font-size: 2.5rem !important;
    display: block !important;
    margin-bottom: 10px !important;
}

#user-benefits-whyus .benefit-title {
    font-size: 1.3rem !important;
    color: #C0C0C0 !important;
    margin-bottom: 8px !important;
}

#user-benefits-whyus .benefit-item p {
    font-size: 1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.6 !important;
}

#user-benefits-whyus .why-us-differentiation h3 {
    font-size: 1.5rem !important;
    color: #FFD700 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

#user-benefits-whyus .why-us-differentiation p {
    font-size: 1.1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.8 !important;
    text-align: justify !important;
}

#user-benefits-whyus .section-image-container {
    text-align: center !important;
    margin-bottom: 20px !important;
}

#user-benefits-whyus .conceptual-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: block;
}

@media (min-width: 768px) {
    #user-benefits-whyus.about-us-section {
        flex-direction: row !important; /* متن راست، تصویر چپ برای RTL */
        align-items: center !important;
    }
    #user-benefits-whyus .section-content {
        flex: 1 1 55% !important; /* محتوا 55% */
        padding-left: 25px !important; /* فاصله بین محتوا و تصویر در RTL */
        padding-right: 0 !important;
        order: 1; /* محتوا سمت راست */
        max-width: 55%;
    }
    #user-benefits-whyus .section-image-container {
        flex: 1 1 45% !important; /* تصویر 45% */
        margin-bottom: 0 !important;
        order: 2; /* تصویر سمت چپ */
        max-width: 45%;
    }
    #user-benefits-whyus .benefits-list {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; /* 2 ستون یا بیشتر */
    }
     #user-benefits-whyus .section-title,
     #user-benefits-whyus .why-us-differentiation h3 {
        text-align: right !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7afa45e */#honest-discussion-concerns.about-us-section {
    background-color: #333333 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

#honest-discussion-concerns .section-content {
    width: 100%;
    max-width: 1200px; /* برای محتوای مرکزی */
    margin: 0 auto; /* محتوای مرکزی در حالت ستونی */
}
#honest-discussion-concerns .section-image-container {
    width: 100%;
    max-width: 1200px; /* برای محتوای مرکزی */
    margin: 0 auto; /* محتوای مرکزی در حالت ستونی */
}


#honest-discussion-concerns .section-title {
    font-size: 2rem !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

#honest-discussion-concerns .concerns-grid {
    display: grid !important;
    grid-template-columns: 1fr !important; /* یک ستون در موبایل */
    gap: 25px !important;
}

#honest-discussion-concerns .concern-item {
    background-color: #2A3F54 !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

#honest-discussion-concerns .concern-title {
    font-size: 1.3rem !important;
    color: #C0C0C0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#honest-discussion-concerns .concern-icon {
    font-size: 1.5rem !important;
    color: #FFD700 !important;
}

#honest-discussion-concerns .concern-item p {
    font-size: 1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}
#honest-discussion-concerns .concern-item p a {
    color: #FFD700 !important;
    text-decoration: underline !important;
}
#honest-discussion-concerns .concern-item p a:hover {
    color: #FFA500 !important;
}

#honest-discussion-concerns .section-image-container {
    text-align: center !important;
    margin-top: 20px !important;
}

#honest-discussion-concerns .conceptual-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: block;
}

@media (min-width: 992px) { /* تغییر به 992 برای شروع طرح دسکتاپ */
    #honest-discussion-concerns.about-us-section {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
    #honest-discussion-concerns .section-content {
        flex: 1 1 60% !important;
        padding-left: 30px !important; /* فاصله در RTL */
        padding-right: 0 !important;
        order: 1; /* محتوا سمت راست */
        max-width: 60%;
    }
    #honest-discussion-concerns .section-image-container {
        flex: 1 1 40% !important;
        margin-top: 0 !important;
        position: sticky !important;
        top: 20px !important;
        order: 2; /* تصویر سمت چپ */
        max-width: 40%;
        align-self: flex-start; /* برای چسبیدن درست */
    }
     #honest-discussion-concerns .section-title {
        text-align: right !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9390f6 */#topic-specific-faq.about-us-section {
    background-color: #2A3F54 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
    overflow: hidden;
}
#topic-specific-faq .section-title,
#topic-specific-faq .faq-category-cards,
#topic-specific-faq .faq-list {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#topic-specific-faq .section-title {
    font-size: 2rem !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

#topic-specific-faq .faq-category-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 40px !important;
}

#topic-specific-faq .faq-category-card {
    background-color: #333333 !important;
    color: #ffffff !important;
    padding: 15px !important; /* کاهش پدینگ برای جای بیشتر */
    border-radius: 8px !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex-basis: calc(50% - 10px) !important; /* 2 cards on mobile */
    min-width: 130px; /* حداقل عرض */
    max-width: 180px; /* حداکثر عرض */
    min-height: 100px !important;
    border: 1px solid #C0C0C0 !important;
    transition: background-color 0.3s ease !important;
    box-sizing: border-box;
}

#topic-specific-faq .faq-category-card:hover {
    background-color: #444444 !important;
}

#topic-specific-faq .faq-category-card .card-icon {
    font-size: 1.8rem !important; /* کمی کوچکتر برای فضای بیشتر */
    margin-bottom: 8px !important;
    color: #FFD700 !important;
}

#topic-specific-faq .faq-category-card span {
    font-size: 0.85rem !important; /* کمی کوچکتر */
    font-weight: bold !important;
}

#topic-specific-faq .faq-list h3 {
    font-size: 1.6rem !important;
    color: #FFD700 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #C0C0C0 !important;
}
#topic-specific-faq .faq-list h3:first-of-type {
    margin-top: 0 !important;
}


#topic-specific-faq details {
    background-color: #333333 !important;
    border: 1px solid #444444 !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}

#topic-specific-faq summary {
    padding: 15px !important;
    cursor: pointer !important;
    outline: none !important;
    list-style-position: inside !important;
    position: relative !important; /* برای نشانگر سفارشی */
    padding-right: 35px !important; /* فضا برای نشانگر در RTL */
}
#topic-specific-faq summary:hover {
    background-color: #404040 !important;
}

#topic-specific-faq summary h4 {
    display: inline !important;
    font-size: 1.1rem !important;
    color: #ffffff !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
}

#topic-specific-faq details[open] summary {
    border-bottom: 1px solid #444444 !important;
}

#topic-specific-faq dl {
    padding: 15px !important;
    margin: 0 !important;
}

#topic-specific-faq dt {
    font-weight: bold !important;
    color: #C0C0C0 !important;
    margin-bottom: 5px !important;
    font-size: 1rem !important;
}

#topic-specific-faq dd {
    margin-left: 0 !important;
    margin-right:0 !important; /* برای RTL */
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    color: #f0f0f0 !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}
#topic-specific-faq dd a {
    color: #FFD700 !important;
    text-decoration: underline !important;
}
#topic-specific-faq dd a:hover {
    color: #FFA500 !important;
}


/* Responsive for FAQ category cards */
@media (min-width: 768px) {
    #topic-specific-faq .faq-category-card {
      flex-basis: calc(25% - 12px) !important; /* 4 cards on tablet/desktop */
      max-width: 220px;
    }
}

/* RTL marker for details/summary */
#topic-specific-faq summary::before {
  content: '+' !important;
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 1.4em !important;
  line-height: 1 !important;
  color: #FFD700 !important;
}

#topic-specific-faq details[open] summary::before {
  content: '-' !important;
}/* End custom CSS */