:root {
    --fi-blue: #0d6efd;
    --fi-indigo: #6610f2;
    --fi-purple: #6f42c1;
    --fi-pink: #d63384;
    --fi-red: #dc3545;
    --fi-orange: #fd7e14;
    --fi-yellow: #ffc107;
    --fi-green: #198754;
    --fi-teal: #20c997;
    --fi-cyan: #0dcaf0;
    --fi-black: #000;
    --fi-white: #fff;
    --fi-gray: #9691a4;
    --fi-gray-dark: #454056;
    --fi-gray-100: #f9f8fa;
    --fi-gray-200: #f5f4f8;
    --fi-gray-300: #efecf3;
    --fi-gray-400: #d5d2dc;
    --fi-gray-500: #bbb7c5;
    --fi-gray-600: #9691a4;
    --fi-gray-700: #666276;
    --fi-gray-800: #454056;
    --fi-gray-900: #1f1b2d;
    --fi-primary: #fd5631;
    --fi-accent: #5d3cf2;
    --fi-secondary: #f5f4f8;
    --fi-success: #07c98b;
    --fi-info: #3c76f2;
    --fi-warning: #fdbc31;
    --fi-danger: #f23c49;
    --fi-light: #fff;
    --fi-dark: #1f1b2d;
    --fi-primary-rgb: 253, 86, 49;
    --fi-accent-rgb: 93, 60, 242;
    --fi-secondary-rgb: 245, 244, 248;
    --fi-success-rgb: 7, 201, 139;
    --fi-info-rgb: 60, 118, 242;
    --fi-warning-rgb: 253, 188, 49;
    --fi-danger-rgb: 242, 60, 73;
    --fi-light-rgb: 255, 255, 255;
    --fi-dark-rgb: 31, 27, 45;
    --fi-white-rgb: 255, 255, 255;
    --fi-black-rgb: 0, 0, 0;
    --fi-body-color-rgb: 102, 98, 118;
    --fi-body-bg-rgb: 255, 255, 255;
    --fi-font-sans-serif: "IRANSans", sans-serif;
    --fi-font-vazir-bold: "vazir-bold", sans-serif;
    --fi-gradient: linear-gradient(26.21deg, #5d3cf2 0%, #fd5631 108.88%);
    --fi-body-font-family: var(--fi-font-sans-serif);
    --fi-body-font-size: 14px;
    --fi-body-font-weight: 400;
    --fi-body-line-height: 1.5;
    --fi-body-color: #666276;
    --fi-body-bg: #fff;
    --fi-border-width: 1px;
    --fi-border-style: solid;
    --fi-border-color: #efecf3;
    --fi-border-color-translucent: rgba(0, 0, 0, 0.175);
    --fi-border-radius: 0.5rem;
    --fi-border-radius-sm: 0.375rem;
    --fi-border-radius-lg: 0.75rem;
    --fi-border-radius-xl: 1.875rem;
    --fi-border-radius-2xl: 2rem;
    --fi-border-radius-pill: 50rem;
    --fi-link-color: #fd5631;
    --fi-link-hover-color: #fd3509;
    --fi-code-color: #e3116c;
    --fi-highlight-bg: #fff3cd;
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Bold.eot");
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Medium.eot");
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Light.eot");
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_UltraLight.eot");
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum).eot");
    src: url("../fonts/IRANSans/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb(FaNum).woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb(FaNum).woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb(FaNum).ttf") format("truetype");
}


body {
    margin: 0;
    padding: 0;
    overflow: auto;
    font-family: IRANSans;
}

/* استایل برای منوی پایین صفحه */


.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    z-index: 1000;
    height: 60px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.bottom-nav a {
    text-decoration: none;
    color: #888;
    font-size: 12px;
    text-align: center;
    flex: 1;
}

.bottom-nav a .icon {
    font-size: 18px;
    margin-bottom: 5px;
}

.bottom-nav a.active {
    color: #000000; /* رنگ آبی برای گزینه فعال */
}

.bottom-nav a.active .icon {
    color: #000000;
}


.content {
    height: calc(100vh - 60px); /* ارتفاع صفحه منهای ارتفاع منو */
    overflow-y: auto; /* فعال کردن اسکرول عمودی برای محتوای اضافی */
}

.content-section {
    display: none;
    height: 100%; /* ارتفاع هر بخش برابر با ارتفاع باقی‌مانده صفحه */
    padding: 20px;
    box-sizing: border-box;
}

