@font-face {
    font-family: 'IRANYekanXVF';
    src: url('../font/IRANYekanXVF.woff2') format('woff-variations'),
        /* will be the standard and works in Safari now */
    url('../font/IRANYekanXVF.woff2') format('woff');
    /* for the other supporting browsers */
    font-weight: 100 1000;
    font-display: fallback;

}

@font-face {
    font-family: IRANYekanX;
    src: url('../font/IRANYekanX-regular.woff') format('woff');
}
@font-face {
    font-family: IRANYekanX;
    src: url('../font/IRANYekanX-bold.woff') format('woff');
    font-weight: 700;
}

body {
    font-family: IRANYekanX, sans-serif;
    text-align: justify;
    scroll-behavior: smooth;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
@supports (font-variation-settings: normal) {
    body {
        font-family: 'IRANYekanXVF', sans-serif;
        -moz-font-feature-settings: "ss02";
        -webkit-font-feature-settings: "ss02";
        font-feature-settings: "ss02";
    }
}

.fa-num{
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

:root {
    --blue-color: #0969DA;
    --gray-heavy: #8E8E93;
    --gray-light: #E5E5EA;
    --white-color: #FFFFFF;
    --room-color: #E9ECEF;

    --transition-ease-out: all .4s ease-in-out;

    scrollbar-width: thin !important;
    scrollbar-color: #BEC6CC #f1f1f1 !important;
}

ul{
    list-style-type: none;
    margin-bottom: unset;
    padding: unset;
}

a{
    text-decoration: none;
    color: var(--blue-color);
    transition: var(--transition-ease-out);
}

a:hover {
    color: var(--blue-color) !important;
}

.text-blue{
    color: var(--blue-color);
}

.text-gray{
    color:var(--gray-heavy)
}

.fw-thin{
    font-weight: 100;
    font-variation-settings: "wght" 100;
}

.fw-extra-bold{
    font-weight: 800;
    font-variation-settings: "wght" 800;
}

.fw-black{
    font-weight: 900;
    font-variation-settings: "wght" 900;
}

.fw-extra-black{
    font-weight: 950;
    font-variation-settings: "wght" 950;
}

.fw-light{
    font-weight:300!important;
    font-variation-settings: "wght" 300;
}
.fw-normal{
    font-weight:400!important;
    font-variation-settings: "wght" 400;
}
.fw-medium{
    font-weight:500!important;
    font-variation-settings: "wght" 500;
}
.fw-semibold{
    font-weight:600!important;
    font-variation-settings: "wght" 600;
}
.fw-bold{
    font-weight:700!important;
    font-variation-settings: "wght" 700;
}

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

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

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

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

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

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

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

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

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

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

.border-gray-round{
    border: 1px solid var(--gray-light);
    border-radius: 16px;
}

.border-bottom-gray{
    border-bottom: 1px solid var(--gray-light);
}

.border-bottom-room{
    border-bottom: 1px solid #C6C9CB;
}

.border-thin-light-gray{
    border: 1px solid var(--gray-light);
}

.border-radius-16{
    border-radius: 16px;
}

.mt-minus-search{
    margin-top: -12% !important;
}

.dir-ltr{
    direction: ltr;
}

.height-10px{
    height: 10px;
}

.progress-bar{
    background-color: var(--blue-color);
}

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

.badge{
    line-height: unset !important;
}

.comment{
    margin-bottom: 1.5rem;
}

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

.sticky-sidebar {
    position: sticky;
    top: 20px;
}

.search-box-single:focus-visible {
    outline: unset;
}

.sidebar-inner {
    border: 1px solid rgb(0 0 0 / 15%);
    border-radius: 0.6rem;
    padding: 10px 15px;
    background-color: var(--room-color);
}

.alert{
    border-radius: 0.6rem !important;
}

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

.rotate-350{
    transform: rotate(350deg);
}

.border-right-black {
    border-right: 1px solid rgb(0 0 0 / 15%);
}

.field-label-single {
    position: absolute;
    font-weight: 800;
    font-variation-settings: "wght" 800;
    font-size: 14px;
}

.search-box-single {
    transition: all .12s ease-in-out;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    border: none;
    padding: 30px 0 0;
    width: 100%;
    background-color: #e9ecef;
    caret-color: transparent;
}

.btn-reserve-disabled {
    background-color: #9dc3ff !important;
    border: 1px solid #9dc3ff !important;
    pointer-events: none;
}

.comment:last-child{
    margin-bottom: unset;
}

.input-search{
    border: none;
    justify-self: center;
    text-align: center;
    height: 100px;
    width: -webkit-fill-available;
}

.input-search:focus-visible{
    outline: none !important;
}

.input-search::placeholder{
    color: var(--bs-black);
    font-size: 18px;
    font-weight : 500;
    font-variation-settings: "wght" 500;
}

.input-search::-ms-input-placeholder{
    color: var(--bs-black);
    font-size: 18px;
    font-weight : 500;
    font-variation-settings: "wght" 500;
}

.divider {
    height: 55px;
    align-self: center;
    border-left: 1px solid var(--gray-light);
}

.btn-primary{
    border: 1px solid var(--blue-color);
    border-radius: 0.6rem;
    background-color: var(--blue-color);
}

.line-height-18{
    line-height: 1.8;
}

.w-fill-available{
    width: -webkit-fill-available;
}

.border-top-radius-16{
    border-radius: 16px 16px 0 0;
}

.border-right-radius-16{
    border-radius: 0 14px 14px 0;
}

.border-left-radius-16{
    border-radius: 14px 0 0 14px;
}

.overflow-x-scroll{
    overflow-x: scroll;
}

.scroll-width-none {
    scrollbar-width: none;
}

.btn-slider{
    cursor: pointer;
    width: 2.375rem;
    height: 2.375rem;
    background-color: #fff;
    border: 1px solid var(--gray-light);
    border-radius: .5rem;
}

.btn-slider:hover{
    border: 1px solid var(--gray-heavy);
}

.scroll-item{
    margin-left: 1rem;
    width: 20%;
}

.scroll-item:last-child{
    margin-left: 0.2rem;
}

.border-top{
    border-top: 1px solid var(--gray-light) !important;
}

footer a {
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: var(--gray-heavy);
}

.sub-menu{
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15);
    border-radius: 16px;
    position: absolute;
    top: 4.3rem;
    background-color: white;
    overflow: hidden !important;
}

.sub-menu li{
    padding: 1rem 1.5rem;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-light);
}

