@charset "UTF-8";
/* FONTS */
@import "../fonts/vazir/vazir.css";
@import "icons.css";
@import "effect.css";
@import "media.css";

/* SET WEBPAGE DIRECTION TO RTL */
html,
body {
    direction: rtl !important;
    background-color: var(--bs-white);
}

/* BODY SCROLLBAR */
body::-webkit-scrollbar {
    width: 16px;
    background-color: rgba(230, 230, 230, 0.5);
}

body::-webkit-scrollbar-track {
    background: none;
    border: none;
}

body::-webkit-scrollbar-thumb {
    background: #dadce0;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    min-height: 50px;
}

::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: none;
    border: 0;
}

::-webkit-scrollbar-thumb {
    background: #dadce0;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    min-height: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
b,
button,
label,
input {
    font-family: Vazir, sans-serif !important;
}

button:focus {
    outline: none;
}

:root,
* {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gray-primary: #737a8d;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-light-primary: #f4f4f4;
    --bs-light-shadow: #f3f4f6;
    --bs-dark: #212529;
    --bs-dark-primary: #2b2b2b;
    --bs-dark-primary-subtle: #576065;
    --bs-text-dark: #142241;
    --bs-dark-primary-focus: #161413;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-gradient: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-light-700: #f5f5f7;
}

/* CUSTOM OVERFLOW */
.overflow-none-width::-webkit-scrollbar {
    width: 0 !important;
}
/* CUSTOM NUMERIC INPUT */
.custom-numeric-input {
    padding: 20px 20px 14px 20px !important;
}
/* CUSTOM CONTAINER ATTRIBUTE */

.custom-container {
    width: 2048px;
    max-width: 100%;
    margin: 0 auto;
}

.custom-container-fluid {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 100%;
}

/* FONT SIZES */
.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

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

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

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

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-27 {
    font-size: 27px;
}

/* FONT FAMILIES */
.font-vazir {
    font-family: Vazir, sans-serif !important;
}

/* CUSTOM TEXT COLORS */
.text-purple {
    color: var(--bs-purple) !important;
}

.text-dark-primary {
    color: var(--bs-dark-primary) !important;
}

.text-dark-primary-subtle {
    color: var(--bs-dark-primary-subtle) !important;
}

.text-dark-primary-focus {
    color: var(--bs-dark-primary-focus) !important;
}

/* TRANSFORMS */
.translate-middle {
    transform: translate(50%, -50%) !important;
}

/* TRANSITIONS */
.trns-1s {
    transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    -ms-transition: 0.1s ease-in;
    -webkit-transition: 0.1s ease-in;
}

.trns-2s {
    transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
}

.trns-3s {
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
}

/* CUSTOM BUTTON */
button:disabled {
    background-color: var(--bs-light-bg-subtle);
    color: var(--bs-light);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-outline-purple {
    border: var(--bs-border-width) var(--bs-border-style) #6f42c1;
}

.btn-outline-purple:hover {
    background-color: #6f42c1;
}

.btn-danger-primary {
    background-color: #f44336 !important;
}

.btn-success-primary {
    background-color: #197952 !important;
}

.btn-dark-primary {
    background-color: #191e3a !important;
}

.btn-light-subtle {
    background-color: #f5f5f5 !important;
}

.btn-light-subtle:hover {
    background-color: #e3e3e3 !important;
}

/* CUSTOM BACKGROUND COLORS */
.bg-light-primary {
    opacity: var(--bg-opacity);
    background-color: var(--bs-light-700);
}

.bg-soft-success {
    background-color: #18a142 !important;
}

.bg-dark-primary {
    background-color: var(--bs-dark-primary) !important;
}

.bg-dark-primary-subtle {
    background-color: var(--bs-dark-primary-subtle) !important;
}

.bg-dark-primary-focus {
    background-color: var(--bs-dark-primary-focus) !important;
}

.bg-yellow {
    background-color: var(--bs-yellow) !important;
}

.bg-yellow-warm {
    background-image: url("../images/wallpaper.png");
    background-clip: content-box;
    background-size: 80px;
}

.bg-yellow-warm::after {
    z-index: -1;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--bs-border-radius-xxl);
    box-shadow: inset 0 50px 500px 10000px rgba(255, 176, 45, 0.84);
    opacity: 0.9;
}

.bg-light-gray {
    background-color: var(--bs-gray-100) !important;
}

/* TEXT-SHADOWS */
.text-shadow-white {
    text-shadow: 0 0 1.7px var(--bs-white);
}

.text-shadow-dark {
    text-shadow: 0 0 1.7px var(--bs-dark);
}

/* BOX SHADOWS */
.box-shadow-light {
    box-shadow: 0 0 3px 0.3px var(--bs-light) !important;
}

.box-shadow-dark {
    box-shadow: 0 0 3px 0.3px var(--bs-dark) !important;
}

/* BREAK LINE */
.break-secondary {
    border: 1px solid var(--bs-secondary);
    opacity: 0.1;
}

/* BORDER */
.border-transparent {
    border-color: transparent !important;
}

.border-dark-primary {
    border-style: var(--bs-border-style) !important;
    border-color: var(--bs-dark-primary) !important;
}

.border-dark-subtle {
    border-style: var(--bs-border-style) !important;
    border-color: var(--bs-dark-primary-subtle) !important;
}

.border-dark-focus {
    border-style: var(--bs-border-style) !important;
    border-color: var(--bs-dark-primary-focus) !important;
}

/* WIDTHS */
.w-35px {
    width: 35px !important;
}

.w-50px {
    width: 50px !important;
}
.w-100px {
    width: 100px !important;
}

.w-150px {
    width: 150px !important;
}

.w-200px {
    width: 200px !important;
}

.w-250px {
    width: 250px !important;
}

.w-280px {
    width: 280px !important;
}

.w-300px {
    width: 300px !important;
}

.w-350px {
    width: 350px !important;
}

.w-380px {
    width: 380px !important;
}

.w-500px {
    width: 500px !important;
}

.w-750px {
    width: 750px !important;
}

.w-full,
.w-max {
    max-width: calc(100% - 30px);
}

/* HEIGHTS */
.h-fit {
    height: fit-content !important;
}

.h-35px {
    height: 35px !important;
}

.h-50px {
    height: 50px !important;
}

.h-100px {
    height: 100px !important;
}

.h-150px {
    height: 150px !important;
}

.h-200px {
    height: 200px !important;
}

.h-250px {
    height: 250px !important;
}

.h-300px {
    height: 300px !important;
}

.h-350px {
    height: 350px !important;
}

.h-400px {
    height: 400px !important;
}

.h-500px {
    height: 500px !important;
}

.h-650px {
    height: 650px !important; /* === CUSTOM HEIGHT FOR HEADER BACKGROUND EFFECT */
}

.h-750px {
    height: 750px !important;
}

/* TOP */
.top-10-reverse {
    top: -10px !important;
}

.top-10px {
    top: 10px !important;
}

.top-48px {
    top: 48px !important;
}

.top-70px {
    top: 70px !important;
}
.top-100px {
    top: 100px !important;
}
/* BOTTOM */
.bottom-10px {
    bottom: 10px !important;
}

.bottom-70px {
    bottom: 70px !important;
}

/* OUTLINES */
.outline-none {
    outline: none !important;
}

/* CUSTOM FORM CHECK ATTRIBUTES */
.custom-form-check {
    width: calc(50% - 15px) !important;
}
.custom-form-radio {
    appearance: none !important;
    padding: 7px !important;
    background-color: initial;
    outline: 0 solid transparent;
    border: 0 solid transparent;
    border-radius: 50px !important;
}
.custom-form-radio:checked[type="radio"] {
    outline: 2px solid #1a4d97 !important;
    outline-offset: 2px;
    appearance: none !important;
    padding: 7px !important;
    background-color: var(--bs-primary);
    border: 0 solid transparent;
    border-radius: 50px !important;
}

.form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    border-radius: 50px !important;
    box-shadow: 0 0 0 0 transparent;
}