.content-section.active {
    display: block;
}




.tabs-container {
    margin-bottom: 60px; /* برای جلوگیری از پوشانده شدن توسط منوی پایین */
}

/* استایل برای اسکرول در تب‌ها */
.custom-nav-tabs {
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    border-bottom: none;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.custom-nav-tabs::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.custom-nav-tabs {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.custom-nav-tabs .nav-item {
     border: solid 1px #000000;
    border-radius: 20px;
    margin-left: 5px;
    font-size: 0.5em;
}
.custom-nav-tabs .nav-link {
    display: inline-block;
    color:#000000 !important;
}

.reverse{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* استایل برای پنل اعلان */
.notification-panel {
    position: fixed;
    top: 0;
    right: -100%; /* ابتدا خارج از صفحه */
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    transition: right 0.3s ease-in-out; /* انیمیشن حرکت از چپ */
}

/* زمانی که نمایش داده می‌شود */
.notification-panel.active {
    right: 0; /* وارد صفحه می‌شود */
}

/* دکمه بستن */
.close-btn {
    position: absolute;
    top: 15px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color:#000000 !important;
}
.custom-btn{
    background: none;
    border: none;
    cursor: pointer;
    color:#000000 !important;
}

/* استایل برای پنل جزئیات اعلان */
.notification-detail-panel {
    position: fixed;
    bottom: -100%; /* ابتدا خارج از صفحه */
    width: 100%;
    height: 50vh;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    transition: bottom 0.3s ease-in-out; /* انیمیشن حرکت از چپ */
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

/* زمانی که نمایش داده می‌شود */
.notification-detail-panel.active {
    bottom: 0; /* وارد صفحه می‌شود */
}

#close_notification_detail{
    border-radius: 20px;
}



/* استایل برای پنل جزئیات اعلان */
.sidebar-panel {
    position: fixed;
    bottom: -120%; /* ابتدا خارج از صفحه */
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;

    transition: bottom 0.3s ease-in-out; /* انیمیشن حرکت از چپ */
overflow: scroll;

}

/* زمانی که نمایش داده می‌شود */
.sidebar-panel.active {
    bottom: 0; /* وارد صفحه می‌شود */


}

.custom-btn2{
    height: 50px;
    border-radius: 50%;
    width: 50px;
    background-color: #f8f9fa;
    margin-left: 10px; /* فاصله دکمه از متن */
}
.custom-btn3{
    height: 44px;
    border-radius: 50%;
    width: 46px;
    background-color: #f8f9fa;
    margin-left: 10px;
    margin-bottom: 20px;
}
.custom-btn4{
    height: 40px;
    border-radius: 50%;
    width: 40px;
    background-color: #000000;
    margin-left: 10px;
    margin-bottom: 20px;
    color:#ffffff;
    position: absolute;
    bottom: 60px;
    left:10px
}

.font-7{
    font-size:0.7em
}
.font-8{
    font-size:0.8em
}


.custom-container {
    display: flex;
    align-items: center; /* تراز عمودی محتوا */
}

.text-group {
    display: flex;
    flex-direction: column; /* قرار دادن متن‌ها به‌صورت عمودی */
    margin-left: auto; /* انتقال متن به سمت چپ */
    text-align: right; /* تراز متن به راست */
    width: 100%;
}



.arrow_left{
    position: absolute;
    left: 4px;
    margin-bottom: 5px;
}
.wallet-quantity{
    position: absolute;
    left: 3em;
    margin-bottom: 13px;
    font-size: 0.5em;

}


.confirm-tel{
    background-color: #fff6ed;
    width: max-content;
    border-radius: 20px;
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.custom-select{
    border-radius: 20px;
    background-color: #fafafa;
}

.custom-text1{
    background-color: #e3dede;
    border-radius: 20px;
    padding-right: 0.8em;
    padding-left: 0.8em;
}

.profile-img{
    height: 44px;
    border-radius: 50%;
    width: 46px;
    background-color: #f8f9fa;
    margin-left: 10px;
    margin-bottom: 20px;
}

.chat-item{
    position: absolute;
    left: 3em;
    margin-bottom: 34px;
    font-size: 0.5em;

}

.residence-type-img{
    border-radius: 8px;
}

.pointer{
    cursor: pointer;
}
.border-radius-20{
    border-radius: 20px;
}
.border-radius-10{
    border-radius: 10px;
}
.border-radius-5{
    border-radius: 10px;
}
.w-20{
    width: 20%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-60{
    width: 60%;
}
.h-2_5{
    height: 2.5em;
}
.custom-textarea{
    resize: none;
}
.custom-textarea::placeholder {
    font-size: 0.8em;
}
input[type=text]::placeholder {
    font-size: 0.8em;
}
input[type=tel]::placeholder {
    font-size: 0.8em;
}

.custom-checkbox{
    height: 26px !important;
    width: 50px !important;
    margin-bottom: 5px;
}
.custom-border-left{
    border-left: 1px solid #e7e8e9;
}
/* استایل برای لودر */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#loader .spinner-border {
    width: 3rem;
    height: 3rem;
    margin-bottom: 15px;
}

.minus-btn{
    height: 36px;border-radius: 22% !important;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;line-height: 1;background-color: #f9f9f9;width: 36px;border: solid 1px #e6e3e5;border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;color: #000 !important;
}
.plus-btn{
    height: 36px;border-radius: 22% !important;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;line-height: 1;background-color: #f9f9f9;width: 36px;border: solid 1px #e6e3e5;border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;color: #000 !important;
}
.custom_input{
    text-align: center;font-size: 18px;font-weight: bold;margin-left: 0px;height: 36px;border: solid 1px #e6e3e5;border-left: unset;border-right: unset;
}
.custom-accordion-item{
    border: unset;
}
 .accordion-button:not(.collapsed){
    background-color: unset !important;
}
 .selected-item{
     border: solid 2px #000;
 }

 .cancel_btn{
     color: #000 !important;
     height: 30px;
     padding: 0;
     width: 80px;
     border-radius: 8px !important;
 }
.confirm_btn{
    color: #fff !important;
    height: 30px;
    padding: 0;
    width: 80px;
    margin-left: 10px;
    border-radius: 8px !important;
}
.swal2-icon.swal2-question{
    font-size: 0.5em !important;
}
.swal2-icon::before{
    height: 110%;
}

.file-uploader {
    margin-bottom: 0;
    border: 1px dashed #d5d2dc;
    border-radius: 0.75rem;
    font-family: "Noto Sans", sans-serif;
    cursor: pointer;
}
.filepond--root .filepond--drop-label {
    min-height: 10rem;
}
.filepond--root .filepond--drop-label > label {
    cursor: pointer;
}
.filepond--panel, .filepond--panel-root {
    background-color: rgba(0, 0, 0, 0) !important;
}
.filepond--image-preview {
    background-color: #1f1b2d !important;
}
.filepond--credits {
    display: none;
}
@media (min-width: 500px) {
    .file-uploader-grid .filepond--item {
        width: calc(50% - 0.5em);
    }
}
[data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel {
    background-color: #f23c49;
}
[data-filepond-item-state="processing-complete"] .filepond--item-panel {
    background-color: #07c98b;
}
.bg-secondary {
    --fi-bg-opacity: 1;
    background-color: rgba( var(--fi-secondary-rgb), var(--fi-bg-opacity) ) !important;
}

.policy{
    height: 300px;
    overflow-y: scroll;

}



/*home start*/

.top1{
    z-index: -1;
    position: absolute;
    top:0px
}
.top_img{
    width: 100%;
    left: 0px;
    position: absolute;
    min-height: 500px;
    max-height: 650px;
}
.top_box{
    z-index: 1;
    position: absolute;
    margin-top: 20%;
    color: #fff;
    margin-right:5% ;
}
.search_box{
    /*height: 40vh; !* تمام ارتفاع صفحه *!*/
    padding-top: 10px; /* حذف حاشیه پیش‌فرض */
    display: flex; /* استفاده از Flexbox */
    align-items: center; /* قرار دادن عمودی در وسط */
    justify-content: center; /* قرار دادن افقی در وسط */
    z-index: 999;
}
.center-box {
    background-color: #ffffff; /* رنگ پس‌زمینه div */
    padding: 10px; /* فضای داخلی */
    border-radius: 8px; /* گرد کردن گوشه‌ها */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه */
    width: calc(100% - 40px); /* محاسبه فاصله از چپ و راست */
    max-width: 800px; /* حداکثر عرض */

 }


.residence_type_box{
    /*height: 40vh; !* تمام ارتفاع صفحه *!*/
    padding-top: 380px; /* حذف حاشیه پیش‌فرض */
    display: flex; /* استفاده از Flexbox */
    align-items: center; /* قرار دادن عمودی در وسط */
    justify-content: center; /* قرار دادن افقی در وسط */
}
.center-box2 {
    background-color: #ffffff; /* رنگ پس‌زمینه div */
    padding: 10px; /* فضای داخلی */
    border-radius: 8px; /* گرد کردن گوشه‌ها */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه */
    width: calc(100% - 40px); /* محاسبه فاصله از چپ و راست */
    max-width: 1000px; /* حداکثر عرض */

}

a{
    text-decoration: unset !important;
}

.custom-drop-down {
    min-width: 100%; /* حداقل عرض برابر عرض دکمه */
    width: auto; /* اگر نیاز باشد به اندازه محتوا باشد */
    box-sizing: border-box; /* برای محاسبه حاشیه و پدینگ در عرض */
    font-size: 0.6em;
}


/*.owl-prev {*/
/*    width: 15px;*/
/*    height: 20px;*/
/*    position: absolute;*/
/*    top: 40%;*/
/*    margin-left: -20px;*/
/*    display: block !important;*/
/*    border:0px solid black;*/
/*    background-color: #000000 !important;*/
/*    color: #ffffff !important;*/
/*}*/

.slider1 .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:21em;
    left: 0px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider1 .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:21em;
    left: 40px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}


.slider2 .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:23em;
    left: 0px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider2 .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:23em;
    left: 40px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider3 .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:23em;
    left: 20px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider3 .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:23em;
    left: 60px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.home-img{
    border-radius: 10px;
    max-height: 250px;
    max-width:100%;
}

.featured-card {
    position: relative;
    background: #fff;
    border-radius: 13px;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    /*width: 100%;*/
    /*min-width: 300px;*/
    overflow: hidden;
    min-width: 0px;
    /*margin: 10px;*/
}
.border-blog{
    border: solid 1px #e7e8e9;
}
.featured-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.featured-card .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff5722;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
}

.featured-card .badge2 {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f1bf42;
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 5px;
}
.featured-card .badge3 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #d7080f;
    color: #fff;
    padding: 8px 8px;
    font-size: 10px;
    border-radius: 20px;
    height: 30px;
}

.featured-card .info {
    padding: 15px;
    text-align: right;
}

.featured-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.featured-card p {
    font-size: 14px;
    margin: 5px 0;
}

.featured-card button {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.featured-card button:hover {
    background: #0056b3;
}

.card-img-top {
    width: 100%;
    /*! border-top-left-radius: calc(0.25rem - 1px); */
    /*! border-top-right-radius: calc(0.25rem - 1px); */
    border-radius: 14px;
    /*border-top-left-radius: 16px;*/
    /*border-top-right-radius: 16px;*/

}

.search_box input{
    border: unset;
    height: 26px;
}
.search_box select{
    border: unset;
    height: 26px;
    padding-top: 2px;
    font-size: 1.3em;
    color: var(--bs-secondary-color) !important;
}


.slider4 .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:24em;
    left: 20px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider4 .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:24em;
    left: 60px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.blog-img-home{
    height: 264px !important;
}

.owl-next.disabled{
    opacity: .5;
    pointer-events: none;
}
.owl-prev.disabled{
    opacity: .5;
    pointer-events: none;
}

.slider5 .owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:24em;
    left: 20px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}

.slider5 .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom:24em;
    left: 60px;
    display: block !important;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: .5rem !important;
}
#toggleButton{
    cursor: pointer;
}

