/* ===============================
   لینک‌ها در حالت Light و Dark
   =============================== */

  .hero-slider {
    position: relative;
    min-height: 230px; /* برای اینکه موقع تغییر متن ارتفاع نپره */
  }

  .hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
  }

  .hero-slide.active {
    opacity: 1;
    transform: translateY(0);
    position: relative;
  }


  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: IRANSansfanum, sans-serif !important;
  }
  .features-container {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
  }
  
  .feature-box {
    flex: 1 1 250px; /* اجازه تغییر سایز با حداقل 250px */
    background: var(--feature-bg);
    color: var(--feature-text);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 12px var(--feature-shadow);
    text-align: center;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
  }
  
  /* ارتفاع یکسان */
  .feature-box-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  
  .feature-box:hover {
    transform: translateY(-6px);
  }
  
  .feature-icon {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
  }
  
  :root {
    --feature-bg: #fff;
    --feature-text: #000;
    --feature-shadow: rgba(0, 0, 0, 0.08);
  }
  
  @media (prefers-color-scheme: dark) {
    :root {
      --feature-bg: #1e1e1e;
      --feature-text: #f0f0f0;
      --feature-shadow: rgba(0, 0, 0, 0.5);
    }
  }
  
  /* رنگ‌دهی به تمام h داخل feature-box */
  .feature-box h1,
  .feature-box h2,
  .feature-box h3,
  .feature-box h4,
  .feature-box h5,
  .feature-box h6 {
    color: var(--feature-text);
    transition: color 0.3s;
  }
  
  .feature-box p{
      min-height: 80px;
  }


  .projectCard-container {
    display: flex;
    gap: 20px; /* فاصله بین کارت‌ها */
    flex-wrap: wrap; /* برای ردیف‌های بعدی وقتی کارت‌ها بیشتر شد */
}

.projectCard {
    background-color: #f0f0f0; /* طوسی روشن */
    border-radius: 16px; /* گوشه‌های گرد */
    padding: 16px;
    flex: 1 1 calc(33.333% - 20px); /* 3 کارت در هر ردیف */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 250px; /* حداقل عرض کارت */
}