.form-check-input:checked[type="checkbox"] {
    background-size: 100%;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0 transparent;
    border: 1px solid var(--bs-secondary);
}

.form-check-input:checked {
    background-color: var(--bs-dark);
    border-radius: 50px !important;
    box-shadow: 0 0 0 0 transparent;
    padding: 10px;
    border-width: 0;
}

/* RESIZE */
.resize-none {
    resize: none !important;
}

/* ROTATES */
.rotate-0-45 {
    transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
}

.rotate-180 {
    transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
}

.rotate-0 {
    transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
}

/* CUSTOM TOOLTIP */
.tooltip {
    font-family: Vazir, sans-serif !important;
}

/* CURSORS */
.cur-pointer,
.cursor-pointer {
    cursor: pointer !important;
}

.cur-grab,
.cursor-grab {
    cursor: grab !important;
}

.cur-default,
.cursor-default {
    cursor: default !important;
}

.cur-not-allowed,
.cursor-not-allowed {
    cursor: not-allowed !important;
}

/* APPEARANCE */
.appearance-none {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* POINTER EVENTS */
.pointer-event-none {
    pointer-events: none;
}

.pointer-event-all {
    pointer-events: all;
}

/* CUSTOM BORDER RADIUS */
.rounded-top-3-5 {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

/* CUSTOM PADDING */
.ps-2-5 {
    padding-left: 0.75rem !important;
}

.p-2-5 {
    padding: 0.7rem !important;
}

.pe-2-5 {
    padding-right: 0.75rem !important;
}

.ps-3-5 {
    padding-left: 1.3rem !important;
}

.pe-3-5 {
    padding-right: 1.3rem !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    height: auto; /* یا height مشخص اگر لازم است */
    display: flex;
    flex-direction: column;
}

.image-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.image-wrapper img {
    width: 100%;
    aspect-ratio: 3 / 2 !important;
    max-inline-size: 100%;
}

.swiper-slide a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 17px;
    font-weight: bold;
    margin-right: 1px;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    background-color: var(--bs-white) !important;
    width: 51px;
    height: 50px;
    font-size: 15px;
    clip-path: circle(50% at 50% 50%);
    border-radius: 50px !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: unset;
}

.swiper-lazy-preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    /*transform-origin: 0%;*/
    z-index: 10;
    border-radius: calc(1rem - 1px);
    box-sizing: border-box;
    border: 0 solid transparent;
    background-color: #e9eef9;
}