@media screen and (max-width:768px)  {
    .search_box{
        position: relative;
        top:130px;
    }
}

/*home end*/

/*footer start*/
.footer-links ul {
    list-style: none;
    padding: 0;
}
.footer-links ul li {
    margin-bottom: 10px;
}
.footer-links ul li a {
    text-decoration: none;
    color:#495257;
}
.footer-bottom {
    background-color: #f8f9fa;
    text-align: center;
    padding: 10px 0;
    font-size: 0.9rem;
}
.app-links img {
    height: 40px;
    margin: 0 5px;
}

.custom-btn5{

    border-radius: 20%;
    background-color: #f5ebeb;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 5px;
    color: #000;
}
.custom-btn6{

    height: 45px;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
    border: 1px solid #ddd;
    background-color: transparent;
    color: #242424;
    transition: .2s;
    outline: none;
    font-weight: 700;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}


.footer_app{
    display: inline-flex;
    width: 8.75rem;
    height: 2.75rem;
    margin-left: 1.25rem;
}
.footer_app_back{
    display: inline-flex;
    height: 2.75rem;
    margin-bottom: 2em;
}

.footer_link_color{
    color: #495257 !important;
}

.support {
    color: #131b1f;
    display: flex;
    padding: 1.875rem 0;
    align-items: center;
    border-top: 1px solid #ddd;
}

