/* fonts  */
/* @import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap'); */

@font-face {
    font-family: 'BYekan';
    src: url('./../fonts/BYekan+.ttf');
}

.lalezar {
    font-family: 'lalezar';
}

body {
    font-family: 'BYekan', sans-serif;
    font-size: 1rem;
    scroll-behavior: smooth;
}

/* main-color  */
.color {
    color: #2F74B9;
}

/* پنل نمایندگان  */
.panel-of-representatives {
    background-color: #f1f1f1;
    padding: 5px 7px;
    border-radius: 5px;
}

/* ثبت آگهی  */
.register-ad {
    background-color: #2F74B9;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 5px;
    transition: all .15s;
}

.register-ad:hover {
    transform: scale(1.1);
}

.nav-link .span-link-title {
    transition: all .15s;
}

.nav-link .span-link-title:hover {
    color: #2F74B9;
    border-bottom: 1px solid #2F74B9;
}

/* این مدیا کوری در وقتی برای یو ال ها لحاظ میشود که هدر باز شده است  */
@media screen and (min-width: 1000px) {
    .ul-align-items {
        align-items: center;
    }
}

/* در حالتی که هدر بسته از از بالا و پایین پدینگ میدهد  */
@media screen and (max-width: 1000px) {
    .min-padding {
        padding: 20px 0;
    }
}

/* input group  */
.input-group {
    width: 350px;
}

/* end  */
.input-group-text {
    cursor: pointer;
}

/* استایل کلی برای باکس انتخاب */
#sale-buy {
    padding: 10px;
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #2F74B9;
    appearance: none;
    /* حذف ظاهر پیش‌فرض مرورگر */
    -webkit-appearance: none;
    /* برای مرورگرهای مبتنی بر وبکیت */
    -moz-appearance: none;
    /* برای فایرفاکس */
    cursor: pointer;
}

/* استایل برای گزینه‌ها */
#sale-buy option {
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
}

/* استایل برای گزینه‌های hover (وقتی موس روی گزینه است) */
#sale-buy option:hover {
    background-color: #e0e0e0;
    /* تغییر رنگ پس‌زمینه */
}

/* استایل برای گزینه غیرفعال (لیبل) */
#sale-buy option[disabled] {
    color: #999;
    /* رنگ متن خاکستری برای گزینه غیرفعال */
    font-style: italic;
    /* متن کج */
}

/* remove this class  */
/* .sale-select-wrapper  */


.form-select {
    width: 150px !important;
    padding-right: 30px;
    /* فاصله برای آیکون */
    appearance: none;
    /* حذف ظاهر پیش‌فرض مرورگر */
    -webkit-appearance: none;
    /* برای مرورگرهای مبتنی بر وبکیت */
    -moz-appearance: none;
    /* برای فایرفاکس */
    background-color: transparent;
    /* پس‌زمینه شفاف */
    border: 1px solid #ced4da;
    /* حاشیه */
    border-radius: 5px;
    cursor: pointer;
}

.type-form-select {
    width: 170px;
    background-color: transparent !important;
    color: #ffffff !important;
    outline: none;
    border: 1px solid rgb(227, 224, 224) !important;
}

.filter-box {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #2F74B9;
    padding: 7px 10px;
    border-radius: 5px;
}

.change-to-map {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: orange;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 5px;
}

/* navbar 2 is hidden in the size of 1000 pixels down and less  */
@media screen and (min-width: 1000px) {
    .d-breakpoit-none {
        display: none;
    }
}

.card-bg {
    background-color: lightgray;
    height: 200px;
    border-radius: 10px;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {

    /* استایل‌های شما اینجا قرار می‌گیرند */
    .breakpoit-col-12 {
        margin: 20px 0;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 1201px) {

    /* استایل‌های شما اینجا قرار می‌گیرند */
    .breakpoit-col-test {
        width: max-content !important;
    }
}