/* ROOM ITEMS */
.room-items > div {
    width: calc((100% / 2) - 10px) !important;
}

.room-option-target {
    display: none;
}

/* WIZARD */
.wizard-details-box > li:first-child {
    margin-top: 0;
    border-top: 0 solid transparent !important;
    padding-top: 0;
}

.wizard-details-box > li:last-child {
    padding-bottom: 0;
}

.wizard-details-box > li {
    margin-top: 0.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: var(--bs-border-width) var(--bs-border-style)
        var(--bs-border-color);
}

/* DOCUMENTS FILES */
.document-files {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

/* CUSTOM MARGIN */
.mt-1px {
    margin-top: 1px !important;
}

.mt-2px {
    margin-top: 2px !important;
}

.mt-4-5px {
    margin-top: 4.5px !important;
}

.mt-6-7px {
    margin-top: 6.7px !important;
}

.mt-0-5 {
    margin-top: 0.5rem;
}

.mt-4-5 {
    margin-top: 1.6rem !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.me-2-3 {
    margin-left: 0.6rem !important;
}

/* CUSTOM Z-INDEX */
.z-max {
    z-index: 99 !important;
}

/* CUSTOM LEFT */
.right-0 {
    right: 0 !important;
}

.right-10px {
    right: 10px !important;
}

.right-50 {
    right: 50% !important;
}

.left-0 {
    left: 0 !important;
}

.left-100 {
    left: 100% !important;
}

.left-0-2px {
    left: -2px !important;
}

.left-8px {
    left: 8px !important;
}

.left-10px {
    left: 10px !important;
}

/* TEXT ALIGNMENTS */
.text-justify {
    text-align: justify !important;
}

/* PAGE LOADER */
.page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s 0.2s ease-in-out;
    transition: all 0.4s 0.2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.page-loading.active {
    opacity: 1;
    visibility: visible;
}

.page-loading-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.page-loading.active > .page-loading-inner {
    opacity: 1;
}

.page-loading-inner > span {
    display: block;
    font-size: 1rem;
    font-weight: normal;
    color: #666276;
}

.page-spinner {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.75rem;
    vertical-align: text-bottom;
    border: 0.15em solid #bbb7c5;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner 0.75s linear infinite;
    animation: spinner 0.75s linear infinite;
}

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

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

.img-overlay,
.img-gradient-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.25s ease-in-out;
    background-color: #1f1b2d;
    opacity: 0.5;
    z-index: 1;
}

.img-gradient-overlay {
    background: rgba(31, 27, 45, 0.5);
    background: linear-gradient(
        180deg,
        rgba(31, 27, 45, 0) 0%,
        rgba(31, 27, 45, 0.1) 26.56%,
        rgba(31, 27, 45, 0.28) 42.71%,
        rgba(31, 27, 45, 0.48) 56.77%,
        rgba(31, 27, 45, 0.68) 72.4%,
        rgba(31, 27, 45, 0.85) 86.98%,
        rgba(31, 27, 45, 0.94) 100%
    );
    opacity: 1;
}

.content-overlay {
    position: relative;
    z-index: 5;
}

.date-picker[readonly] {
    background-color: #fff;
}

.letter-space-15px {
    letter-spacing: 15px;
}

.date-picker[readonly].form-control-light {
    background-color: rgba(255, 255, 255, 0.04);
}

.flatpickr-calendar {
    width: 325px;
    padding: 0 0.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
        0 0.25rem 0.75rem rgba(31, 27, 45, 0.08);
    border: 0;
}

.flatpickr-innerContainer {
    padding-bottom: 1.125rem;
}

.flatpickr-months {
    padding: 0.75rem 0;
}

.flatpickr-months svg {
    vertical-align: top;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 0.75rem;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #fd5631;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    padding: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.numInputWrapper:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: #f6f5f8;
}

.flatpickr-day {
    height: 38px;
    border-radius: 0;
    border-radius: 0.5rem;
    line-height: 37px;
}

.flatpickr-day:hover:not(.flatpickr-disabled):not(.today):not(.selected) {
    border-color: #f6f5f8;
    background-color: #f6f5f8;
}

.flatpickr-day.today {
    border-color: rgba(253, 86, 49, 0.5) !important;
    color: #fd5631 !important;
}

.flatpickr-day.today.selected {
    color: #fff !important;
}

.flatpickr-day.today:hover {
    background-color: rgba(0, 0, 0, 0);
}

.flatpickr-day.selected {
    border-color: #fd5631 !important;
    background-color: #fd5631 !important;
}

.flatpickr-day.flatpickr-disabled {
    color: #c5c1cf !important;
}

.flatpickr-day.nextMonthDay {
    color: #aea9ba;
}

.flatpickr-day.inRange {
    border-color: #f6f5f8 !important;
    background-color: #f6f5f8 !important;
    box-shadow: -5px 0 0 #f6f5f8, 5px 0 0 #f6f5f8;
}

.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.endRange.seleced,
.flatpickr-day.endRange:hover {
    border-color: #fd5631 !important;
    background-color: #fd5631 !important;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0;
    border-radius: 0 0.5rem 0.5rem 0;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 0;
    border-radius: 0.5rem 0 0 0.5rem;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    box-shadow: -10px 0 0 #fd5631;
}

.flatpickr-time {
    margin-bottom: 0.5rem;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background-color: #f6f5f8;
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700;
}

.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;
}

