/*تغییر رنگ اصلی بوتسترپ*/
:root {
    --bs-primary: #003366 !important;
    --bs-primary-rgb: 0, 51, 102 !important;
}

.btn-primary {
    background-color: #003366; /* رنگ دلخواه */
    border-color: #003366; /* رنگ دلخواه برای حاشیه */
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #003366; /* رنگ کمی تیره‌تر برای هاور */
        border-color: #003366;
        box-shadow: 0 0 0 0.07rem #00254a; /* سایه هاور */
    }

.btn-outline-primary {
    color: #003366;
    border-color: #003366;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: #001949;
    color: white;
    border-color: #001949;
}
/*---------*/
@font-face {
    font-family: baravard;
    font-style: normal;
    src: url(/bd/fonts/woff2/IRANYekanX-Medium.woff2) format('woff2');
    src: url(/bd/fonts/woff/IRANYekanX-Medium.woff) format('woff');
    /* src: url(/bd/fonts/IRANSansWeb.woff2) format('woff2');
    src: url(/bd/fonts/Sansa4fran3.woff) format('woff');*/
}

.fs-bd-7 {
    font-size: 7.8px;
}

.fs-bd-6 {
    font-size: 9px;
}

.fs-bd-5 {
    font-size: 10px;
}

.fs-bd-4 {
    font-size: 11px;
}

.fs-bd-3 {
    font-size: 12px;
}

.fs-bd-2 {
    font-size: 14px;
}

.fs-bd-1 {
    font-size: 16px;
}
@media (min-width: 760px) and (max-width: 1049px) {
    .fs-bd-7 {
        font-size: 11px;
    }

    .fs-bd-6 {
        font-size: 13px;
    }

    .fs-bd-5 {
        font-size: 14px;
    }

    .fs-bd-4 {
        font-size: 16px;
    }

    .fs-bd-3 {
        font-size: 18px;
    }

    .fs-bd-2 {
        font-size: 20px;
    }

    .fs-bd-1 {
        font-size: 22px;
    }
}

@media (min-width: 1050px) {
    .fs-bd-7 {
        font-size: 8.8px;
    }

    .fs-bd-6 {
        font-size: 10px;
    }

    .fs-bd-5 {
        font-size: 11px;
    }

    .fs-bd-4 {
        font-size: 13px;
    }

    .fs-bd-3 {
        font-size: 14px;
    }

    .fs-bd-2 {
        font-size: 16px;
    }

    .fs-bd-1 {
        font-size: 18px;
    }
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.baravard {
    font-family: baravard, sans-serif;
    color: #001949;
}


.bg-baravard {
    background-color: #001949;
}
.bg-search-bd {
    background-color: #E1E4F1;
}


.nav-scroller {
    position: relative;
    z-index: 2;
    height: 3rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .nav-scroller .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        font-size: .875rem;
    }


    .nav-scroller a {
        text-decoration: none;
    }

#carouselExampleDarka {
    height: 5rem;
}

@media (max-width: 991px) {
    .backgrondbaravard {
        background-color: #ffffff;
        box-sizing: content-box;
    }
}

@media (min-width: 992px) {
    .backgrondbaravard {
        background-color: #0b1069;
        background: linear-gradient(90deg, #0b1069 30%, #3036a4 80% );
    }
}


@media (max-width: 991px) {
    .backgrondbaravard-2 {
        background: linear-gradient(180deg, #0b1069 30%, #3036a4 90% );
    }
}


.services {
    background: linear-gradient( #ffffff 10%, #effff4, #ffffff );
}

.card-services {
    transition: all 0.2s ease;
    cursor: pointer;
}


.cursor:hover {
    box-shadow: 2px 2px 2px 2px #e9ecef;
    transform: scale(1.15);
}

.card-services:hover {
    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.1);
}

.list-overflow-y-hidden:hover {
    overflow-y: scroll !important;
}

.slower {
    Transition-Delay: 0s;
    Transition-Duration: 0.4s;
    Transition-Property: opacity,visibility,display;
    Transition-Timing-Function: linear;
}



.form-group.position-relative input {
    padding-right: 32px;
}

.form-clear {
    align-items: center;
    border-radius: 80%;
    bottom: 7px;
    color: rgba(0, 0, 0, 0.747);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    left: 10px;
    width: 30px;
    z-index: 8;
}

.form-text + .form-clear {
    bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
    font-size: 16px;
    font-weight: 500;
}

#myUL {
    padding-left: 0rem;
}

.aSelectCar {
    padding: 0.5rem;
}

.p-s {
    line-height: 180%;
}

.p-b {
    line-height: 200%;
}

#modalCaling {
    top: 5rem;
}