.footer_text_right {
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 0 auto;
}

.footer_contact:not(:last-child) {
    margin-left: 2.5rem;
}
.footer_contact {
    font-size: 14px;
    font-weight: 300;
}
.footer_link_item {
    font-size: 14px;
    font-weight: 700;
    color: #2c7df9;
    margin-right: .3125rem;
}

.footer_copyright_area {
    padding: 1.875rem 0;
    background-color: #f0f0f0;
}
.footer_copyright_div {
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    padding: 0 16px;
    max-width: 1400px;
}
.footer_copyright_box{
    flex: 1 1 0;
    min-width: 0;
    color: #131b1f;
    font-size: 12px;
}
.footer_copyright_title {
    margin: 0;
    font-weight: 300;
}

.footer_license:not(:last-child) {
    margin-left: .625rem;
}
.footer_license {
    flex-shrink: 0;
    cursor: pointer;
    width: 6.25rem;
    height: 6.25rem;
    padding: .9375rem;
    border-radius: 1.25rem;
    background-color: #fff;
    border: 1px solid #ddd;
}
.footer_license img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.footer_copyright_text  {
    margin: 5px 0 0;
    font-weight: 400;
}
/*footer end*/

.swal2-icon.swal2-question,.swal2-info,.swal2-error,.swal2-warning,.swal2-success{
    font-size: 0.5em !important;
}
.swal2-popup.swal2-toast{
    width:max-content;
}
.swal2-icon::before{
    height: 110%;
}