.tns-carousel-wrapper {
    position: relative;
}

.tns-carousel-wrapper .tns-carousel-inner {
    position: relative;
    display: flex;
    overflow: hidden;
    touch-action: manipulation;
    opacity: 0;
}

.tns-carousel-wrapper .tns-carousel-inner:active {
    cursor: -webkit-grab;
    cursor: grab;
}

.tns-carousel-wrapper .tns-carousel-inner.tns-slider {
    display: block;
    opacity: 1;
}

.tns-carousel-wrapper .tns-carousel-inner > * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tns-carousel-wrapper .tns-carousel-inner.tns-horizontal:not(.tns-gallery) {
    display: flex;
}

.tns-carousel-wrapper .tns-carousel-inner.position-absolute {
    z-index: 0;
}

.card-img-top .tns-horizontal {
    align-items: flex-start;
}

@supports (-ms-ime-align: auto) {
    .tns-carousel-wrapper .tns-carousel-inner.tns-horizontal:not(.tns-gallery) {
        display: block;
    }
}

.tns-carousel-wrapper .tns-controls:focus {
    outline: none;
}

.tns-carousel-wrapper [data-controls] {
    position: absolute;
    top: 50%;
    width: 2.25rem;
    height: 2.25rem;
    margin-top: -1.125rem;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    color: #454056;
    font-size: 0.75rem;
    line-height: 2.25rem -0.25rem;
    text-align: center;
    border: 0;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
        0 0.25rem 0.75rem rgba(31, 27, 45, 0.08);
    z-index: 10;
}