.sub-menu li:hover{
    background-color: #f7f7f7;
    color: var(--blue-color);
    padding: 1rem 1.5rem;
    border-radius: 16px;
    overflow: hidden !important;
}

.sub-menu li a{
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: var(--gray-heavy);
}

.sub-menu li:last-child{
    border-bottom: unset;
}

.w-20{
    width: 20%;
}

.slider-link{
    color: var(--bs-black);
}

.autocomplete {
    background-color: var(--bs-white);
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15);
    position: absolute;
    top: 35.5rem;
    color: var(--bs-white);
    z-index: 3;
    width: 19.5rem;
    max-height: 22.5rem;
    border-radius: 16px;
    padding: 0.5rem 0;
    overflow: hidden;
    display: none;
}

.scroll-autocomplete {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 21.5rem;
    width: 19.5rem;
}

.scroll-autocomplete {
    scrollbar-width: thin;
}

.result-container {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    padding: 1rem 1.5rem;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-light);
    color: var(--bs-black);
}

.result-container:hover{
    background-color: #f7f7f7;
    color: var(--bs-black);
}

.result-container2 {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0.625rem 0;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-light);
    color: var(--bs-black);
}

.result-box {
    margin: 0;
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.result-box2 {
    margin: 0;
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.datepicker-container.pwt-mobile-view .datepicker-plot-area {
    margin-top: 0;
    border-radius: 0;
}

.autocomplete.show,
.datepicker-container {
    animation: transform 500ms;
}

.pdatepicker-container{
    position: sticky;
    background-color: white;
    top: 0;
    transition: all .2s ease-out;
    z-index: 1000;
}

.input-search-mobile{
    background-color: #fff;
    border: 1px solid #727483;
    border-radius: .5rem;
    height: 48px;
    font-size: 14px;
    font-weight : 500;
    font-variation-settings: "wght" 500;
    width: -webkit-fill-available;
    padding-right: 2.3rem;
}

.input-search-mobile::placeholder{
    color: var(--bs-black);
}

.input-search-mobile::-ms-input-placeholder{
    color: var(--bs-black);
}

.btn-search-mobile{
    height: 48px;
    font-size: 15px;
    font-weight : 500;
    font-variation-settings: "wght" 500;
}

.location-icon {
    position: relative;
    top: 2.1rem;
    right: 0.7rem;
}

.calendar-icon{
    position: relative;
    top: 2.1rem;
    right: 0.7rem;
}

.me-search{
    margin-left: 3rem;
}

#mobile-menu {
    width: 85%;
    border-left: 4px solid var(--blue-color);
}

.close-btn-mobile-menu {
    opacity: 1;
    color: var(--bs-black);
    font-size: 12px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    text-shadow: 0 1px 0 #fff;
    background-color: rgba(19, 27, 31, .05);
    padding: 9px !important;
}

ul.mobile-nav>li {
    padding: 10px 5px;
    border-bottom: 1px solid var(--gray-light);
}

ul.mobile-nav>li>a {
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: var(--bs-black);
    display: block;
}

ul.submenu-mobile {
    list-style: none;
    padding-right: 5px;
}

ul.submenu-mobile>li {
    padding: 10px 5px;
}

ul.submenu-mobile>li>a {
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: var(--gray-heavy);
}

.dropdown-toggle::after {
    vertical-align: 0.1em;
    margin-right: 0.4rem;
}

.breadcrumb {
    font-size: 15px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
}

.breadcrumb-item>a {
    color: var(--gray-heavy);
}

.gallery-img {
    object-fit: cover;
}

.large-img {
    height: 400px;
}

.small-img-container {
    height: 192px;
    overflow: hidden;
}

.small-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archive-img-container {
    height: 269px;
    overflow: hidden;
}

.img-archive{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.btn-gallery-div{
    top: 70%;
    left: 25px;
    width: auto;
}

a.hotel-name,a.hotel-name:hover{
    color: var(--bs-dark) !important;
}

.btn-gallery{
    color: var(--bs-black);
    background-color: var(--bs-white);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 15px;
}

.btn-gallery:hover,.btn-gallery:active{
    background-color: var(--bs-white) !important;
    color: var(--bs-black) !important;
}

.fs-30px{
    font-size: 30px;
}

.w-35 {
    width: 35% !important;
}

.single-page-text {
    font-size: 18px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: var(--bs-black);
    white-space: nowrap;
}

.rate-badge {
    width: 34px;
    height: 35px;
    background: var(--blue-color);
    color: white;
    text-align: center;
    line-height: 2.2;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
}

.hotel-property {
    margin-top: 20px;
}

.bg-gray{
    background-color: var(--room-color);
}

.gray-container {
    border-radius: 16px;
    border: 1px solid #ddd;
    padding: 20px;
    background-color: var(--room-color);
}

.border-bottom-black {
    border-bottom: 1px solid rgb(0 0 0 / 15%);
}

.py-12px {
    padding: 12px 0;
}

.single-map {
    height: 355.5px;
    width: 100%;
    border: 2px #dee2e6 solid;
    border-radius: 16px;
}

.lh-custom {
    line-height: 2;
}

.list-styled{
    list-style-type: disc;
}

.hotel-property:first-child {
    margin-top: unset;
}

.hotel-property>p {
    margin-bottom: unset;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    margin-right: 10px;
}

.btn-primary:hover{
    color: #FFFFFF !important;
}

.btn-outline-primary{
    border-color: 1px solid var(--blue-color);
    border-radius: 0.6rem;
    color: var(--blue-color);
}

.btn-outline-primary:hover{
    background-color: var(--blue-color);
    color: #FFFFFF !important;
}

.defualt-border-radius{
    border-radius: 0.375rem;
}

.enter-exit-box {
    border: 1px solid rgb(0 0 0 / 15%);
    border-radius: 0.75rem;
    padding: 20px 25px;
}

.btn-outline-dark:hover{
    color: #FFFFFF !important;
}

.room-container{
    background-color: var(--room-color);
    border-radius: 16px;
    padding: 1rem;
    border:1px solid #DDDDDD;
    margin-bottom: 2rem;
}

.room-title {
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 16px;
    text-align: right;
}

.service-label {
    font-size: 13px;
    padding: 0.5rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    border-radius: 4px;
    background-color: var(--bs-black);
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.mt-4px{
    margin-top: 4px;
}

.room-price-text {
    font-size: 15px;
    font-weight: bold;
    font-variation-settings: "wght" 700;

}

.rating-section{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 576px) {
    .carousel-control-next,.carousel-control-prev,.carousel-inner{
        border-radius: 12px;
    }
}

@media (min-width: 992px) {
    /*.carousel {*/
    /*    height: 600px;*/
    /*}*/

    .gallery-img-height {
        height: 600px !important;
    }

    .archive-row{
        margin-bottom: 3rem;
    }

    .archive-row:last-child{
        margin-bottom: 0;
    }
}

@media (min-width: 0) and (max-width: 340px) {
    .ci-titels {
        font-size: 14px !important;
        max-width: 9rem;
    }
}

@media (min-width: 0) and (max-width: 359px) {
    .location-mobile-text {
        font-size: 13px;
    }
}

@media (min-width: 0) and (max-width: 379px) {
    .properties-max-width {
        max-width: 90px;
    }
    .gallery-img-height {
        height: 300px !important;
    }
}

@media (min-width: 0) and (max-width: 389px) {
    .rating-section{
        display: block;
    }
    .write-comment-btn{
        margin: 1rem 0 1rem 0;
    }
}

@media (min-width: 0) and (max-width: 399px) {
    .calendar-btn{
        margin-top: 5px;
    }
}

@media (min-width: 300px) and (max-width: 368px) {
    .scroll-item{
        width: 75%;
    }
}

@media (min-width: 369px) and (max-width: 400px) {
    .scroll-item{
        width: 70%;
    }
}

@media (min-width: 401px) and (max-width: 767px) {
    .scroll-item{
        width: 60%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .scroll-item{
        width: 40%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .h1-home{
        font-size: 34px;
    }
    .scroll-item{
        width: 30%;
    }
    .mt-minus-search{
        margin-top: 4% !important;
    }
    .me-search{
        margin-left: unset;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .scroll-item{
        width: 25%;
    }
    .mt-minus-search{
        margin-top: -11% !important;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .leaflet-control-container {
        display: none;
    }
}

@media (min-width: 0) and (max-width: 575px) {
    .single-map {
        height: 157px !important;
    }

    .gallery-mobile-col-px{
        padding: 0;
    }
}

.extra-text {
    position: relative;
    text-align: justify;
    transition: max-height 0.5s ease;
    max-height: 115px;
    overflow: hidden;
}

.extra-text p {
    line-height: 2 !important;
    color: var(--gray-heavy);
    margin: 0;
}

.more-content-shadow{
    pointer-events: none;
    position: absolute;
    top: 7rem;
    height: 55px;
    left: 0;
    right: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #fff), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #fff 14%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, #fff 14%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #fff 14%, rgba(0, 0, 0, 0) 100%);
}

.gallery-img-height{
    height: 380px;
}

.object-fit-cover{
    object-fit: cover;
}

.carousel-control-prev {
    left: 0;
    right: auto;
    background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.6));
    opacity: unset;
}

.carousel-control-next {
    right: 0;
    left: auto;
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.6));
    opacity: unset;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    transform: rotate(180deg);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    transform: rotate(180deg);
}

.position-relative{
    position: relative;
}

.more-content-btn {
    display: flex;
    align-items: start;
    border: unset;
    background-color: unset;
}

.more-content-btn:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJ6dXJjZzFtcjZhIj4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUdyYXBoaWMiIHZhbHVlcz0iMCAwIDAgMCAwLjA3NDUxMCAwIDAgMCAwIDAuMTA1ODgyIDAgMCAwIDAgMC4xMjE1NjkgMCAwIDAgMS4wMDAwMDAgMCIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxwYXRoIGlkPSI1Nzc5N2hydGhiIiBkPSJNNS40OTIgN2wzLjY3IDMuNjdjLjIyOC4yMjkuMjI4LjU5OCAwIC44MjYtLjIyNy4yMjgtLjU5Ny4yMjgtLjgyNCAwTDQuMjU0IDcuNDEyYy0uMjI4LS4yMjctLjIyOC0uNTk3IDAtLjgyNGw0LjA4NC00LjA4NGMuMjI3LS4yMjguNTk3LS4yMjguODI0IDAgLjIyOC4yMjguMjI4LjU5NyAwIC44MjVMNS40OTIgN3oiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtOCkiPgogICAgICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKC05MCAxMS4yNSAxMS4yNSkiPgogICAgICAgICAgICA8bWFzayBpZD0ic2hianlieHNrYyIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiM1Nzc5N2hydGhiIi8+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPGcgZmlsbD0iIzEzMWIxZiIgbWFzaz0idXJsKCNzaGJqeWJ4c2tjKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDE0VjE0SDB6Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin-top: 2px;
    margin-right: 5px;
}

.cursor-pointer{
    cursor: pointer;
}

#hotel-search-single {
    display: none;
    position: absolute;
    left: 3rem;
    top: 3.9rem;
    z-index: 3;
}

.input-search-single {
    width: 18.6rem;
    padding: 0.75rem;
    border: 1px solid var(--gray-light);
}

.br-8px-top {
    border-radius: 8px 8px 0 0 !important;
}

.auto-complete-single {
    background-color: #ffffff;
    color: var(--bs-black);
    width: 18.6rem;
    max-height: 25.7rem;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid var(--gray-light);
}

.br-8px-bottom {
    border-radius: 0 0 8px 8px !important;
}

.br-8px{
    border-radius: 8px !important;
}

.border-dashed-gray-2px{
    border: dashed 2px var(--bs-gray-400);
}

.w-inherit{
    width: inherit;
}

.scroll-autocomplete-single {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 25rem;
}

.result-container-single {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    padding: 0.625rem 1.5rem;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-light);
    color: var(--bs-black);
}