.rotate180 {
    transform: rotate(180deg);
}

.reviews:hover {
    /*border-style: groove;*/
    /*border-color: #001278;*/
    box-shadow: 3px 3px 3px 2px #8a919d;
    transform: scale(1.005);
    /*background: rgb(254, 252, 252);*/
}

.addvertise:hover {
    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.01);
    background: rgb(253, 253, 253);
}

.SidBarMenuHover:hover {
    background-color: #f5f6f7;
    transform: scale(1.01);
}

.Selected {
    transform: scale(1.02);
}

.tooltipBd {
    position: relative;
    /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltipBd .tooltiptextBd {
        visibility: hidden;
        width: 50px;
        background-color: cornflowerblue;
        color: #20023a;
        text-align: start;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipBd:hover .tooltiptextBd {
        visibility: visible;
    }

.tooltipBdHistory {
    position: relative;
    /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltipBdHistory .tooltiptextBd {
        visibility: hidden;
        width: 50px;
        background-color: cornflowerblue;
        color: #20023a;
        text-align: start;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipBdHistory:hover .tooltiptextBd {
        visibility: visible;
    }

.bimg {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}

/*loading*/
.loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
}

.circular {
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #285bb0;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

/*انیمیشن بالابر*/
.arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: rotate(180deg);
    cursor: pointer;
}

    .arrow span {
        /*display: none; لود اینگ - در خود تگ استفاده کنید*/
        display: block;
        width: 1.5vw;
        height: 1.5vw;
        border-bottom: 5px solid #170;
        border-right: 5px solid #170;
        transform: rotate(45deg);
        margin: -10px;
        animation: animate 2s infinite;
        /*تعداد تکرار - در استایل خود تگ استفاده کنید*/
        animation-iteration-count: 2
    }

        .arrow span:nth-child(2) {
            animation-delay: -0.2s;
        }

        .arrow span:nth-child(3) {
            animation-delay: -0.4s;
        }

        .arrow span:nth-child(4) {
            animation-delay: -0.6s;
        }

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}
/*پایان انیمیشن بالابر*/

/*چرخش بردر*/
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.moving-border {
    position: relative;
    background-color: white;
}

    .moving-border::before,
    .moving-border::after {
        content: "";
        position: absolute;
        inset: -0.1rem;
        z-index: -1;
        background: linear-gradient(var(--angle), #ffffff, #ffffff, #ffffff,#ffffff,#ffffff,#ffffff, #0dcaf0);
        animation: rotate 1s linear infinite;
        border-radius: 0.3em;
        /*animation-iteration-count: 5;*/ /* تعداد بارهایی که انیمیشن اجرا می‌شود */
        /*animation-fill-mode:none;*/ /* حفظ وضعیت آخرین frame پس از اتمام انیمیشن */
    }

    .moving-border::after {
        filter: blur(2px);
    }

@keyframes rotate {
    0% {
        --angle: 0deg;
    }

    100% {
        --angle: 360deg;
    }
}
/*چرخش بردر*/

figure img {
    max-width: 100%;
    height: auto !important;
}


/*نمودار رینگی */
.ring-chart {
    --ring-size: 200;
    --ring-stroke-width: 14;
    --ring-percent: 0;
    --ring-str: '';
    --ring-color: lightblue;
    width: calc(1px * var(--ring-size));
    height: calc(1px * var(--ring-size));
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .ring-chart::before {
        box-sizing: border-box;
        content: '';
        border: calc(1px * var(--ring-stroke-width)) solid #eee;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: -1;
    }

    .ring-chart::after {
        counter-reset: ring-percent var(--ring);
        content: counter(ring-percent) var(--ring-str);
        font: bold 15px sans-serif;
    }

    .ring-chart svg {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        transform: rotate(-90deg);
        position: absolute;
        top: 0;
        left: 0;
    }

    .ring-chart circle {
        fill: none;
        stroke-width: calc(1px * (var(--ring-stroke-width) * 2) / (var(--ring-size) / 100));
        stroke: var(--ring-color);
        stroke-dasharray: 314;
        stroke-dashoffset: calc(314px * ((100 - var(--ring-percent)) / 100));
    }

.form-control::placeholder {
    color: #a3b0b7; /* یا هر رنگی که می‌خواهید */
}

/*چپ کردن ایکون دراپ دارن*/
.custom-select-left {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 2rem; /* فضای کافی برای فلش سمت چپ */
    background-image: url('data:image/svg+xml;utf8, <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512.197498 752.238526 158.499897 398.540925c-18.73776-18.73776-18.73776-49.092092 0-67.828828s49.092092-18.73776 67.828828 0l285.868773 285.868773 285.868773-285.868773c18.73776-18.73776 49.092092-18.73776 67.828828 0s18.73776 49.092092 0 67.828828L512.197498 752.238526z" /></svg>');
    background-repeat: no-repeat;
    background-position: left 0.5rem center;
    background-size: 0.8rem;
}

.custom-select-left-selected {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 1rem;
    /* فضای کافی برای فلش سمت چپ */
    background-image: url('data:image/svg+xml;utf8, <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: red;: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512.197498 752.238526 158.499897 398.540925c-18.73776-18.73776-18.73776-49.092092 0-67.828828s49.092092-18.73776 67.828828 0l285.868773 285.868773 285.868773-285.868773c18.73776-18.73776 49.092092-18.73776 67.828828 0s18.73776 49.092092 0 67.828828L512.197498 752.238526z" /></svg>');
    */
    /*background-image: url('data:image/svg+xml;utf8, <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: red ;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M948.6 131.1l-67.2-67.2-380.6 380.7L142.6 86.3l-67.2 67.2 358.2 361.3L75.4 873l67.2 67.2 358.2-361.3 380.6 380.7 67.2-67.2L568 511.8z" /></svg>');*/
    background-repeat: no-repeat;
    background-position: left 0.16rem center;
    background-size: 0.8rem;
}
/*رنگ بک گراند کل زمینه ها*/
.bg-bd {
    background-color: /*#fbfcfc !important;*/ white;
}

.custom-input::placeholder {
    opacity: 1;
    color: #495782;
   
}
.custom-input{
    background-color: #E1E4F1;
}










.blink-fast {
    animation: blinkFast 0.3s linear infinite;
}

@keyframes blinkFast {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



 
.scroll-container {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.card-bd {
    flex: 0 0 auto;
    scroll-snap-align: center;
}

.box.active {
    transform: scale(1.3);
}

.hover-grow {
    transition: transform 0.3s ease;
}

    .hover-grow:hover {
        transform: scale(1.1 ); /* بزرگ شدن تا ۵٪ */
    }

.card-hover:hover .hover-grow2 {
    transform: scale(1.04);
    transition: transform 0.3s ease;
}

.hover-grow2 {
    transition: transform 0.3s ease;
}

.hover-grow2:hover {
    transform: scale(1.04); /* بزرگ شدن تا ۵٪ */
}
.flesh-scroleer  {
    opacity: 25% !important;
}

    .flesh-scroleer:hover {
        opacity: 1 !important;
        transform: scale(1.04);
        transition: transform 0.3s ease;
    }

 /*-----------ابعاد تصاویر در خبر  -----------*/
.img-primary-post {
    height: 25rem ;
}
@media  (max-width: 650px) {

    .img-primary-post {
        height: 12rem !important;
    }
        
} 
 
 /*-----------آکوردین های متین -----------*/
.text-full-aline {
    text-align: justify;
}

.accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

.sharp-corners {
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);
}


.accordion-button::after {
    width: 0.8rem; /* عرض آیکون */
    height: 0.8rem; /* ارتفاع آیکون */
    padding-left: 1.3rem;
    background-size: contain; /* تنظیم سایز تصویر پس&zwnj;زمینه */
    margin-left: 0;
    margin-right: auto;
    transition: transform 0.3s ease;
}