.tns-carousel-wrapper [data-controls]:hover {
    color: #fd5631;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgba(31, 27, 45, 0.12),
        0 0.25rem 1rem rgba(31, 27, 45, 0.12);
}

.tns-carousel-wrapper [data-controls][disabled] {
    opacity: 0 !important;
    visibility: hidden;
}

.tns-carousel-wrapper.tns-carousel-light [data-controls] {
    background-color: rgba(255, 255, 255, 0.04);
    color: #fff;
    box-shadow: none;
}

.tns-carousel-wrapper.tns-carousel-light [data-controls]:hover {
    background-color: #fff;
    color: #fd5631;
}

.tns-carousel-wrapper [data-controls="prev"] {
    left: 1rem;
}

.tns-carousel-wrapper [data-controls="prev"] > i:not(.fi-chevron-up) {
    margin-right: 0.0625rem;
}

.tns-carousel-wrapper [data-controls="prev"] > i.fi-chevron-up {
    margin-bottom: 0.125rem;
}

.tns-carousel-wrapper [data-controls="next"] {
    right: 1rem;
}

.tns-carousel-wrapper [data-controls="next"] > i:not(.fi-chevron-down) {
    margin-left: 0.0625rem;
}

.tns-carousel-wrapper:not(.tns-controls-static):not(
        [class^="tns-controls-outside"]
    ):not([class*=" tns-controls-outside"])
    [data-controls] {
    opacity: 0;
}

.tns-carousel-wrapper:not(.tns-controls-static):not(
        [class^="tns-controls-outside"]
    ):not([class*=" tns-controls-outside"])
    [data-controls="prev"] {
    transform: translateX(1rem);
}

.tns-carousel-wrapper:not(.tns-controls-static):not(
        [class^="tns-controls-outside"]
    ):not([class*=" tns-controls-outside"])
    [data-controls="next"] {
    transform: translateX(-1rem);
}

.tns-carousel-wrapper:not(.tns-controls-static):not(
        [class^="tns-controls-outside"]
    ):not([class*=" tns-controls-outside"]):hover
    [data-controls] {
    transform: none;
    opacity: 1;
}

.tns-carousel-wrapper.tns-nav-outside [data-controls] {
    margin-top: -2.9rem;
}

.tns-carousel-controls {
    display: flex;
}