.projectCard-title {
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.projectCard-description {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 12px;
}

.projectCard-footer {
    font-weight: bold;
    color: #333;
}

.project-mini p{ min-height: 80px; }
.project-mini h4{ min-height: 40px; }

/* .project-large p{ min-height: 80px; } */
.project-large h4{ min-height: 40px; }


/* پس‌زمینه پرایمری */
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* متن پرایمری */
.text-primary {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}

/* بوردر پرایمری */
.border-primary {
  border-color: rgba(var(--bs-primary-rgb), 1) !important;
}

/* بوردر پرایمری */
.border-primary {
  border-color: rgba(var(--bs-primary-rgb), 1) !important;
}


html[dir="rtl"] select option, html[dir="rtl"] .choices__input {
  direction: rtl !important;
}

.pointer{ cursor: pointer;}


:root {
  --bs-primary: #086095;
  --bs-primary-rgb: 19, 62, 135;
  --bs-secondary: #608bc1;
  --bs-secondary-rgb: 96, 139, 193;
  --bs-link-color-rgb: 19, 62, 135;
  --bs-link-hover-color-rgb: 96, 139, 193;
}

[data-bs-theme="dark"] {
  --bs-primary: #274c97; 
  --bs-primary-rgb: 39, 76, 151;
  --bs-secondary: #80a7d1;
  --bs-secondary-rgb: 128, 167, 209;
  
  --bs-link-hover-color-rgb: 96, 139, 193;
}


/* Nav links و Nav-pills-primary-soft */
[data-bs-theme=light] .nav-link:hover,
[data-bs-theme=light] .nav-link.active,
[data-bs-theme=light] .nav-pills-primary-soft .nav-link:hover,
[data-bs-theme=light] .nav-pills-primary-soft .nav-link.active {
    color: #086095 !important;
}
[data-bs-theme=light] .nav-pills-primary-soft .nav-link:hover,
[data-bs-theme=light] .nav-pills-primary-soft .nav-link.active {
    background-color: rgba(19, 62, 135, 0.1) !important;
}

[data-bs-theme=dark] .nav-link:hover,
[data-bs-theme=dark] .nav-link.active,
[data-bs-theme=dark] .nav-pills-primary-soft .nav-link:hover,
[data-bs-theme=dark] .nav-pills-primary-soft .nav-link.active {
    color: #608bc1 !important;
}
[data-bs-theme=dark] .nav-pills-primary-soft .nav-link:hover,
[data-bs-theme=dark] .nav-pills-primary-soft .nav-link.active {
    background-color: rgba(96, 139, 193, 0.1) !important;
}

/* Dropdown menu items */
[data-bs-theme=light] .dropdown-menu .dropdown-item:hover,
[data-bs-theme=light] .dropdown-menu .dropdown-item.active {
    color: #086095 !important;
}
[data-bs-theme=dark] .dropdown-menu .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-menu .dropdown-item.active {
    color: #608bc1 !important;
}

/* ===============================
   btn-primary-soft
   =============================== */
[data-bs-theme=light] .btn-primary-soft,
[data-bs-theme=light] .btn-primary-soft:hover,
[data-bs-theme=light] .btn-primary-soft:focus {
    color: #086095 !important;
    background-color: rgba(19, 62, 135, 0.1) !important;
    border-color: #086095 !important;
    box-shadow: none !important;
}
[data-bs-theme=light] .btn-primary-soft:hover,
[data-bs-theme=light] .btn-primary-soft:focus {
    background-color: rgba(19, 62, 135, 0.15) !important;
}

[data-bs-theme=dark] .btn-primary-soft,
[data-bs-theme=dark] .btn-primary-soft:hover,
[data-bs-theme=dark] .btn-primary-soft:focus {
    color: #608bc1 !important;
    background-color: rgba(96, 139, 193, 0.1) !important;
    border-color: #608bc1 !important;
    box-shadow: none !important;
}
[data-bs-theme=dark] .btn-primary-soft:hover,
[data-bs-theme=dark] .btn-primary-soft:focus {
    background-color: rgba(96, 139, 193, 0.15) !important;
}

/* ===============================
   H tags links
   =============================== */
[data-bs-theme=light] h1 a,
[data-bs-theme=light] h2 a,
[data-bs-theme=light] h3 a,
[data-bs-theme=light] h4 a,
[data-bs-theme=light] h5 a,
[data-bs-theme=light] h6 a {
    color: #000 !important;
    text-decoration: none !important;
}
[data-bs-theme=light] h1 a:hover,
[data-bs-theme=light] h2 a:hover,
[data-bs-theme=light] h3 a:hover,
[data-bs-theme=light] h4 a:hover,
[data-bs-theme=light] h5 a:hover,
[data-bs-theme=light] h6 a:hover,
[data-bs-theme=light] h1 a:focus,
[data-bs-theme=light] h2 a:focus,
[data-bs-theme=light] h3 a:focus,
[data-bs-theme=light] h4 a:focus,
[data-bs-theme=light] h5 a:focus,
[data-bs-theme=light] h6 a:focus,
[data-bs-theme=light] h1 a:active,
[data-bs-theme=light] h2 a:active,
[data-bs-theme=light] h3 a:active,
[data-bs-theme=light] h4 a:active,
[data-bs-theme=light] h5 a:active,
[data-bs-theme=light] h6 a:active {
    color: #086095 !important;
}

[data-bs-theme=dark] h1 a,
[data-bs-theme=dark] h2 a,
[data-bs-theme=dark] h3 a,
[data-bs-theme=dark] h4 a,
[data-bs-theme=dark] h5 a,
[data-bs-theme=dark] h6 a {
    color: #608bc1 !important;
}
[data-bs-theme=dark] h1 a:hover,
[data-bs-theme=dark] h2 a:hover,
[data-bs-theme=dark] h3 a:hover,
[data-bs-theme=dark] h4 a:hover,
[data-bs-theme=dark] h5 a:hover,
[data-bs-theme=dark] h6 a:hover {
    text-decoration: underline !important;
}

/* ===============================
   Text primary
   =============================== */
[data-bs-theme=light] .text-primary { color: #086095 !important; }
[data-bs-theme=dark] .text-primary { color: #608bc1 !important; }

/* ===============================
   Back to top
   =============================== */
[data-bs-theme=light] .back-top {
    background: #086095 !important;
    color: #fff !important;
}
[data-bs-theme=dark] .back-top {
    background: #608bc1 !important;
    color: #000 !important;
}

/* ===============================
   btn-primary
   =============================== */
[data-bs-theme=light] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #086095;
    --bs-btn-border-color: #086095;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f2f64;
    --bs-btn-hover-border-color: #0d2853;
    --bs-btn-focus-shadow-rgb: 19, 62, 135;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d2853;
    --bs-btn-active-border-color: #0b2142;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #086095;
    --bs-btn-disabled-border-color: #086095;
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #608bc1;
    --bs-btn-border-color: #608bc1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #557caf;
    --bs-btn-hover-border-color: #4d719f;
    --bs-btn-focus-shadow-rgb: 96, 139, 193;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4d719f;
    --bs-btn-active-border-color: #46688f;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #608bc1;
    --bs-btn-disabled-border-color: #608bc1;
}

/* ===============================
   Footer links
   =============================== */
[data-bs-theme=light] footer a.text-muted {
    color: #eeeeee !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
[data-bs-theme=light] footer a.text-muted:hover,
[data-bs-theme=light] footer a.text-muted:focus,
[data-bs-theme=light] footer a.text-muted:active {
    color: #086095 !important;
}

[data-bs-theme=dark] footer a.text-muted {
    color: #dddddd !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
[data-bs-theme=dark] footer a.text-muted:hover,
[data-bs-theme=dark] footer a.text-muted:focus,
[data-bs-theme=dark] footer a.text-muted:active {
    color: #608bc1 !important;
}

/* حالت پیشفرض (Light) */
.btn-outline-primary {
  --bs-btn-color: #086095;
  --bs-btn-border-color: #086095;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #086095;
  --bs-btn-hover-border-color: #086095;
  --bs-btn-focus-shadow-rgb: 19, 62, 135;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #086095;
  --bs-btn-active-border-color: #086095;
  --bs-btn-disabled-color: #086095;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #086095;
  --bs-gradient: none;
}

/* حالت دارک */
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #608bc1; 
  --bs-btn-border-color: #608bc1;
  --bs-btn-hover-color: #000; 
  --bs-btn-hover-bg: #608bc1;
  --bs-btn-hover-border-color: #608bc1;
  --bs-btn-focus-shadow-rgb: 96, 139, 193;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #608bc1;
  --bs-btn-active-border-color: #608bc1;
  --bs-btn-disabled-color: #608bc1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #608bc1;
}

.btn-warning {
    --bs-btn-color: #000; 
    --bs-btn-bg: #608bc1; 
    --bs-btn-border-color: #608bc1; 
    --bs-btn-hover-color: #000; 
    --bs-btn-hover-bg: #6f98c7; 
    --bs-btn-hover-border-color: #6f98c7; 
    --bs-btn-focus-shadow-rgb: 111, 152, 199; 
    --bs-btn-active-color: #000; 
    --bs-btn-active-bg: #6f98c7; 
    --bs-btn-active-border-color: #6f98c7; 
    --bs-btn-active-shadow: none; 
    --bs-btn-disabled-color: #000; 
    --bs-btn-disabled-bg: #608bc1; 
    --bs-btn-disabled-border-color: #608bc1;
  }

  .btn-outline-warning {
    --bs-btn-color: #608bc1;
    --bs-btn-border-color: #608bc1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #608bc1;
    --bs-btn-hover-border-color: #608bc1;
    --bs-btn-focus-shadow-rgb: 96, 139, 193;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #608bc1;
    --bs-btn-active-border-color: #608bc1;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #608bc1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #608bc1;
    --bs-gradient: none;
  }

/* بقیه کدها بدون تغییر */

[data-bs-theme=light] .project-mini h4 a {
    color: #086095 !important; 
    text-decoration: none !important;
}
[data-bs-theme=dark] .project-mini h4 a {
    color: #608bc1 !important; 
    text-decoration: none !important;
}
[data-bs-theme=light] .project-large h4 a {
  color: #086095 !important;
  text-decoration: none !important;
}
[data-bs-theme=dark] .project-large h4 a {
  color: #608bc1 !important;
  text-decoration: none !important;
}

[data-bs-theme=light] .rating-score { color: #086095 !important; font-weight: bold; }
[data-bs-theme=dark] .rating-score { color: #608bc1 !important; font-weight: bold; }

[data-bs-theme="light"] .nav-link.active { color: #608bc1 !important; }



/* حالت light */
[data-bs-theme="light"] button.nav-link.active{
  color: #ffffff !important;          /* رنگ متن دکمه فعال */
  background-color: #133e87; /* رنگ پس‌زمینه طبق پالت شما */
  border-color: #133e87;
}

/* حالت dark */
[data-bs-theme="dark"] button.nav-link.active {
  color: #ffffff !important;   
  background-color: #608bc1; /* رنگ پس‌زمینه طبق پالت شما */
  border-color: #608bc1;           /* رنگ متن دکمه فعال */
}

[data-bs-theme="dark"] .nav-link.active {
  color: #608bc1; /* رنگ دلخواه برای حالت dark */
}

/* [data-bs-theme="dark"] a {
  color: #608bc1 !important;
} */

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: 'IranSansX', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  color: var(--bs-heading-color);
}  


@media (min-width: 1200px) {
h2, .h2 {
  font-size: 1.5rem;
}
}

@media (min-width: 1200px) {
h3, .h3 {
  font-size: 1.3rem;
}
}


@media (max-width: 767.98px) {
h1,.h1 {
  font-size: 1.4rem; /* سایز دلخواه خود */
}
h2,.h2 {
  font-size: 1.2rem;
}
h3,.h3 {
  font-size: 1.1rem;
}
h4,.h4 {
  font-size: 1rem;
}
h5,.h5 {
  font-size: 0.9rem;
}
h6,.h6 {
  font-size: 0.8rem;
}
}


.gd{
  background: #608bc1; 
  background: linear-gradient(90deg, rgba(96, 139, 193, 1) 0%, rgba(19, 62, 135, 1) 100%);
}


/* استایل کانتینر چک‌باکس */
.custom-checkbox {
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  display: inline-block;
}

/* مخفی کردن چک‌باکس اصلی */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* مربع چک‌باکس سفارشی */
.checkbox-checkmark {
  position: absolute;
  right: 0;
  top: 5px;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border: 2px solid #999;
  border-radius: 5px;
  transition: all 0.2s;
}

/* تغییر رنگ هنگام هاور */
.custom-checkbox:hover input ~ .checkbox-checkmark {
  background-color: #ddd;
}

/* وقتی تیک خورده */
.custom-checkbox input:checked ~ .checkbox-checkmark {
  background-color: #274c97;
  border-color: #274c97;
}

/* نمایش علامت تیک */
.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked ~ .checkbox-checkmark:after {
  display: block;
}

.custom-checkbox .checkbox-checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* متن زیر چک‌باکس */
.checkbox-extra {
  display: block;
  margin-right: 35px;
  color: gray;
  font-size: 14px;
}
.checkbox-price {
  margin-top: 2px; /* یا هر عدد دلخواه برای دقیق‌تر شدن هم‌ترازی */
}

.lh-20 {
  line-height: 2.0;
}

.lh-25 {
  line-height: 2.5;
}

.lh-30 {
  line-height: 3.0;
}

.lh-35 {
  line-height: 3.5;
}

.responsive-border { border: none; }

/* از lg به بالا: مرز نمایش داده شود */
@media (min-width: 992px) {
  .responsive-border { border: 1px solid #dee2e6; }
}

th {
  font-size: 12px !important;
}

.super-check-card {
  position: relative;
  border: 2px solid #ddd;
  border-radius: 12px;
  padding: 20px 50px 20px 20px; /* فاصله بیشتر از سمت راست */
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 50px; /* ارتفاع ثابت برای مرکز شدن تیک */
  display: flex;
  align-items: center;
}
.super-check-card:hover {
  border-color: #0d6efd;
  box-shadow: 0 0 10px rgba(13,110,253,0.2);
}
.super-check-card input[type="radio"] {
  display: none;
}
.super-checkmark {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #28a745;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
  opacity: 0;
  transition: all 0.3s ease;
}
.super-check-card input[type="radio"]:checked ~ .super-checkmark {
  background: #28a745;
  opacity: 1;
}

.rtl{ direction: rtl !important;}
.ltr{ direction: ltr !important;}


.font-10{ font-size: 10px !important;}
.font-11{ font-size: 11px !important;}
.font-12{ font-size: 12px !important;}
.font-13{ font-size: 13px !important;}
.font-14{ font-size: 14px !important;}
.font-15{ font-size: 15px !important;}

.thumb-60{
    width: 60px; height: 60px; object-fit: cover; border-radius: 4px;
}

.thumb-80{
    width: 80px; height: 80px; object-fit: cover; border-radius: 4px;
}

.thumb-120{
    width: 120px; height: 120px; object-fit: cover; border-radius: 4px;
}

.thumb-150{
    width: 150px; height: 150px; object-fit: cover; border-radius: 4px;
}

.thumb-200{
    width: 200px; height: 200px; object-fit: cover; border-radius: 4px;
}

.thumb-300{
    width: 300px; height: 300px; object-fit: cover; border-radius: 4px;
}

.thumb-400{
    width: 400px; height: 400px; object-fit: cover; border-radius: 4px;
}

.thumb-500{
    width: 500px; height: 500px; object-fit: cover; border-radius: 4px;
}

.thumb-32-circle{
    width: 32px; height: 32px; object-fit: cover; border-radius: 50%;
}  

.thumb-48-circle{
    width: 48px; height: 48px; object-fit: cover; border-radius: 50%;
}  

.thumb-60-circle{
    width: 60px; height: 60px; object-fit: cover; border-radius: 50%;
}
  
.thumb-80-circle{
    width: 80px; height: 80px; object-fit: cover; border-radius: 50%;
}

.thumb-120-circle{
    width: 120px; height: 120px; object-fit: cover; border-radius: 50%;
}

.thumb-150-circle{
    width: 150px; height: 150px; object-fit: cover; border-radius: 50%;
}

.thumb-200-circle{
    width: 200px; height: 200px; object-fit: cover; border-radius: 50%;
}

.thumb-300-circle{
    width: 300px; height: 300px; object-fit: cover; border-radius: 50%;
}
  
.thumb-400-circle{
    width: 400px; height: 400px; object-fit: cover; border-radius: 50%;
}

.thumb-500-circle{
    width: 500px; height: 500px; object-fit: cover; border-radius: 50%;
}