/* ===**********====== */
/* color */
/* info */
.bg {
    background-color: #ececec;
}
.color-blue {
    color: #21254e;
}
.bg-blue {
    background-color: #21254e;
}

.color-yellow {
    color: #ffd129;
}
.border-yellow {
    border: #ffd129 2px solid;
}
.border-blue {
    border: #21254e 1px solid;
}
.color-red {
    color: #ff4c4c;
}
.bg-yellow {
    background-color: #ffd129;
}
.white {
    color: #fcfcfc;
}
.bg-white {
    background-color: #fcfcfc;
}
.bg-primery {
    background-color: rgb(192, 192, 192);
}
.color-primery {
    color: rgb(192, 192, 192);
}
.color-info {
    color: rgb(109, 109, 109);
}
.color-light {
    color: rgb(209, 209, 209);
}
.border-yellow-top {
    border-top: #ffd129 1px solid;
}
.border-yellow-bottom {
    border-bottom: #ffd129 2px solid;
}
.border-yellow {
    border: #ffd129 1px solid;
}
/* .blue{
  background: rgb(78,146,231);
background: linear-gradient(0deg, rgba(78,146,231,1) 0%, rgba(25,81,204,1) 100%);
height:250px;
} */
/* *************text******** */
.text-8 {
    font-size: 8px;
}
.text-10 {
    font-size: 10px;
}
.text-12 {
    font-size: 12px;
}
.text-15 {
    font-size: 15px;
}
.text-20 {
    font-size: 20px;
}
.bold {
    font-weight: 500;
}

/* font */
@font-face {
    font-family: iransans;

    src: url("../font/IRANSansWeb.eot"),
        url("../font/IRANSansWeb.woff2") format("woff2"),
        url("../font/IRANSansWeb.woff") format("woff"),
        url("../font/IRANSansWeb_Light.woff") format("truetype");
    font-weight: bold;
    font-style: normal;
}
body {
    font-family: iransans !important;
    background-color: ECECEC;
}
/* ****========***** */
.logo {
    width: 43;
    height: 43px;
    border-radius: 50px;
    margin-top: 12px;
}

.button-login {
    border: 2px solid #ffd129;
    border-radius: 10px;
    background-color: FCFCFC;
}
.button-admin {
    border: 2px solid #ffd129;
    border-radius: 10px;
    background-color: #21254e;
    color: white;
    text-decoration: none;
    padding: 10px;
}
.border-header {
    border: 1px solid #ffd129;
    border-radius: 10px;
    background-color: #21254e;
    font-size: 13px;

    align-content: center;
    justify-content: space-between;
}
.border-header a {
    color: #ffffff;
    text-decoration: none;
}
.border-header a:hover {
    color: FFD129;
}
.button-log {
    border: 2px solid #ffffff;
    border-radius: 10px;
    background-color: #ffd129;
}

.margin {
    margin-top: 100px;
}
.menu {
    width: 25px;
    height: 20px;
    color: #ffd129;
}
.bg-burger {
    background: rgb(255, 209, 41);
    background: linear-gradient(
        0deg,
        rgba(255, 209, 41, 1) 24%,
        rgba(255, 255, 255, 1) 100%
    );
}
.burger {
    height: 40px;
    border-radius: 100%;
}
.burger-icon {
    width: 30px;
    height: 18px;
}

.img-header {
    width: 100%;
    height: 300px;
    border-radius: 30px;
    margin-top: 30px;
}
.top-position {
    top: 220px;
}
.top-position-p {
    top: 260px;
}

.font-nav {
    font-size: 11px;
}

.breadcrumb {
    font-size: 10px;
    margin: 15px 20px;
}
.btn-Violation {
    background-color: FCFCFC;
    border: 1px solid #ffd129;
    color: #21254e;
    border-radius: 5px;
}
.container-information {
    background-color: FCFCFC;
    border: 1px solid #ffd129;
    color: #21254e;
    border-radius: 12px;
}