.tns-carousel-controls button {
    display: none;
}

.tns-carousel-controls:focus {
    outline: none;
}

.tns-carousel-controls [data-controls] {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    color: #454056;
    font-size: 0.75rem;
    line-height: 2.25rem -0.25rem;
    text-align: center;
    z-index: 10;
    border: 0;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
        0 0.25rem 0.75rem rgba(31, 27, 45, 0.08);
}

.tns-carousel-controls [data-controls]:hover {
    color: #fd5631;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgba(31, 27, 45, 0.12),
        0 0.25rem 1rem rgba(31, 27, 45, 0.12);
}

.tns-carousel-controls [data-controls][disabled] {
    opacity: 0 !important;
    visibility: hidden;
}

.tns-carousel-controls [data-controls="prev"] > i:not(.fi-chevron-up) {
    margin-right: 0.0625rem;
}

.tns-carousel-controls [data-controls="prev"] > i.fi-chevron-up {
    margin-bottom: 0.125rem;
}

.tns-carousel-controls [data-controls="next"] > i:not(.fi-chevron-down) {
    margin-left: 0.0625rem;
}

.tns-carousel-controls.tns-carousel-light [data-controls] {
    background-color: rgba(255, 255, 255, 0.04);
    color: #fff;
    box-shadow: none;
}

.tns-carousel-controls.tns-carousel-light [data-controls]:hover {
    background-color: #fff;
    color: #fd5631;
}

.tns-carousel-wrapper:not(.tns-nav-outside) .tns-nav {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1rem;
    text-align: center;
}

.tns-carousel-wrapper [data-nav] {
    display: inline-block;
    width: 1rem;
    height: 0.375rem;
    margin: 0 0.3rem;
    padding: 0;
    transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out;
    border: 0;
    border-radius: 50rem;
    background-color: rgba(255, 255, 255, 0.4);
}

.tns-carousel-wrapper [data-nav]:focus {
    outline: none;
}

.tns-carousel-wrapper [data-nav].tns-nav-active {
    width: 2rem;
    background-color: #fff;
}

.tns-carousel-wrapper.tns-nav-outside .tns-nav {
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    text-align: center;
}

.tns-carousel-wrapper.tns-nav-outside:not(.tns-carousel-light) [data-nav] {
    background-color: rgba(102, 98, 118, 0.4);
}

.tns-carousel-wrapper.tns-nav-outside:not(.tns-carousel-light)
    [data-nav].tns-nav-active {
    background-color: #666276;
}

.tns-carousel-wrapper.tns-nav-outside-flush .tns-nav {
    padding: 0;
}

.tns-controls-outside-sm .tns-controls {
    display: none;
}

@media (min-width: 500px) {
    .room-items > div {
        width: 100% !important;
    }

    .w-sm-full,
    .w-sm-max {
        max-width: 100% !important;
    }

    .tns-controls-outside-sm .tns-controls {
        display: block;
    }

    .tns-controls-outside-sm [data-controls="prev"] {
        left: -3rem;
    }

    .tns-controls-outside-sm [data-controls="next"] {
        right: -3rem;
    }
}

.tns-controls-outside-md .tns-controls {
    display: none;
}

@media (min-width: 768px) {
    .room-items > div {
        width: calc(100% / 2 - 10px) !important;
    }

    .w-sm-full,
    .w-sm-max {
        max-width: 100% !important;
    }

    .tns-controls-outside-md .tns-controls {
        display: block;
    }

    .tns-controls-outside-md [data-controls="prev"] {
        left: -3rem;
    }

    .tns-controls-outside-md [data-controls="next"] {
        right: -3rem;
    }
}

.tns-controls-outside-lg .tns-controls {
    display: none;
}

@media (min-width: 992px) {
    .tns-controls-outside-lg .tns-controls {
        display: block;
    }

    .tns-controls-outside-lg [data-controls="prev"] {
        left: -3rem;
    }

    .tns-controls-outside-lg [data-controls="next"] {
        right: -3rem;
    }
}