.result-box {
    margin: 0;
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

.no-result-container {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    padding: 0.625rem 1.5rem;
    transition: 0.3s;
}

.facilities-item {
    display: flex;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 14px;
}

.facilities-container ul li>p {
    font-size: 14px;
}

.emkan-name-wrap {
    width: 170px;
}

.modal-header-custom {
    padding: 20px 35px;
}

.modal-header .btn-close {
    margin: unset;
}

.close-btn-modal {
    opacity: 1;
    color: var(--bs-black);
    font-size: 12px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    text-shadow: 0 1px 0 #fff;
    background-color: rgba(19, 27, 31, .05);
    padding: 9px !important;
}

.input-rating {
    display: none;
}

.btn-rating:active, .btn-rating:focus {
    border: solid 1px rgba(0, 0, 0, .12);
    background-color: var(--blue-color);
    color: white;
}

label.btn.btn-rating.w-6.h-6.rounded-5.pt-03-rem.d-flex.justify-content-center.me-3.selected {
    border: solid 1px rgba(0, 0, 0, .12);
    background-color: var(--blue-color);
    color: white;
}

.btn-rating:hover {
    border: solid 1px rgba(0, 0, 0, .12);
    background-color: var(--gray-light);
}

.btn-rating {
    border: solid 1px rgba(0, 0, 0, .12);
    background-color: #FFF;
    color: #0A0B0C;
}

.pt-03-rem {
    padding-top: 0.3rem;
}

.h-6 {
    height: 2rem;
}

.w-6 {
    width: 2rem;
}

.btn-send-comment {
    transition: all 0.5s;
}

.btn-sent-comment-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.day {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-top: 1rem;
    min-width: 110px;
}

.text-danger {
    color: #fb3449 !important;
}

.del-price {
    font-size: 14px;
    text-decoration: line-through;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #fb3449;
}

/*gallery single modal*/
.gallery-container {
    display: flex;
    align-items: flex-start;
}

.thumbs {
    width: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    max-height: 500px;
    margin-left: 20px;
    direction: ltr;
}

.thumbs::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}

