/* جهت‌دهی کلی سایت */
@font-face {
    font-family: vazir-bold;
    src: url('../fonts/vazir/Vazir-Bold.eot');
    src: url('../fonts/vazir/Vazir-Blod.html') format('embedded-opentype'), url('../fonts/vazir/Vazir-Bold-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: IRANSans;
    src: url('../fonts/IRANSansWeb/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb/IRANSansWeb.eot') format('embedded-opentype'), url('../fonts/IRANSansWeb/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb/IRANSansWeb.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}
/* اندازه استاندارد هدرها برای فارسی - Override در حالت RTL */
:root {
    --color-primary: #890000;
    --h1: 46px;
    --h2: 38px;
    --h3: 30px;
    --h4: 24px;
    --h5: 20px;
    --h6: 16px;
}
@media (max-width: 767px){
    :root {
        --h1: 32px;
        --h2: 26px;
        --h3: 22px;
        --h4: 18px;
        --h5: 16px;
        --h6: 14px;
    }
}
body {
    direction: rtl;
    text-align: right;
    font-family: 'vazir-bold', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
   font-family: 'IRANSans', sans-serif!important;
}
p,span,a,li{
 font-family: 'vazir-bold', sans-serif!important;
}

/* لیست‌ها */
ul, ol {
    padding-right: 1.5rem;
    padding-left: 0 !important;
}

/* متن‌ها */
.text-start, .text-left { text-align: right !important; }
.text-end, .text-right { text-align: left !important; }

/* جهت فِلِکس‌های بوت‌استرپ */
.flex-row {
    flex-direction: row-reverse !important;
}
.flex-row-reverse {
    flex-direction: row !important;
}

/* ترتیب ستون‌ها در RTL */
.row {
    direction: rtl;
}
/* شناوری عناصر (Float) */
.float-start { float: right !important; }
.float-end { float: left !important; }
.float-left { float: right !important; }
.float-right { float: left !important; }

/* حاشیه‌ها (Margin Auto) */
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }
.me-auto { margin-left: auto !important; margin-right: 0 !important; }
.ml-auto { margin-right: auto !important; margin-left: 0 !important; }
.mr-auto { margin-left: auto !important; margin-right: 0 !important; }

/* پدینگ‌ها */
.ps-0, .pl-0 { padding-right: 0 !important; }
.pe-0, .pr-0 { padding-left: 0 !important; }

/* لینک‌ها و آیکون‌ها */
a, p, span, li {
    letter-spacing: 0 !important;
    line-height: 1.8;
}

/* فرم‌ها */
input, textarea, select {
    text-align: right;
    direction: rtl;
}

/* عنوان‌ها */
h1, h2, h3, h4, h5, h6 {
    direction: rtl;
    text-align: right;
}

/* جدول‌ها */
table {
    direction: rtl;
}

/* اسلایدر Swiper یا Owl */
.swiper-container, .owl-carousel {
    direction: rtl !important;
}

/* اگر منو از چپ باز می‌شود */
nav ul {
    direction: rtl;
}

/* دراپ‌داون‌ها */
/* راست‌چین کردن منوی Dropdown */
li.has-dropdown .submenu {
    text-align: right;
    right: 0;
    left: auto;
}

/* نقطه‌ی نشانه از راست */
li.has-dropdown .submenu li::after {
    right: 17px !important;
    left: auto !important;
}

/* حرکت لینک هنگام هاور برعکس شود */
li.has-dropdown .submenu li:hover a {
    transform: translateX(-15px) !important;
}

/* فاصله استاندارد برای متن کنار نقطه */
li.has-dropdown .submenu li a {
    /*padding-right: 35px !important;
    padding-left: 15px !important; */
    text-align: right;
}
.dropdown-menu {
    text-align: right !important;
}
li.has-dropdown .submenu { left:auto;right:0;text-align:right;}
.header-wrapper-1 .header-right .top {
    padding: 15px 10px;
}
.has-dropdown .main-menu::after {
    left: 0;
    right: auto;
}
.header-wrapper-1 .header-right .bottom {
    padding: 0 10px;
}
.nav-area ul li.main-nav a:first-child {
    font-size: 14px;
}
.header-wrapper-1 .logo {
    padding-right:0px;
    padding-left: 5px;
}
.cta-inner h2.title{
    font-size:30px;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area {
    left: 20px;
    right: auto;
}
.mobile-menu-main nav ul li.has-droupdown::after {
    left: 0;
    right: auto;
}
.rts-testimonials-area .left-side-image .floating-img{
  right:-65%;
  left:auto;
}
.rts-testimonials-area .slider-inner .swiper-pagination-4{
    left:0;
    right:auto;
}
.section-title-area .section-title span,.section-title-area2 .section-title span {
    text-decoration:none!important;
}
.text-justify{
    text-align: justify;
}
.slider-area{
    direction: ltr;
}
.project-wrapper .content-area .feature-area{
    direction: rtl;
}
.rts-portfolio-area h2{
    font-size:22px;
}
.rts-portfolio-area h3{
    font-size:20px;
}
.rts-portfolio-area h4{
    font-size:18px;
}
.rts-portfolio-area h5{
    font-size:16px;
}
.rts-portfolio-area h6{
    font-size:15px;
}
@media (min-width: 768px) {

.header-three .logo-area-start
 {
    flex-basis: 20%;
}

}

@media (max-width: 767px) {
    .rts-banner-area {
        height: 450px;
        padding: 120px 0;
        clip-path: none;
    }
    .bg_image_one {
        background-size: cover;
        background-position: center;
    }

}

@media (max-width:600px) {
    .rts-brand-area .section-inner ul
 {
  gap: 5px;
 }
}
@media (max-width: 450px) {
    .rts-brand-area .section-inner ul li {
        width: 49%;
        height: 100px;
        line-height: 100px;
        padding: 5px;
        text-align:center;
    }
.rts-portfolio-area .projectSlider .swiper-slide.swiper-slide-active .content-area {
    bottom: -170px;
}
.rts-banner-area .banner-area-one .banner-content-area .title{
    text-align: center;
    margin-top:25px;
}

}
#myProjectSlider .swiper-button-prev,
#myProjectSlider .swiper-button-next {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#myProjectSlider .swiper-button-prev i,
#myProjectSlider .swiper-button-next i {
    font-size: 20px;
}
@media (min-width:992px) {
#myProjectSlider .swiper-slide .image {
    width: 100%;
    height: 500px;     /* ارتفاع دلخواه اسلایدر */
    overflow: hidden;  /* برش اضافه تصویر */
}    
#myProjectSlider .swiper-slide .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* تصویر نسبت خود را نگه می‌دارد و کل اسلاید را پر می‌کند */
    object-position: center; /* تصویر دقیقا وسط قرار می‌گیرد */
    display: block;
}
}
 #myProjectSlider.swiper-pagination {
  display: flex;
  overflow-x: auto;
  gap: 5px;
  padding: 5px 0;
}

