/*fonta inja vared mishe.......................................*/
/* IranSans */
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Iransans/eot/IRANSansWeb_Black.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_Black.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/Iransans/eot/IRANSansWeb_Bold.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Iransans/eot/IRANSansWeb_Medium.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Iransans/eot/IRANSansWeb_Light.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Iransans/eot/IRANSansWeb_UltraLight.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Iransans/eot/IRANSansWeb_UltraLight.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Iransans/eot/IRANSansWeb.eot');
  src: url('../fonts/Iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Iransans/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Iransans/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Iransans/ttf/IRANSansWeb.ttf') format('truetype');
}

/* LalezarWeb */
@font-face {
  font-family: LalezarWeb;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/Lalezar/Lalezar-Regular.eot');
  src: url('../fonts/Lalezar/Lalezar-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Lalezar/Lalezar-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Lalezar/Lalezar-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Lalezar/Lalezar-Regular.ttf') format('truetype');
}

@font-face {
  font-family: LalezarWeb;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Lalezar/Lalezar-Regular.eot');
  src: url('../fonts/Lalezar/Lalezar-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Lalezar/Lalezar-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Lalezar/Lalezar-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Lalezar/Lalezar-Regular.ttf') format('truetype');
}

/* VazirWeb */
@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Vazir/Vazir-Black.eot');
  src: url('../fonts/Vazir/Vazir-Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Black.ttf') format('truetype');
}

@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/Vazir/Vazir-Bold.eot');
  src: url('../fonts/Vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Bold.ttf') format('truetype');
}

@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Vazir/Vazir-Medium.eot');
  src: url('../fonts/Vazir/Vazir-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Medium.ttf') format('truetype');
}

@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Vazir/Vazir-Light.eot');
  src: url('../fonts/Vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Light.ttf') format('truetype');
}

@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Vazir/Vazir-Thin.eot');
  src: url('../fonts/Vazir/Vazir-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Thin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Thin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Thin.ttf') format('truetype');
}

@font-face {
  font-family: VazirWeb;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Vazir/Vazir-Medium.eot');
  src: url('../fonts/Vazir/Vazir-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
  url('../fonts/Vazir/Vazir-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
  url('../fonts/Vazir/Vazir-Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
  url('../fonts/Vazir/Vazir-Medium.ttf') format('truetype');
}

html {
  font-size: 14px;
  position: relative;
  min-height: 100%; 
  font-family: IRANSans , VazirWeb ;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body { 
  font-family: IRANSans , VazirWeb ;
}
/*Change carousel caption style in core*/
.carousel-caption {
  bottom: 15%;
}

.ellipsisOverflow{
  max-width: 150px;
  max-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn-size-100 {
  width: 100px;
}

.btn-size-150 {
  width: 150px;
}

.btn-size-200 {
  width: 200px;
}

.modal-xl-custom {
  max-width: 80% !important; /* یا هر مقدار دلخواه مثل 1200px */
}

/* for news detail*/
.news-image {
  max-height: 480px;
  transition: .5s;
}

.news-image:hover {
  transform: scale(1.02);
}

.news-text img {
  max-width: 100%;
  border-radius: 10px;
  margin: 15px 0;
}

/* for gallery and news*/
.hover-card {
  transition: all .3s ease;
}
.hover-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.hover-zoom {
  transition: 1s;
}
.hover-card:hover .hover-zoom {
  transform: scale(1.08);
}

/* for about us*/
/* CSS (یا در scoped style کامپوننت Vue) */
:root{
  --primary-purple: #7b3fe4; /* می‌تونی رنگ دقیق‌تر پروژه را قرار بدی */
  --bg-start: #f7ecff;
  --bg-end: #fdeff6;
}

.about-section{
  padding: 4.5rem 0;
  /* پس‌زمینه گرادیانت مشابه تصویر */
  background: linear-gradient(90deg, var(--bg-start) 0%, #efe0f8 50%, var(--bg-end) 100%);
  direction: rtl; /* مهم: جهت متن راست به چپ */
}

/* عنوان */
.about-title{
  color: var(--primary-purple);
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.9rem;
  text-align: right;
}

/* متن اصلی */
.about-text{
  color: #2b2b2b;
  font-size: 1rem;
  line-height: 1.9;
  text-align: justify;           /* justify */
  text-justify: inter-word;      /* بهبود فاصله بین کلمات */
  text-align-last: right;        /* تراز کردن آخرین خط به راست (برای پاراگراف‌های فارسی) */
  -moz-text-align-last: right;   /* موزیلا */
  hyphens: none;
  word-break: normal;
}

/* blockquote */
.about-quote{
  border-right: 4px solid var(--primary-purple); /* چون راست به چپ است، border-right */
  padding: 1rem 1.25rem;
  margin: 0 0 1.25rem 0;
  background: rgba(123,63,228,0.05);
  border-radius: 6px;
}

/* متن داخل نقل قول */
.quote-body{
  margin: 0;
  font-style: normal;
  color: #333;
}

/* هایلایت بنفش */
.highlight{
  color: var(--primary-purple);
  font-weight: 700;
}

/* کارت تصویر */
.about-image img{
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(43, 14, 80, 0.12);
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* برخی تنظیمات ریسپانسیو */
@media (max-width: 991.98px){
  .about-title{ text-align: center; }
  .about-text{ text-align: justify; text-align-last: center; }
  .about-quote{ border-right-width: 3px; }
}

/* اگر می‌خواهی متن و تصویر برعکس باشند (تصویر سمت راست) کافی است از row {direction: ltr} یا change order-lg-* استفاده کنی */