.thumbs {
    scrollbar-width: thin;
    padding-right: 4px;
}

.thumbs img {
    width: 100%;
    height: 67px !important;
    min-height: 67px;
    max-height: 67px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: all 0.5s;
    border: 4px solid #e9e9e9;
}

.thumbs img.active {
    border-color: var(--blue-color);
    border-width: 3px;
}

.carousel {
    flex: 1;
}

.carousel-item>img{
    width: 700px !important;
    height: 512px !important;
    min-width: 700px !important;
    min-height: 512px !important;
    border-radius: 8px;
    object-fit: cover;
}

.modal-960px{
    --bs-modal-width: 900px !important;
}
/*gallery single modal*/

a.disabled {
    color: #93a3ab !important;
    cursor: default;
    pointer-events: none;
}

.empty-location {
    min-height: 22rem;
}

.text-justify{
    text-align: justify;
}

.img-slider{
    min-height: 215px;
    height: 215px;
    max-height: 215px;
}

.offcanvas-input-ac {
    padding: 10px 8px;
    border: 1px solid #bec6cc;
    border-radius: 0.5rem;
    width: 100%;
    background-color: #e9ecef;
    font-size: 14px;
}

.p-25px{
    padding: 25px;
}

.btn-minus {
    padding-top: 3px !important;
    font-size: 22px;
    font-weight: 500;
}

