.elementor-2232 .elementor-element.elementor-element-bb52e48{--display:flex;}.elementor-2232 .elementor-element.elementor-element-2a4cdef{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2232 .elementor-element.elementor-element-8c7deef > .elementor-widget-container{border-style:solid;border-color:var( --e-global-color-secondary );}.elementor-2232 .elementor-element.elementor-element-2d2726f > .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2232 .elementor-element.elementor-element-fbce750{--display:flex;}.elementor-2232 .elementor-element.elementor-element-fb66e24{--display:flex;}.elementor-2232 .elementor-element.elementor-element-703a7f4{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-2232 .elementor-element.elementor-element-703a7f4:not(.elementor-motion-effects-element-type-background), .elementor-2232 .elementor-element.elementor-element-703a7f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBD11A;}.elementor-2232 .elementor-element.elementor-element-d6ed736{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2232 .elementor-element.elementor-element-fe00e13 .elementor-heading-title{color:#000000;}.elementor-2232 .elementor-element.elementor-element-9aea3f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2232 .elementor-element.elementor-element-47b2479 .octf-btn{background-color:#EBD11A;padding:10px 50px 10px 50px;opacity:1;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-2232 .elementor-element.elementor-element-47b2479 .octf-btn:hover, .elementor-2232 .elementor-element.elementor-element-47b2479 .octf-btn:focus{background-color:#FFFFFF;color:#111111;}.elementor-2232 .elementor-element.elementor-element-47b2479 .octf-btn i{font-size:8px;color:#000000;}.elementor-2232 .elementor-element.elementor-element-47b2479 .octf-btn svg{width:8px;fill:#000000;}@media(min-width:768px){.elementor-2232 .elementor-element.elementor-element-d6ed736{--width:66.6666%;}.elementor-2232 .elementor-element.elementor-element-9aea3f1{--width:33.3333%;}}@media(max-width:1024px){.elementor-2232 .elementor-element.elementor-element-2a4cdef{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2232 .elementor-element.elementor-element-2a4cdef{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2232 .elementor-element.elementor-element-fe00e13{text-align:center;}.elementor-2232 .elementor-element.elementor-element-9aea3f1{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-2580cef */.hero-section {
    padding: 80px 20px;
    background-color: #ffffff;
    direction: rtl;
    text-align: right;
}

.hero-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.hero-content {
    flex: 1;
}

.hero-badge {
    color: #EBD11B;
    font-weight: 800;
    display: block;
    margin-bottom: 10px;
}

.hero-content h1 {
    font-size: 3.8rem;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: #111111;
    /* فقط عنوان اصلی بولد و ضخیم شد */
    font-weight: 900;
}

.hero-content p {
    font-size: 10px.35rem;
    color: #333333;
    margin-bottom: 30px;
    /* متن پاراگراف به حالت معمولی بازگشت */
    font-weight: 400;
}

.hero-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

.brain-icon {
    font-size: 200px;
    background-color: #EBD11B;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

@media (max-width: 768px) {
    .hero-container { flex-direction: column-reverse; text-align: center; }
    .hero-content h1 { font-size: 2.5rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8679363 */.services-block {

    background:#fff;

    padding:120px 20px;

    direction:rtl;

}



.services-container {

    max-width:1200px;

    margin:auto;

}




.services-header {

    text-align:center;

    margin-bottom:80px;

}



.services-badge {

    display:inline-block;

    color:#111;

    font-size:1.2rem;

    font-weight:800;

    margin-bottom:25px;

}



.services-header h2 {

    font-size:4rem;

    line-height:1.4;

    font-weight:900;

    color:#111;

    margin:0 auto 25px;

    max-width:1000px;

}



.highlight {

    position:relative;

    z-index:1;

    display:inline-block;

}



.highlight::after {

    content:"";

    position:absolute;

    right:0;

    bottom:10px;

    width:100%;

    height:20px;

    background:#EBD11B;

    z-index:-1;

}




.services-header p {

    max-width:850px;

    margin:auto;

    font-size:2rem;

    color:#444;

    line-height:2;

}





.services-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}




.service-card {

    position:relative;

    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:28px;

    padding:55px 45px;

    overflow:hidden;

    transition:.35s ease;

}



.service-card:hover {

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.08);

}




.service-number {

    position:absolute;

    top:15px;

    left:35px;

    font-size:6rem;

    font-weight:900;

    color:#EBD11B;

    opacity:.25;

}




.service-card h3 {

    position:relative;

    font-size:2rem;

    font-weight:900;

    color:#111;

    margin-bottom:20px;

}



.service-card p {

    position:relative;

    font-size:1.rem;

    line-height:2;

    color:#333;

}





@media(max-width:768px){


.services-grid {

    grid-template-columns:1fr;

}



.services-header h2 {

    font-size:2.5rem;

}



.service-card {

    padding:40px 25px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87529bc */.process-section {
  background: #ffffff;
  padding: 110px 20px;
  direction: rtl;
  font-family: sans-serif;
}

.container {
  max-width: 850px;
  margin: 0 auto;
}

/* header */
.section-header {
  text-align: center;
  margin-bottom: 70px;
}

.section-header h2 {
  font-size: 34px;
  font-weight: 800;
  color: #111;
}

.section-header h2 span {
  background: #ebd11b;
  padding: 2px 10px;
  border-radius: 6px;
  box-shadow: 0 12px 30px rgba(235, 209, 27, 0.35);
}

.section-header p {
  margin-top: 10px;
  color: #666;
}

/* steps */
.process {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* row style */
.step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 14px;
  border-radius: 14px;
  transition: 0.25s ease;
}

/* hover like HAAM */
.step:hover {
  background: rgba(235, 209, 27, 0.05);
  box-shadow: 0 14px 35px rgba(235, 209, 27, 0.2);
  transform: translateX(-6px);
}

/* icon */
.icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(235, 209, 27, 0.12);
  box-shadow: 0 8px 20px rgba(235, 209, 27, 0.25);
  flex-shrink: 0;
}

/* FIXED SVG */
.icon svg {
  width: 20px;
  height: 20px;
  stroke: #ebd11b;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* text */
.text h3 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  display: inline-block;
  position: relative;
}

/* yellow highlight */
.text h3::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 6px;
  background: #ebd11b;
  opacity: 0.25;
  border-radius: 4px;
}

.text p {
  margin-top: 4px;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* mobile */
@media (max-width: 600px) {
  .section-header h2 {
    font-size: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98f7297 */.llm-hero{
  direction: rtl;
  padding: 60px 20px;
  background: #fff;
}

.llm-container{
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

/* متن */
.llm-content{
  flex: 1;
  min-width: 300px;
  text-align: right;
}

.llm-content h2{
  margin-bottom: 20px;
}

.llm-content small{
  display: block;
  color: #888;
  font-size: 14px;
  margin-bottom: 8px;
}

.llm-content span{
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: #111;
}

.llm-content p{
  font-size: 15px;
  line-height: 1.9;
  color: #333;
  margin-bottom: 15px;
}

/* دکمه */
.llm-btn{
  display: inline-block;
  background: #f2d34f;
  color: #000;
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.llm-btn:hover{
  background: #e6c53f;
  transform: translateY(-2px);
}

/* تصویر */
.llm-image{
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.llm-image img{
  max-width: 100%;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c7deef *//* ==========================
   FEATURES SECTION - HAAM STYLE
========================== */


.features-block {

    background-color:#111111;

    width:100vw;

    position:relative;

    right:50%;

    transform:translateX(50%);

    padding:120px 8%;

    direction:rtl;

    overflow:hidden;

}



.features-container {

    width:100%;

    max-width:1200px;

    margin:0 auto;

}



/* HEADER */

.features-header {

    text-align:center;

    margin-bottom:85px;

}



.features-header h2 {

    color:#ffffff;

    font-size:3.8rem;

    font-weight:900;

    line-height:1.4;

    margin-bottom:25px;

}



.features-header .highlight {

    position:relative;

    display:inline-block;

    z-index:1;

}



.features-header .highlight::after {

    content:"";

    position:absolute;

    right:0;

    bottom:8px;

    width:100%;

    height:16px;

    background:#EBD11B;

    z-index:-1;

}



.features-header p {

    color:#b8b8b8;

    font-size:1.25rem;

    line-height:3;

    max-width:850px;

    margin:auto;

}




/* ITEMS */

.features-grid {

    display:flex;

    flex-direction:column;

}




.feature-card {

    display:flex;

    flex-direction:row;

    align-items:flex-start;

    gap:15px;

    padding:35px 0;

    background:transparent;

    border-bottom:1px solid rgba(235,209,27,.35);

}



.feature-card:last-child {

    border-bottom:none;

}




/* DOT */

.feature-icon-box {

    width:18px;

    height:18px;

    border-radius:50%;

    background:rgba(235,209,27,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    margin-top:10px;

}



.badge-dot-yellow {

    width:6px;

    height:6px;

    background:#EBD11B;

    border-radius:50%;

}




/* TEXT */

.feature-text {

    display:flex;

    flex-direction:column;

    gap:10px;

}



.feature-text h3 {

    color:#ffffff;

    font-size:1.9rem;

    font-weight:800;

    line-height:1.5;

    margin:0;

}



.feature-text p {

    color:#b5b5b5;

    font-size:1.rem;

    line-height:2;

    margin:0;

    max-width:950px;

}



.feature-card:hover h3 {

    color:#EBD11B;

}



.feature-card:hover p {

    color:#ffffff;

}




/* MOBILE */

@media(max-width:768px){


.features-block {

    padding:70px 5%;

}



.features-header h2 {

    font-size:2.3rem;

}



.feature-card {

    gap:12px;

}



.feature-text h3 {

    font-size:1.4rem;

}



.feature-text p {

    font-size:1rem;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d2726f *//* ==============================
   PROCESS SECTION - HAAM STYLE
============================== */

.process-block {

    background:#ffffff;

    padding:120px 8%;

    position:relative;

    direction:rtl;

}



.process-container {

    width:100%;

    max-width:1200px;

    margin:auto;

}



/* HEADER */

.process-header {

    text-align:center;

    margin-bottom:85px;

}



.process-badge {

    display:inline-block;

    font-size:1rem;

    color:#111111;

    background:#f5f5f5;

    padding:8px 20px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:25px;

}



.process-header h2 {

    font-size:3.6rem;

    color:#111111;

    font-weight:900;

    line-height:1.4;

    margin-bottom:25px;

}



.process-header .highlight {

    position:relative;

    display:inline-block;

    z-index:1;

}



.process-header .highlight::after {

    content:"";

    position:absolute;

    right:0;

    bottom:8px;

    width:100%;

    height:16px;

    background:#EBD11B;

    z-index:-1;

}



.process-header p {

    max-width:850px;

    margin:auto;

    font-size:1 rem;

    line-height:2;

    color:#444;

}



/* TIMELINE */

.process-timeline {

    display:flex;

    flex-direction:column;

    gap:35px;

}




/* STEP */

.process-step {

    background:#ffffff;

    border:1px solid #eeeeee;

    padding:45px 50px;

    border-radius:24px;

    display:flex;

    align-items:center;

    gap:35px;

    transition:.35s ease;

}



/* شماره */

.step-number-box {

    width:75px;

    height:75px;

    flex-shrink:0;

    border-radius:50%;

    background:#111111;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s ease;

}



.step-number {

    color:#EBD11B;

    font-size:1.8rem;

    font-weight:900;

}



/* متن */

.step-content h3 {

    font-size:2rem;

    color:#111111;

    font-weight:900;

    margin-bottom:15px;

}



.step-content p {

    font-size:1.rem;

    color:#555;

    line-height:2;

}



/* هاور حرفه ای */

.process-step:hover {

    transform:translateY(-8px);

    border-color:#EBD11B;

    box-shadow:

    0 20px 45px rgba(235,209,27,.18);

}



.process-step:hover .step-number-box {

    background:#EBD11B;

    box-shadow:

    0 0 35px rgba(235,209,27,.45);

}



.process-step:hover .step-number {

    color:#111111;

}



.process-step:hover h3 {

    color:#111111;

}



/* MOBILE */

@media(max-width:768px){


.process-header h2{

    font-size:2.4rem;

}



.process-step{

    flex-direction:column;

    text-align:center;

    padding:35px 25px;

}



.step-content h3{

    font-size:1.5rem;

}



.step-content p{

    font-size:1.05rem;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d02f6d */.case-row {
  display: grid;
  grid-template-columns: 1fr auto 2fr;
  align-items: start;
  gap: 35px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  transition: 0.35s ease;
}

.case-row:hover {
  transform: translateX(-8px);
}


/* عنوان سمت چپ */
.left {
  padding-top: 8px;
}

.left h3 {
  font-size: 19px;
  font-weight: 800;
  color: #111;
  margin-bottom: 10px;
}


/* نتیجه */
.result {
  color: #ebd11b;
  font-weight: 800;
  text-shadow: 0 8px 20px rgba(235,209,27,.35);
}


/* فلش جدید */
.arrow {
  font-size: 52px;
  font-weight: 900;
  color: #ebd11b;

  /* جای دقیق فلش */
  margin-top: 25px;

  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 1;

  text-shadow:
    0 10px 30px rgba(235,209,27,.45);

  transition: .35s ease;
}


/* حرکت فلش هنگام hover */
.case-row:hover .arrow {
  transform: translateX(12px);
}


/* توضیحات سمت راست */
.right {
  padding-top: 18px;
}

.right p {
  font-size: 15px;
  line-height: 1.9;
  color: #666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-987fa36 *//* بلاک اختصاصی نوار زرد سوم (ارزش‌های سه‌گانه) */
.value-strip-block {
    background-color: #ebd11a; /* رنگ زرد طلایی اختصاصی شما */
    padding: 50px 8%;
    position: relative;
    z-index: 2;
}

.value-strip-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* چیدمان سه ستونه هم‌اندازه در دسکتاپ */
    gap: 40px;
}

/* استایل کستوم هر آیتم داخل نوار زرد */
.value-strip-item {
    display: flex;
    flex-direction: row; /* چیدمان افقی آیکون و متن */
    align-items: flex-start;
    gap: 16px;
    text-align: right;
    padding: 10px;
    transition: all 0.25s ease;
}

/* آیکون ظریف ستاره چهارپر */
.value-strip-icon {
    font-size: 1.4rem;
    color: #0f172a; /* سرمه‌ای تیره */
    line-height: 1;
    margin-top: 4px;
    transition: transform 0.3s ease;
}

/* محتوای متنی هر کارت */
.value-strip-text h3 {
    font-size: 1.rem;
    color: #0f172a; /* سرمه‌ای تیره */
    font-weight: 800;
    margin-bottom: 8px;
}

.value-strip-text p {
    font-size: 1.rem;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.6;
}

/* افکت هاور کاملاً مینی‌مال با CSS خالص */
.value-strip-item:hover {
    transform: translateY(-3px);
}

.value-strip-item:hover .value-strip-icon {
    transform: scale(1.2) rotate(90deg); /* افکت چرخشی جذاب آیکون زمان هاور */
}

/* ریسپانسیو کامل حالت موبایل و تبلت */
@media (max-width: 992px) {
    .value-strip-container {
        grid-template-columns: 1fr; /* در تبلت و موبایل به صورت تک ستونه زیر هم قرار می‌گیرند */
        gap: 30px;
    }
    
    .value-strip-item {
        text-align: center;
        flex-direction: column; /* آیکون بالای متن قرار می‌گیرد */
        align-items: center;
        gap: 10px;
    }
    
    .value-strip-icon {
        margin-top: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3641c4b *//* بلاک اختصاصی سوالات متداول - معماری بدون باکس مدرن */
.faq-block {
    background-color: #ffffff; /* تنظیم روی سفید خالص جهت همبستگی با هیرو و لایه‌های باز */
    padding: 100px 8%;
    position: relative;
    direction: rtl;
}

.faq-container {
    width: 100%;
    max-width: 1100px; /* عریض‌تر کردن کانتینر برای مهار فضاهای خالی مرده وسط صفحه */
    margin: 0 auto;
}

/* هدر بخش سوالات */
.faq-header {
    text-align: center;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq-badge {
    display: inline-block;
    font-size: 0.85rem;
    color: #475569;
    background-color: #f1f5f9;
    padding: 6px 16px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}

.faq-header h2 {
    font-size: 2.rem;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* هایلایت زرد طلایی برند هام */
.faq-header .highlight {
    position: relative;
    color: #0f172a;
    z-index: 1;
    display: inline-block;
}

.faq-header .highlight::after {
    content: '';
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 100%;
    height: 10px;
    background-color: rgba(235, 209, 26, 0.35);
    z-index: -1;
    border-radius: 4px;
}

.faq-header p {
    font-size: 1.rem;
    color: #475569;
    max-width: 720px;
    line-height: 1.8;
}

/* لیست آکاردئون‌های خطی و بی کادر */
.faq-list {
    display: flex;
    flex-direction: column;
}

.faq-input {
    display: none; /* پنهان‌سازی چک‌باکس */
}

/* ساختار بدون باکس؛ تفکیک فقط با یک خط باریک پایینی */
.faq-item {
    border-bottom: 1px solid #e2e8f0; 
    background-color: transparent;
    transition: all 0.3s ease;
}

/* ردیف پرسش قابل تعامل */
.faq-question {
    padding: 28px 0; /* حذف پدینگ‌های افقی جهت تراز شدن کامل با متن هدر */
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 24px;
    background-color: transparent;
    transition: color 0.25s ease;
}

.faq-question h3 {
    font-size: 1.5rem;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    margin: 0;
    transition: color 0.25s ease;
}

/* آیکون وضعیت پیشرفته ساخته شده با خطوط CSS خالص */
.faq-icon-marker {
    position: relative;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-icon-marker::before,
.faq-icon-marker::after {
    content: '';
    position: absolute;
    background-color: #64748b;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* خط افقی پلاس */
.faq-icon-marker::before {
    top: 6px;
    left: 0;
    width: 14px;
    height: 2px;
}

/* خط عمودی پلاس */
.faq-icon-marker::after {
    top: 0;
    left: 6px;
    width: 2px;
    height: 14px;
}

/* افکت هاور روی کل ردیف سوال */
.faq-question:hover h3 {
    color: #ebd11a; /* تغییر رنگ ملایم عنوان به زرد برند در زمان هاور */
}

.faq-question:hover .faq-icon-marker::before,
.faq-question:hover .faq-icon-marker::after {
    background-color: #ebd11a;
}

/* بخش پاسخ متنی پنهان */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer p {
    padding: 0 0 28px 0; /* هماهنگی تراز عمودی با حذف پدینگ چپ و راست */
    font-size: 1. rem;
    color: #64748b;
    line-height: 1.85;
    text-align: right;
    margin: 0;
}

/* کنترل وضعیت اکتیو بدون نیاز به جاوا اسکریپت با منطق CSS خالص */
.faq-input:checked + .faq-question h3 {
    color: #ebd11a; /* تثبیت رنگ زرد برند روی سوال باز شده */
}

.faq-input:checked ~ .faq-answer {
    max-height: 250px; /* باز شدن روان کشویی */
}

/* تبدیل خطوط پلاس به منهای ساده روی سوال فعال */
.faq-input:checked + .faq-question .faq-icon-marker {
    transform: rotate(180deg);
}

.faq-input:checked + .faq-question .faq-icon-marker::after {
    transform: rotate(90deg);
    opacity: 0; /* حذف خط عمودی جهت نمایش منهای خالص */
}

.faq-input:checked + .faq-question .faq-icon-marker::before {
    background-color: #ebd11a;
}

/* ریسپانسیو بخش سوالات */
@media (max-width: 768px) {
    .faq-block {
        padding: 60px 5%;
    }

    .faq-header h2 {
        font-size: 1.8rem;
    }

    .faq-question {
        padding: 20px 0;
    }

    .faq-question h3 {
        font-size: 1.05rem;
    }

    .faq-answer p {
        padding: 0 0 20px 0;
        font-size: 1.05 rem;
    }
}/* End custom CSS */