/*residence page start*/

@media screen and (max-width:1024px)  {
    .hidden-sm{
    display:none;
    }
}


.gallery img {
    transition: 0.3s;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    max-height: 210px;
    width:100%;
}
.gallery:nth-child(2) img{
  min-height:95%;
}


.gallery img:hover {
    transform: scale(0.8);
}

/* در موبایل نمایش به‌صورت اسلایدر */
@media (max-width: 768px) {
    .desktop-gallery { display: none; }
    .mobile-slider { display: block; }
}
/* در دسکتاپ نمایش به‌صورت گالری */
@media (min-width: 769px) {
    .desktop-gallery { display: flex; }
    .mobile-slider { display: none; }
}


.chat-box {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.login_header_btn{
    background-color: #fafafa !important;
}

.residence_discount{
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 2.125rem;
    background-color: #fb3449;
    padding: .25rem .5rem .0625rem;
}
.date_div_row{
    border:solid 1px #b0b0b0;
    border-radius: 5px;
    margin-right: 4px;
    margin-left: 4px;
}
.date_col1{
    border-left:solid 1px #b0b0b0;
}
.date_start{
    padding-left: 34px;
    border: solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0.1px;
    height: 1.8em;
}
.date_end{
    padding-left: 34px;
    border: solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0.1px;
    height: 1.8em;
}
.div_count{
    border-top:solid 1px #b0b0b0;padding: 10px
}
.right-3{
    right:3em;
}
.discount{
    color: #fff;
    font-weight: 700;
    font-size: 0.7rem;
    border-radius: 2.125rem;
    background-color: #fb3449;
    padding: .25rem .5rem .0625rem;
}

.user_icon{
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin: .625rem 0 0 .875rem;
}

.product-check-in-time-item  {
    /*min-width: 13.125rem;*/
    min-width:20%;
    text-align: center;
    border-radius: .5rem;
    padding: 1.25rem 1.5625rem;
    border: 1px solid #e1e1e1;
}
.accommodation-abstract-comments  {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1.5rem .75rem;
    gap: 1.5rem;
}
.comment-div{

    border-radius: .5rem;
    border: .0625rem solid #e6e6e6;
    background: #fff;
    padding:0.8em

}
/*residence page end*/