.btn-plus {
    font-size: 19px;
    font-weight: 500;
    padding-top: 2px !important;
}

.btn-spiner {
    background: var(--blue-color);
    border: unset;
    border-radius: 5px !important;
    color: #ffffff;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-ease-out);
}

.my-input-spinerroom-count {
    border: unset;
    background: unset;
    width: 50px !important;
    cursor: context-menu;
    font-weight: 600;
    max-width: 50px;
    caret-color: transparent;
}

.btn-spiner:hover {
    background-color: var(--bs-primary);
    color: #ffffff;
}

.my-input-spinerroom-count:focus-visible {
    outline: unset;
    cursor: context-menu;
}

.my-input-spinerroom-count:focus {
    background: unset;
    cursor: context-menu;
}

.form-control:focus {
    box-shadow: none;
    border-color: #4186f3;
}

.d-none-important{
    display: none !important;
}

.loading-container{
    background: #00000070;
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
}

.loading {
    display: flex;
    justify-content: space-between;
    max-width: 72px;
    margin: 0 auto;
    width: 100%;
}

.dot-spinner {
    animation: loading 1s cubic-bezier(0.55, -0.77, 0.42, 1.79) 0s infinite normal both running;
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 1rem;
    width: 1rem;
}

.dot-spinner:nth-child(2) {
    animation-name: loading-2;
}
.dot-spinner:nth-child(3) {
    animation-name: loading-3;
}