#myProjectSlider .swiper-pagination::-webkit-scrollbar {
  height: 6px;
}

#myProjectSlider .swiper-pagination::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 3px;
}
.accordion-button {
    flex-direction: row; /* متن سمت راست، آیکون سمت چپ */
    justify-content: flex-start; /* متن سمت راست، آیکون چپ */
}

/* فلش پیش‌فرض */
.accordion-button::after {
    margin-left: 0;   /* فاصله سمت چپ */
    margin-right: auto; /* فشار آیکون به سمت چپ */
    transform-origin: center;
    transition: transform .2s ease-in-out;
}

/* وقتی باز شد */
.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}
.rts-btn-full{
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #890000;
    color: #fff;
    border-radius: 6px;
}
#carFeaturesMobile button{
    font-size:18px;
}
#carFeaturesMobile .overview.side-box {
    padding: 10px;
    border: 0;
    box-shadow: none !important;
}
.rts-portfolio-area p{
    text-align: justify;
    margin-block-end: 15px;
    line-height: 2.8rem;
    font-size:16px;
}
.rts-portfolio-area h1,.rts-portfolio-area h2,.rts-portfolio-area h3,.rts-portfolio-area h4,
.rts-portfolio-area h5,.rts-portfolio-area h6,.rts-breadcrumb-area.portfolio-details2 .breadcrumb-area-wrapper .title {
    font-family: 'vazir-bold', sans-serif !important;
}
.side-box.contact .contact-inner .author-img img {
    width: 200px;
    height: 100px;
    border-radius: 10%;
}
.hm-brands img{
    width:125px;
}
.mobile-user-login{
display: none;
}
@media (max-width: 991px) {
    .header-wrapper-1 .header-right .bottom .bottom-right {
        gap: 1px;
    }    
.header-wrapper-1{
    flex-direction: row-reverse;
}
.mobile-user-login{
display: flex;
}
.mobile-user-login a{
    font-size: 20px;
    color: #890000;
}
}
.rts-faq__accordion .accordion-button {
    text-align: right;         /* متن راست‌چین بماند */
    justify-content: flex-start; 
}

.rts-faq__accordion .accordion-button::after {
    order: -1;                 /* آیکون قبل از متن قرار بگیرد */
    margin-right: 0;           
    margin-left: .5rem;        /* فاصله بین آیکون و متن */
}