.tns-controls-outside-xl .tns-controls {
    display: none;
}

@media (min-width: 1200px) {
    .tns-controls-outside-xl .tns-controls {
        display: block;
    }

    .tns-controls-outside-xl [data-controls="prev"] {
        left: -3rem;
    }

    .tns-controls-outside-xl [data-controls="next"] {
        right: -3rem;
    }
}

.tns-controls-outside-xxl .tns-controls {
    display: none;
}

@media (min-width: 1400px) {
    .tns-controls-outside-xxl .tns-controls {
        display: block;
    }

    .tns-controls-outside-xxl [data-controls="prev"] {
        left: -3rem;
    }

    .tns-controls-outside-xxl [data-controls="next"] {
        right: -3rem;
    }
}

.tns-controls-outside .tns-controls {
    display: none;
}

.tns-controls-outside .tns-controls {
    display: block;
}

.tns-controls-outside [data-controls="prev"] {
    left: -3rem;
}

.tns-controls-outside [data-controls="next"] {
    right: -3rem;
}

.tns-slides-count {
    position: absolute;
    display: flex;
    align-items: center;
    right: 1.5rem;
    bottom: 1.25rem;
    z-index: 10;
    direction: rtl;
}

.tns-thumbnails {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.4375rem;
    margin-left: -0.4375rem;
    padding: 0.4375rem 0;
    list-style: none;
}

.tns-thumbnails:focus {
    outline: none;
}

.tns-thumbnail {
    display: block;
    width: 20%;
    margin: 0;
    padding: 0.4375rem;
    cursor: pointer;
}

.tns-thumbnail:focus {
    outline: none;
}

.tns-thumbnail > img {
    display: block;
    width: 100%;
    transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.5rem;
    opacity: 0.6;
}

.tns-thumbnail:hover > img {
    opacity: 1;
}

.tns-thumbnail.tns-nav-active {
    pointer-events: none;
    cursor: default;
}

.tns-thumbnail.tns-nav-active > img {
    border-color: #fd5631;
    opacity: 1;
}

@media (max-width: 499.98px) {
    .room-items > div {
        width: 100% !important;
    }

    .w-sm-full,
    .w-sm-max {
        max-width: 100% !important;
    }

    .tns-thumbnails {
        margin-right: -0.291375rem;
        margin-left: -0.291375rem;
        padding: 0.291375rem 0;
    }

    .tns-thumbnail {
        width: 33.33%;
        padding: 0.291375rem;
    }
}

.card > .card-img-hover .tns-nav {
    display: none;
}

.card > .card-img-hover [data-controls] {
    transform: none !important;
    background: none;
    color: #fff;
    font-size: 1.03125rem;
    box-shadow: none;
}

.card > .card-img-hover [data-controls="prev"] {
    left: 0.25rem;
}

.card > .card-img-hover [data-controls="next"] {
    right: 0.25rem;
}

.card:hover > .card-img-hover [data-controls] {
    opacity: 1 !important;
}

.tns-center .tns-inner {
    margin-right: -1rem !important;
}

@media (min-width: 768px) {
    .w-sm-full,
    .w-sm-max {
        max-width: 100% !important;
    }

    .tns-center .tns-inner {
        margin: 0 15% 0 16.5% !important;
    }

    .tns-center .tns-item {
        transition: opacity 0.15s ease-in-out;
        opacity: 0.6;
    }

    .tns-center .tns-item.tns-slide-active.active:not(.tns-slide-cloned) {
        opacity: 1;
    }
}