@keyframes loading {
    0% {
        transform: translateY(0);
    }
    4% {
        transform: translateY(22%);
    }
    25% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0);
    }
}
@keyframes loading-2 {
    25% {
        transform: translateY(0);
    }
    29% {
        transform: translateY(22%);
    }
    50% {
        transform: translateY(-100%);
    }
    75% {
        transform: translateY(0);
    }
}
@keyframes loading-3 {
    50% {
        transform: translateY(0);
    }
    54% {
        transform: translateY(22%);
    }
    75% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.selected-room-style{
    background-color: #d4d4d4;
    border: 1px solid #b4b4b4;
    transition: var(--transition-ease-out);
}

.uselected-room-style{
    transition: var(--transition-ease-out);
}

.room-selected {
    animation: fadeIn 0.5s ease forwards;
}

.room-style {
    border: 1px solid rgb(0 0 0 / 15%);
    border-radius: 0.5rem;
    padding: 10px 15px;
}

.pdatepicker-container {
    position: sticky;
    background-color: white;
    top: 0;
    transition: all .2s ease-out;
    z-index: 1000;
}

.sticky-datepicker-single {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 16px;
}

.field-label-single {
    position: absolute;
    font-weight: 800;
    font-size: 14px;
}

.search-box-single2 {
    transition: all .12s ease-in-out;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    border: none;
    padding: 30px 0 0;
    width: 100%;
    caret-color: transparent;
}

.mobile-reserve-box {
    background-color: var(--bs-white);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    padding: 0.5rem 0.8rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.btn-cancel-reserve {
    font-size: 15px;
    font-weight: 500;
    color: var(--bs-black);
    width: 100%;
    background-color: unset;
    border: unset;
}

[aria-expanded=false] svg.arrow {
    transform: rotate(180deg);
    transition: var(--transition-ease-out);
}

.overflow-x-auto {
    overflow-x: auto;
}

.border-bottom-gray2 {
    border-bottom: 1px solid #ddd;
}

.mt-5px {
    margin-top: 5px;
}

.bg-gray-100 {
    background-color: #f1f1f1;
}

.room-slide{
    flex-shrink: 0;
    width: 80%;
}

.ci-titels {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: unset;
}

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

.invalid-feedback {
    font-size: 13px;
    font-weight: 600;
}

.modal-input {
    border-radius: 0.5rem;
}

.form-check-input {
    border: 2px solid #bec6cc;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-color: #f8fafb;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease .2s;
    cursor: pointer;
}

.form-floating::before {
    position: unset;
}

.modal-caption {
    font-size: 14px;
    text-align: center;
    color: var(--bs-black);
    margin-bottom: unset;
    line-height: 1.8;
}

.modal-header-custom {
    padding: 20px 35px;
}

.p-35px{
    padding: 35px;
}

.border-top-black {
    border-top: 1px solid rgb(0 0 0 / 15%);
}

.form-switch .form-check-input {
    width: 3em;
    height: 25px;
}

.form-check-label-custom {
    font-size: 16px;
    margin: 4px 10px 0 0;
}

.alert-info {
    color: #2e718f;
    background-color: #F0F5F7;
    border-color: transparent;
    line-height: 2.0;
    padding: 1.25rem 1.5rem 1.5rem;
    margin-bottom: unset;
    border: 1px solid rgb(13 110 253 / 25%);
    border-radius: 0.75rem;
}

.hide {
    display: none;
}

.lh-custom {
    line-height: 1.7;
}

.child-box{
    background-color: var(--bs-white);
    padding: 10px;
    margin-top: 15px;
    border-radius: 0.5rem;
}