.information-map {
    font-size: 13px;
    width: 100%;
    /* height: 200px; */
    border: #ffd129 2px solid;
    border-radius: 5px;
}

.img-icon {
    width: 25px;
    height: 25px;
}
.loq {
    margin: 6px 0px;
}

.ofcanvas-tag {
    margin: 300px 20px;
}
.img-men {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #ffd129;
}
.comment-btn {
    border: 1px solid #ffd129;
    background-color: #ffffff;
    border-radius: 20px;
}
.comment-box {
    border: 1px solid #ffd129;
    background-color: #21254e;
    border-radius: 15px;
}
.btn-submit {
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: #ffd129;
    padding: 5px 50px;
}
.box-food {
    border: 1px solid #ffd129;
    border-radius: 5px;
}
.box-food-img {
    border-radius: 5px;
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.box-off {
    height: 20px;
    border-radius: 0px 50px 50px 50px;
}
.box-off p {
    padding-top: 3px;
}
.img-logo-food {
    width: 60px;
    height: 60px;
}

.icon-footer img {
    width: 25px;
    height: 30px;
}
.img-namad {
    background-color: #fff3c5;
    border-radius: 5px;
    width: 50%;
    box-shadow: #21254e 7px 7px 0;
}
.img-namad-md {
    background-color: #fff3c5;
    border-radius: 5px;
    box-shadow: #21254e 7px 7px 0;
}
.img-namad img {
    width: 50px;
    height: 50px;
}
.img-namad-md img {
    width: 70px;
    height: 70px;
}
.footer-text {
    background-color: #fff3c5;
    width: 90%;
    border-radius: 10px 10px 0 0;
}

.img-header-loq-mobile {
    width: 100%;
    height: 300px;
    margin-top: 3px;
}

.text-box-number {
    font-size: 12px;
}
.btn-search {
    width: 100%;
    border: 2px solid #ffd129;
}
.btn-search button {
    font-size: 12px;
}
.d-none-d {
    display: none;
}

.z-10000 {
    z-index: 9999999999 !important;
}

.menu-food {
    direction: rtl;
    height: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.food {
    width: 300px;
    height: 45px;
    font-size: 13px;
    padding-left: 13px;
}

.food-i {
    padding-top: 11px;
    cursor: pointer;
}

.container-food {
    border-left: 1px solid rgb(225, 225, 225);
}

.food:hover {
    background-color: rgb(225, 225, 225);
    border-radius: 10px 0 0 10px;
    color: #ffd129;
    margin: 2px;
    padding: 1px;
}

.food-p:hover {
    color: #ffad08;
}

.text-food:hover {
    color: #ffad08;
}

.vertical-line {
    width: 2px;
    height: 20px;
    background-color: #ffad08;
    margin-left: 7px;
}

.food-img {
    padding-top: 3px;
    width: 20px;
    height: 20px;
}

.multi-column-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    font-size: 13px;
}

.multi-column-list li {
    width: 100%;
}

.multi-column-list li:hover {
    color: #ffad08;
}

.menu-food > div {
    flex: 1;
    min-width: 200px;
    max-width: 300px;
    height: auto;
    display: none;
}

.menu-food > div.active {
    display: block;
}
.search-container {
    width: 650px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 20px 0px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 2px solid #ffd129;
}

.search-container button {
    background-color: #ffd129;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    color: #21254e;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.search-container {
    padding: 10px 10px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #21254e;
}
.input-button {
    border-bottom: 1px solid #21254e;
    width: 140px;
    padding: 10px 5px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #21254e;
    margin: 0 5px;
}
.input-button-one {
    margin: 0 5px;
    border-bottom: 1px solid #21254e;
    width: 220px;
    padding: 10px 5px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: end;
    color: #21254e;
}
.search-container .input-button .input-button-one:hover {
    background-color: #ffffff;
}

.search-container .input-button.active {
    background-color: #ffd129;
    color: #21254e;
}

.category-box {
    text-align: center;
}
.category-box img {
    border-radius: 50%;
    width: 85px;
}
.category-box p {
    margin-top: 10px;
    font-size: 13px;
}
.navbar-custom {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 10px 0;
}
.navbar-custom .nav-item {
    text-align: center;
    flex: 1;
}
.navbar-custom .nav-link {
    color: #343a40;
}
.navbar-custom .nav-link .fa {
    font-size: 24px;
    margin-bottom: 5px;
    color: #ffc107;
}
.navbar-custom .nav-link .text {
    display: block;
    font-size: 14px;
    color: #343a40;
}
.navbar-custom .nav-link.active .text {
    color: #ffc107;
}
.carousel-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
@keyframes moveLeftRight {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-2px, -2px);
    }
    50% {
        transform: translate(2px, 2px);
    }
    75% {
        transform: translate(-2px, 2px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.img-gif {
    animation: moveLeftRight 1s ease-in-out infinite;
}

.gif p {
    font-size: 13px;
}
.card {
    width: 90%;
    height: 80%;
    border: none;
    border-radius: 8px; /* اختیاری: برای زیباتر شدن گوشه‌ها */
    overflow: hidden; /* اختیاری: برای جلوگیری از بیرون زدگی محتوا */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    margin: 30px;
}

.img-card {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
}
.text-card {
    font-size: 13px;
}
.text-card-info {
    font-size: 11px;
}
.border-card {
    border-top: #ffd129 1px solid;
}
.img-perfect {
    width: 60px;
    height: 60px;
}
.card-workKlass {
    border: #ffd129 1px solid;
    width: 90%;
    height: 100%;
    border-radius: 8px; /* اختیاری: برای زیباتر شدن گوشه‌ها */
    overflow: hidden; /* اختیاری: برای جلوگیری از بیرون زدگی محتوا */
    background-color: #ffffff;
}
.img-workKlass {
    width: 100% !important;
    height: 120px !important;
}
.workKlass {
    margin: 100px 0px;
}
.btn-filter {
    border: #ffd129 1px solid;
    border-radius: 5px;
    background-color: #ffffff;
}
.btn-filter img {
    width: 20px;
    height: 20px;
}
.toggle-content {
    display: none;
}
.dropdown-toggle::after {
    content: none !important;
}
.listGroup {
    width: 260px;
    height: 350px;
    overflow: scroll;
    display: none;
}
.countainer-group {
    width: 280px;
    margin: auto;
    border: #ffd129 1px solid;
    display: none;
}
.hover-group:hover {
    background-color: #d3d2d2;
    border-radius: 20px;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* ابتدا مخفی باشد */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    max-height: 90%;
    overflow-y: auto;
}

.close-btn,
.back-btn {
    cursor: pointer;
}
.back-btn {
    margin-right: 10px;
}

.breadcrumb a {
    color: #007bff;
    text-decoration: none;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.text-justify {
    text-align: justify;
}
.owl-prev,
.owl-next {
    display: none;
}

.main-icon-wrapper {
    position: absolute;
    top: -30px; /* تنظیم مقدار بر اساس نیاز */
    left: 50%;
    transform: translateX(-50%);
}

.outer-circle {
    width: 70px;
    height: 70px;
}

.inner-circle {
    width: 50px;
    height: 50px;
}
.text-footer-fix {
    font-size: 13px;
}
.m-footer {
    padding-bottom: 100px;
}
.margin-footer {
    margin-top: 33px;
}
.imges-footer {
    width: 200px;
    height: 300px;
    top: -20px; /* تنظیم مقدار بر اساس نیاز */
    left: 50%;
    transform: translateX(-60%);
}
/* تغییر رنگ لینک‌ها به زرد */
.navbar-nav .nav-link {
    color: #21254e; /* رنگ زرد */
}
.footer-fixed-countainer {
    width: 100%;
}
.map-mobile {
    width: 100%;
    height: 30%;
}
.btn-list-mobile,
.btn-map-mobile {
    background-color: #21254e;
    font-size: 13px;
}
.top-list {
    bottom: 20px;
    left: 20px;
}

.main-mobile {
    /* background-image: url(images/map-mobile.png); */
    height: 800px;
    border: #ffd129 1px solid;
    border-radius: 10px;
}
.main-mobile-list {
    background-image: url(images/map-mobile.png);
    height: 70%;
    border: #ffd129 1px solid;
    border-radius: 10px;
    margin-bottom: 20px;
}
.h-box-main {
    height: 50px;
    width: 94%;
}
.h-span-main {
    width: 65px;
}
.img-list-search {
    width: 50px;
    height: 50px;
}
.w-style {
    width: 100%;
}
.nav-md {
    color: #ffd129;
}
.nav-mobile {
    color: #21254e !important;
}
.tag-info {
    white-space: nowrap; /* جلوگیری از شکستن خط‌ها */
    display: flex;
    overflow-x: auto; /* فعال‌سازی اسکرول افقی */
    -webkit-overflow-scrolling: touch; /* برای تجربه بهتر در موبایل */
}
.tag-info > div {
    flex: 0 0 auto; /* جلوگیری از کشیده شدن div‌ها */
    font-size: 14px;
    padding: 2px 5px;
}
.p-footer {
    text-shadow: 2px 2px 4px #252525;
}
.modal-info {
    height: 500px;
}
.modal-content {
    border-radius: 10px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-bottom: none;
    background-color: #ffad08;
    color: white;
}

.modal-body {
    padding: 20px;
    line-height: 1.6;
    color: #495057;
}

.modal-footer {
    border-top: none;
    justify-content: flex-end;
}

.btn-close {
    background-color: white;
    border-radius: 50%;
    padding: 5px;
}
.modal-backdrop.show {
    opacity: 0.85 !important; /* تغییر مقدار شفافیت */
    background-color: #000000 !important; /* تغییر رنگ به مشکی */
}
/* تنظیم حداکثر ارتفاع برای مدال و اضافه کردن اسکرول */
.modal-content {
    max-height: 80vh; /* حداکثر ارتفاع مدال 80% از ارتفاع صفحه */
    overflow-y: auto; /* اضافه کردن اسکرول عمودی در صورت نیاز */
}

.modal-body {
    max-height: 60vh; /* حداکثر ارتفاع محتوای بدنه مدال */
    overflow-y: auto; /* اضافه کردن اسکرول عمودی در صورت نیاز */
    padding: 20px; /* فاصله داخلی برای زیبایی بیشتر */
}
.square-icon {
    display: inline-block;
    width: 10px; /* عرض مربع */
    height: 10px; /* ارتفاع مربع */
    background-color: #ffd129; /* رنگ زرد */
    margin-right: 8px; /* فاصله بین مربع و متن */
    border-radius: 2px; /* اگر می‌خواهید مربع‌ها گوشه‌های گرد داشته باشند */
}
.icon-text {
    display: flex;
    align-items: flex-start; /* تراز کردن آیکون و متن از بالا */
    margin-bottom: 10px; /* فاصله بین خطوط */
}

.square-icon {
    width: 12px; /* عرض مربع */
    height: 12px; /* ارتفاع مربع */
    background-color: #ffd129; /* رنگ زرد */
    margin: 0 5px; /* فاصله بین مربع و متن */
    flex-shrink: 0; /* جلوگیری از تغییر اندازه آیکون */
}

.icon-text p {
    margin: 0; /* حذف حاشیه‌های پیش‌فرض پاراگراف */
    font-size: 14px; /* اندازه فونت متن */
    line-height: 1.5; /* فاصله خطوط برای خوانایی بهتر */
}
.d-min-span {
    display: none;
}
@media (min-width: 430px) {
    .d-min-span {
        display: inline;
    }
}

@media (min-width: 576px) {
    .w-style {
        width: 148px;
    }
    .font-size-md {
        font-size: 15px;
    }
    .m-footer {
        padding-bottom: 130px;
    }
    .icon-footer img {
        width: 35px;
        height: 35px;
    }
    .logo {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        margin-top: 12px;
    }
    .img-namad {
        width: 40%;
    }
    /* .box-food{
    border: 1px solid #FFD129;
    border-radius: 5px;
    width: 50%;
    margin: auto;
  } */

    .text-box-number {
        font-size: 13px;
    }
    .carousel-item img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
    .text-card {
        font-size: 13px;
    }
    .text-card-info {
        font-size: 11px;
    }

    .btn-search button {
        font-size: 15px;
    }

    .btn-filter {
        border: #ffd129 1px solid;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 2px 25px;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .h-box {
        min-height: 450px;
    }
    .box-food {
        border: 1px solid #ffd129;
        border-radius: 5px;
    }
    .box-food-img {
        border-radius: 5px;
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .information-map {
        font-size: 13px;
        width: 100%;
        /* height: 200px; */
        border: #ffd129 2px solid;
        border-radius: 5px;
    }
    .imges-footer {
        width: 500px;
        height: 380px;
        top: -20px; /* تنظیم مقدار بر اساس نیاز */
        left: 50%;
        transform: translateX(-50%);
    }
    .category-box img {
        border-radius: 50%;
        width: 120px;
        height: 120px;
    }
    .logo {
        width: 50px;
        height: 50px;
    }
    .img-header {
        width: 100%;
        height: 500px;
        margin-top: 30px;
    }

    .carousel-item img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .top-position {
        top: 350px;
    }
    .top-position-p {
        top: 390px;
    }
    .border-header {
        border: 1px solid #ffd129;
        border-radius: 10px;
        background-color: #21254e;
        font-size: 20px;
        /* margin:30px 100px; */
        align-content: center;
        justify-content: space-between;
        /* padding: 0px 17px; */
    }

    .text-box-number {
        font-size: 15px;
    }
    .ofcanvas-tag {
        margin: 180px;
    }
    .font-size-md {
        font-size: 20px;
    }
    .font-size-sm {
        font-size: 13px;
    }

    .p-header {
        top: 250px;
        font-size: 20px;
    }
    .img-header-loq {
        width: 100%;
        height: 400px;
        border-radius: 50px;
        margin-top: 100px;
    }
    .btn-search {
        display: none;
    }
    .gif p {
        font-size: 15px;
    }
    .main-container {
        margin: 80px 20px;
    }
    .information-map {
        font-size: 13px;
        width: 100%;
        height: 342px;
        border: #ffd129 2px solid;
        border-radius: 5px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .font-nav {
        font-size: 15px;
    }

    .border-header {
        border: 1px solid #ffd129;
        border-radius: 10px;
        background-color: #21254e;
        font-size: 20px;
        /* margin:30px 200px; */
        align-content: center;
        justify-content: space-between;
        /* padding: 0px 17px; */
    }
    .search-container {
        width: 750px;
    }
    .img-header {
        width: 100%;
        height: 650px;
        margin-top: 30px;
    }
    .carousel-item img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .font-size-star {
        font-size: 13px;
    }

    .p-header {
        top: 320px;
        font-size: 25px;
    }
    .category-box img {
        border-radius: 50%;
        width: 160px;
        height: 160px;
    }
    .text-card {
        font-size: 18px;
    }
    .text-card-info {
        font-size: 15px;
    }
    .img-card {
        width: 130px;
        height: 130px;
        border-radius: 50%;
    }

    .btn-main-countainer {
        padding: 2px 50px;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .comment-box {
        border: 1px solid #ffd129;
        background-color: #21254e;
        border-radius: 15px;
        width: 85%;
    }
    .comment {
        margin: 90px;
    }

    .border-header {
        border: 1px solid #ffd129;
        border-radius: 10px;
        background-color: #21254e;
        font-size: 20px;
        /* margin:30px 300px; */
        align-content: center;
        justify-content: space-between;
        /* padding: 0px 17px; */
    }

    .img-header-loq {
        height: 600px;

        margin-top: 60px;
    }
    .btn-main-countainer {
        padding: 2px 70px;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .border-header {
        border: 1px solid #ffd129;
        border-radius: 10px;
        background-color: #21254e;
        font-size: 20px;
        /* margin:30px 350px; */
        align-content: center;
        justify-content: space-between;
        /* padding: 0px 17px; */
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal.fade .modal-dialog {
    animation: fadeIn 0.5s ease-in-out;
}

.info-mobile {
    font-size: 12px;
}

.circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: currentColor;
}
/* تنظیمات برای سایزهای بزرگ */
@media (min-width: 768px) {
    #modalButtonsInBody {
        display: none; /* مخفی کردن دکمه‌ها در زیر محتوای مدال در سایزهای بزرگ */
    }

    #loginModal .modal-content {
        max-height: 80vh; /* تنظیم ارتفاع مدال در سایز بزرگ */
        overflow-y: auto; /* فعال‌سازی اسکرول در سایز بزرگ */
    }

    #loginModal .modal-body {
        max-height: calc(80vh - 120px); /* تنظیم ارتفاع body */
        overflow-y: auto; /* فعال‌سازی اسکرول */
    }
}

/* تنظیمات پیش‌فرض برای سایزهای کوچک */
#loginModal .modal-content {
    max-height: 90vh; /* تنظیم ارتفاع مدال در سایز کوچک */
    overflow-y: auto; /* فعال‌سازی اسکرول */
}

#loginModal .modal-body {
    max-height: calc(70vh - 20px); /* تنظیم ارتفاع body */
    overflow-y: auto; /* فعال‌سازی اسکرول */
}

/* در سایز کوچک فوتر را مخفی کنید */
#loginModal .modal-footer {
    display: none !important;
}

.custom-input {
    border-bottom: 1px solid #21254e;
    padding: 12px 0 8px 0;
    display: flex;
    align-items: center;
    width: auto;
}

.custom-input-field {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    font-family: inherit;
    font-size: inherit;
    outline: none;
    flex-grow: 1;
}

.custom-icon {
    margin-left: 5px;
}
.input-button-one {
    position: relative;
    border-bottom: 1px solid #000;
    padding: 10px;
}

#search-input {
    border: none;
    background: none;
    width: 100%;
    outline: none;
    text-align: right;
    font-size: 12px; /* تنظیم اندازه فونت  */
    font-family: inherit;
}

#search-input::placeholder {
    font-size: 12px; /* تنظیم اندازه فونت placeholder */
    color: #21254e; /* تنظیم رنگ placeholder */
}

.input-button-one i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.min-h-450 {
    min-height: 450px !important;
}

/* مودال احراز هویت (ورود شماره موبایل) — بالای همه‌چیز در همه صفحات */
#loginModal,
#loginModal.show,
#verifyModal,
#verifyModal.show {
    z-index: 2147483647 !important;
    position: fixed !important;
}
#loginModal .modal-dialog,
#verifyModal .modal-dialog {
    z-index: 2147483647 !important;
}
#loginModal .modal-content,
#verifyModal .modal-content {
    z-index: 2147483647 !important;
}
body:has(#loginModal.show) .modal-backdrop,
body:has(#verifyModal.show) .modal-backdrop {
    z-index: 2147483646 !important;
}

/* Select2: بالای محتوا/بخش‌های با z-index بالا (مثلاً نوار جستجو 10001)؛ زیر مودال احراز هویت */
.select2-container--open {
    z-index: 10050 !important;
}
.select2-dropdown {
    z-index: 10050 !important;
}