.tns-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.tns-item .from-top,
.tns-item .from-bottom,
.tns-item .from-start,
.tns-item .from-end,
.tns-item .scale-up,
.tns-item .scale-down {
    transition: all 0.45s 0.3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tns-item .from-top {
    transform: translateY(-45px);
}

.tns-item .from-bottom {
    transform: translateY(45px);
}

.tns-item .from-start {
    transform: translateX(-45px);
}

.tns-item .from-end {
    transform: translateX(45px);
}

.tns-item .scale-up {
    transform: scale(0.8);
}

.tns-item .scale-down {
    transform: scale(1.2);
}

.tns-item .delay-1 {
    transition-delay: 0.5s;
}

.tns-item .delay-2 {
    transition-delay: 0.7s;
}

.tns-item .delay-3 {
    transition-delay: 0.9s;
}

.tns-item .delay-4 {
    transition-delay: 1.1s;
}

.tns-item.tns-slide-active .from-top,
.tns-item.tns-slide-active .from-bottom {
    transform: translateY(0);
    opacity: 1;
}

.tns-item.tns-slide-active .from-start,
.tns-item.tns-slide-active .from-end {
    transform: translateX(0);
    opacity: 1;
}

.tns-item.tns-slide-active .scale-up,
.tns-item.tns-slide-active .scale-down {
    transform: scale(1);
    opacity: 1;
}

.h-gallery {
    height: 451px;
}

.gallery-item {
    display: block;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.gallery-item > img {
    display: block;
    width: 100%;
}

.gallery-item .gallery-item-caption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem 0.5rem;
    transform: translateY(0.5rem);
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
    z-index: 5;
}

.gallery-item .gallery-item-caption {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.gallery-item:hover .gallery-item-caption {
    transform: none;
    opacity: 1;
}

.gallery-item.more-item .gallery-item-caption {
    top: 50%;
    bottom: auto;
    font-weight: bold;
    text-decoration: underline;
    transform: translateY(-50%);
    opacity: 1;
}

.gallery-item.more-item:hover .gallery-item-caption {
    text-decoration: none;
}

.room-tree-line li > button {
    position: relative;
}

.room-tree-line li > button::before {
    content: "";
    position: absolute;
    bottom: -18px;
    height: 17px;
    width: 2px;
    margin-right: 1px;
    background-color: var(--bs-dark);
}

.room-tree-line li:last-child > button:before {
    all: unset;
}

.lg-backdrop {
    z-index: 1100;
}

.lg-outer {
    z-index: 1110;
}

.lg-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-item.active {
    border-color: #fd5631;
}

.lg-on {
    overflow: hidden;
}

.lg-item:focus,
.lg:focus,
.lg-outer:focus,
.lg-inner:focus {
    outline: none;
}

#MobileNavigation {
    top: 55.3px;
    width: 100%;
    max-width: 100%;
}

@keyframes MobileNavigation {
    from {
        right: -400px;
    }
    to {
        right: 0;
    }
}

@-o-keyframes MobileNavigation {
    from {
        right: -400px;
    }
    to {
        right: 0;
    }
}

@-webkit-keyframes MobileNavigation {
    from {
        right: -400px;
    }
    to {
        right: 0;
    }
}

@-moz-keyframes MobileNavigation {
    from {
        right: -400px;
    }
    to {
        right: 0;
    }
}

@-khtml-keyframes MobileNavigation {
    from {
        right: -400px;
    }
    to {
        right: 0;
    }
}

@keyframes MobileNavigationReverse {
    from {
        right: 0;
    }
    to {
        right: -400px;
    }
}

@-o-keyframes MobileNavigationReverse {
    from {
        right: 0;
    }
    to {
        right: -400px;
    }
}

@-webkit-keyframes MobileNavigationReverse {
    from {
        right: 0;
    }
    to {
        right: -400px;
    }
}

@-moz-keyframes MobileNavigationReverse {
    from {
        right: 0;
    }
    to {
        right: -400px;
    }
}

@-khtml-keyframes MobileNavigationReverse {
    from {
        right: 0;
    }
    to {
        right: -400px;
    }
}

/* OBJECT PROPERTY */
.object-position-center {
    object-position: center !important;
}

.object-position-top {
    object-position: top !important;
}

.object-position-bottom {
    object-position: bottom !important;
}

/* MOBILE DATE TIME PICKER */