/* 
    Created on : Aug 25, 2025, 10:15:43 AM
    Author     : bob
*/

/* Font */
/* Inter */
/* https://fonts.google.com/specimen/Inter */
/* https://fonts.google.com/specimen/Open+Sans */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* General */
body {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 400;
}

/* HTML */
html {
    min-height: 100%;
    position: relative;
}

/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__input,
.choices__input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Hide Cursor [readonly] */
.form-control[readonly],
.form-control:focus[readonly] {
    caret-color: transparent !important;
}

/* is-invalid */
.form-select.is-invalid,
.was-validated .form-select:invalid {
    --bs-form-select-bg-icon: none !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

.modal-backdrop.show,
.offcanvas-backdrop.show {
    opacity: unset;
}

.modal-backdrop,
.offcanvas-backdrop,
.iti--fullscreen-popup.iti--container {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.form-check-input:active {
    filter: brightness(100%);
}

.btn,
.btn:hover,
.btn:focus {
    border: 0 none;
}

.btn {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Links */
a,
.btn {
    text-decoration: none;
    text-underline-offset: 0.188rem;
    font-weight: 500;
}

a:hover {
    text-decoration: underline;
}

a.link-underline {
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-underline-offset: 0.188rem;
    font-weight: 600;
}

a.link-underline:hover {
    text-decoration: none;
}

a.disabled,
a:disabled,
.btn.disabled,
.btn:disabled {
    pointer-events: unset;
    cursor: not-allowed;
    opacity: 1;
}

a.disabled:hover,
a:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover {
    opacity: 1;
    text-decoration: none !important;
}

a.item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* Material icons */
.material-symbols-outlined {
    font-variation-settings:
        'opsz' 20,
        'wght' 300,
        'FILL' 0,
        'GRAD' 0
}

/* Image */
img {
    max-width: 100%;
    height: auto;
}

svg {
    flex-shrink: 0;
}

/* Item link */
a.item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* Media */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.media .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.media .media-body {
    -ms-flex: 1;
    flex: 1;
}

/* Media More Info */
.media.more-info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.media.more-info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.media.more-info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.media.more-info .media-image span {
    font-size: 1.5rem;
}

.media.more-info .media-body {
    margin-top: 0.2rem;
}

/* Toast */
.toast-container {
    position: fixed;
    padding: 0 0.75rem;
    top: 12rem;
    left: 50%;
    z-index: 1070;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toast:not(.showing):not(.show) {
    opacity: 0;
    visibility: hidden;
}

.toast {
    position: relative;
    width: 34.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.625rem 5.625rem 0.625rem 1.375rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    visibility: visible;
}

.toast .toast-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 0.75rem 0;
}

.toast .toast-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding-left: 3.438rem;
}

.toast .toast-border {
    width: 0.375rem;
    min-width: 0.375rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.toast .toast-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.toast .toast-icon svg {
    width: auto;
    height: 1.25rem;
}

.toast h3 {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.toast p {
    width: 100%;
    margin-bottom: 0;
}

.toast a {
    font-weight: 500;
}

.toast ul {
    padding-left: 0;
    margin-bottom: 0;
}

.toast ul li {
    list-style: none;
}

.toast .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 50%;
    right: 1.375rem;
    text-transform: uppercase;
    background-image: none;
    opacity: 1;
    z-index: 2;
    box-sizing: border-box;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toast .btn-close svg {
    width: 0.75rem;
    height: auto;
}

/* Info box */
.info-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    width: 100%;
    padding: 1.875rem;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.info-box.top-aligned {
    align-items: flex-start;
}

.info-box .info-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.info-box .info-icon span {
    font-size: 1.375rem;
}

.info-box .info-content h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.info-box.top-aligned .info-content {
    margin-top: 0.5rem;
}

.info-box .info-content p:last-child {
    margin: 0;
}

.listing-section .info-box-col {
    margin-bottom: 3rem;
}

.listing-section.list-view .info-box-col {
    margin-bottom: 1.5rem;
}

/* Alert Info Box */
.alert.info-box {
    padding: 1.875rem 4rem 1.875rem 1.875rem;
}

.modal .alert.info-box {
    margin-bottom: 1.875rem;
}

.alert.info-box .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    right: 1.375rem;
    text-transform: uppercase;
    background-image: none;
    opacity: 1;
    z-index: 2;
    box-sizing: border-box;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.alert-dismissible .btn-close svg {
    width: 0.75rem;
    height: auto;
}

/* Dropdown */
.dropdown-toggle-no-caret:after {
    display: none;
}

.dropdown-menu.dropdown-sm {
    min-width: 9rem;
    max-width: 9rem;
}

.dropdown-menu.dropdown-md {
    min-width: 12.5rem;
    max-width: 12.5rem;
}

.dropdown-menu.dropdown-lg {
    min-width: 17.5rem;
    max-width: 17.5rem;
}

.dropdown-menu.dropdown-xl {
    min-width: 20rem;
    max-width: 20rem;
}

.dropdown-custom.dropdown-menu {
    font-size: 0.875rem;
    border: 0 none;
    padding: 1rem;
    margin-top: 0.5rem !important;
    -webkit-border-top-left-radius: 0.625rem;
    -moz-border-radius-topleft: 0.625rem;
    border-top-left-radius: 0.625rem;
    -webkit-border-top-right-radius: 0.625rem;
    -moz-border-radius-topright: 0.625rem;
    border-top-right-radius: 0.625rem;
    -webkit-border-bottom-left-radius: 0.625rem;
    -moz-border-radius-bottomleft: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    -webkit-border-bottom-right-radius: 0.625rem;
    -moz-border-radius-bottomright: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.dropdown-custom .dropdown-content {
    padding: 0;
}

.dropdown-custom .dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dropdown-custom .dropdown-item:not(:last-of-type) {
    margin-bottom: 0.313rem;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    white-space: normal;
}

/* Custom Accordion */
.custom-accordion .accordion-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: unset;
}

.custom-accordion .accordion-item {
    position: relative;
    border: 0 none;
    z-index: 4;
}

.custom-accordion .accordion-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.custom-accordion .accordion-item:last-of-type {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.custom-accordion .accordion-button {
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 1.75rem 1rem 0;
    box-shadow: none;
    border-radius: 0 !important;
}

.custom-accordion .accordion-button:hover,
.custom-accordion .accordion-button:focus {
    z-index: unset;
}

.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    display: none;
}

.custom-accordion .accordion-button svg {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.custom-accordion .accordion-button.collapsed svg {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.custom-accordion .accordion-body {
    padding: 0 0 1rem 0;
}

/* Buttons */
.btn-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0 2.5rem;
    font-weight: 600;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-square:hover {
    text-decoration: none;
}

.btn-square.outline {
    border-width: 1px;
    border-style: solid;
}

/* Button Show More */
.btn-show-more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 0 0;
    height: auto;
    font-size: 0.813rem;
    font-weight: 400;
    transition: all 300ms ease-in-out;
}

.btn-show-more svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-show-more.open svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

/* Button Information */
.btn-information {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-information span {
    font-size: 1.375rem;
}

/* Button Text Information */
.btn-information-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.btn-information-text span {
    margin-left: 0.25rem;
    font-size: 1.375rem;
}

/* Button With Icon */
.btn-with-icon svg {
    margin-right: 0.625rem;
    height: 1.25rem;
    width: auto;
}

/* Button More Info */
.btn-more-info {
    position: relative;
    padding: 0 2rem 0 0;
}

.btn-more-info .media {
    margin: 0;
}

.btn-more-info .media.more-info .media-image {
    margin-right: 0.5rem;
}

.btn-more-info .media-body svg {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-more-info:hover svg {
    right: 0.4rem;
}

/* Button Link With Arrow */
.btn-link-with-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 2rem 1rem 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-link-with-arrow>svg {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-link-with-arrow:hover>svg {
    right: 0.4rem;
}

/* Form */
.form-group label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    padding: 0 0.75rem;
    margin-bottom: 0.25rem;
    width: 100%;
    cursor: pointer;
}

.title-holder .required-star {
    margin: 0;
}

.required-star {
    margin-left: 0.25rem;
}

.required-star span {
    font-size: 1rem;
}

.form-control {
    height: 3rem;
    font-weight: 500;
    font-size: 0.875rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.form-control:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.invalid-feedback {
    padding-left: 0.75rem;
}

.input-with-right-icon,
.input-with-left-icon,
.input-with-right-and-left-icon {
    position: relative;
}

.input-with-right-icon input {
    padding-right: 3rem;
}

.input-with-right-icon .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 3rem;
    width: 3rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1;
}

.input-with-left-icon input {
    padding-left: 3rem;
}

.input-with-left-icon .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 3rem;
    width: 3rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1;
}

.input-with-right-and-left-icon input {
    padding: 0 3rem;
}

.input-with-right-and-left-icon .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    height: 3rem;
    width: 3rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1;
}

.input-with-right-and-left-icon .input-icon.right {
    right: 0;
}

.input-with-right-and-left-icon .input-icon.left {
    left: 0;
}

/* Input number */
input[type="number"] {
    -moz-appearance: textfield;
}

.input-group.input-number {
    width: 7.563rem;
}

.input-group.input-number .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.input-group.input-number .btn .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.input-group.input-number .btn svg {
    width: 1rem;
    height: 1rem;
}

.input-group.input-number .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    padding: 0;
    margin: 0 1px !important;
    border: 0 none;
    -webkit-border-radius: 0.25rem !important;
    -moz-border-radius: 0.25rem !important;
    border-radius: 0.25rem !important;
}

/* Form Select */
.form-select {
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 500;
    background-position: right 0.5rem center, center right 2.25rem !important;
    background-size: 1rem 1rem !important;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

/* Form Check */
.form-check .form-check-input {
    flex-shrink: 0;
    width: 1.75em;
    height: 1.75em;
    margin-top: 0;
    margin-right: 0;
    cursor: pointer;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: not-allowed;
}

.form-check label {
    padding-left: 0.5rem;
    cursor: pointer;
}

/* Form Switch */
.check-cols.stacked .form-group:not(:last-child) {
    margin-bottom: 1rem;
}

.check-cols.stacked .form-group:last-child {
    margin-bottom: 1.875rem;
}

.check-cols.stacked .form-group .form-check {
    align-items: flex-start;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check.form-switch {
    margin-bottom: 0;
}

.form-check.form-switch .form-check-input {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.form-check-reverse {
    text-align: left;
}

.form-check.form-switch .form-check-label {
    margin-bottom: 0;
}

.form-check.form-switch .form-check-input {
    height: 1.5em;
    width: 2.5em;
    margin-top: 0;
}

/* Form Info */
.media.form-info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.media.form-info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.media.form-info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.media.form-info .media-image span {
    font-size: 1.5rem;
}

.media.form-info .media-body {
    margin-top: 0.2rem;
}

textarea.form-control.height-5 {
    min-height: calc(5em + (.75rem + 2px));
}

textarea.form-control.height-10 {
    min-height: calc(10em + (.75rem + 2px));
}

textarea.form-control.height-20 {
    min-height: calc(20em + (.75rem + 2px));
}

/* Bagde Highlight */
.badge-highlight {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 500;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    min-width: 5.25rem;
    text-align: center;
}

/* Dropzone */
.dropzone-holder {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modal .dropzone-holder {
    margin-bottom: 1.875rem;
}

.dropzone-holder:hover {
    cursor: pointer;
}

.dropzone-holder .dropzone-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.875rem;
}

.dropzone-holder .dropzone-text h2 {
    font-size: 1rem;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
}

.dropzone-holder .dropzone-text label {
    display: inline-flex;
    justify-content: center;
    width: auto;
    padding: 0 2.5rem;
    margin: 1.625rem 0;
}

.dropzone-holder .dropzone-text p {
    display: block;
    width: 100%;
    text-align: center;
}

/* Uploaded Images */
.uploaded-holder {
    display: block;
}

.dropzone-col {
    position: relative;
    margin-bottom: 1.875rem;
    cursor: grab;
}

.dropzone-col.no-grab {
    cursor: default;
}

.dropzone-item {
    position: relative;
    border: 1px solid transparent;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.dropzone-item::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.dropzone-item .btn-delete svg {
    width: 0.625rem;
    height: 0.625rem;
}

.dropzone-item .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.dropzone-item .btn-delete {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.dropzone-item .item-warning {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dropzone-col .item-warning .item-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.dropzone-col .item-warning span {
    font-size: 1.25rem;
    margin-right: 0.313rem;
}

.dropzone-item .bottom-options {
    position: absolute;
    bottom: 0.625rem;
    right: 0.625rem;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    z-index: 1;
}

.dropzone-item .bottom-options .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.dropzone-item .bottom-options .btn svg {
    width: 1.275rem;
    height: 1.275rem;
}

.dropzone-col .upload-file-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
}

.dropzone-col .file-name {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropzone-col .file-info {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.dropzone-item .item-progress {
    position: absolute;
    top: 50%;
    padding: 0.625rem;
    width: 100%;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dropzone-item .item-progress.bottom {
    top: unset;
    bottom: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropzone-item .item-progress .progress-total {
    padding-right: 0;
}

.dropzone-item .item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dropzone-item .item-icon span {
    font-size: 5rem;
}

/* Reservation Details */
.guest-header {
    margin-bottom: 1.875rem;
}

.guest-header .media {
    position: relative;
}

.guest-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 8rem;
    margin-right: 1.25rem;
    outline-offset: 0.25rem;
}

.guest-header .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.guest-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.guest-header .media-image span {
    position: absolute;
    font-size: 2rem;
}

.guest-header .media-body {
    position: relative;
}

.guest-header .media-body .badge-highlight {
    margin-bottom: 0.5rem;
}

.guest-header .media-body h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Reservation details */
.reservation-details {
    display: block;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}

.reservation-details:last-child {
    border-bottom: 0 none;
}

.reservation-details .icon-item {
    margin-bottom: 1rem;
}

.reservation-details .icon-item .media {
    align-items: flex-start;
}

.reservation-details .icon-item .media .media-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.625rem;
}

.reservation-details .icon-item .media .media-icon span {
    font-size: 1.5rem;
}

.reservation-details .icon-item .media-body {
    margin-top: 0.125rem;
}

.reservation-details .icon-item .media-body ul {
    display: flex;
    margin: 0;
    padding-left: 0;
}

.reservation-details .icon-item .media-body ul li {
    list-style: none;
}

.reservation-details .icon-item .media-body ul li:not(:last-child) {
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}

.reservation-details .reservation-policy:not(:last-child) {
    margin-bottom: 1.875rem;
}

.reservation-details>h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1.875rem;
}

.reservation-details .reservation-policy h3 {
    font-size: 1rem;
    font-weight: 500;
}

.reservation-details .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.875rem;
}

.reservation-details .button-holder .btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 2.5rem;
    font-size: 0.875rem;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.reservation-details .button-holder .btn:not(:last-child) {
    margin-right: 2.5rem;
}

.reservation-details .button-holder .btn .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.reservation-details .button-holder .btn:hover .icon-holder {
    opacity: 0.8;
}

.reservation-details .button-holder .btn .icon-holder span {
    font-size: 1.375rem;
}

.reservation-header {
    margin-bottom: 1.875rem;
}

.reservation-header .media {
    position: relative;
    align-items: center;
}

.reservation-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 8rem;
    margin-right: 1.25rem;
    outline-offset: 0.25rem;
}

.reservation-header .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.reservation-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.reservation-header .media-image span {
    position: absolute;
    font-size: 2rem;
}

.reservation-header .media-body {
    position: relative;
}

.reservation-header .media-body h3 {
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.reservation-header p {
    margin-bottom: 0;
}

.reservation-header .reservation-data {
    display: flex;
    margin-top: 1rem;
}

.reservation-header .reservation-data .reservation-data-item {
    padding: 0 0.625rem;
}

.reservation-header .reservation-data .reservation-data-item:first-child {
    padding-left: 0;
}

.reservation-header .reservation-data .reservation-data-item strong {
    font-weight: 500;
}

.reservation-policy .media.status {
    align-items: flex-start;
}

.reservation-policy .media.status:not(:last-child) {
    margin-bottom: 0.25rem;
}

.reservation-policy .status-item:last-child {
    margin-bottom: 0;
}

.reservation-policy .media.status .media-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.675rem;
}

.reservation-policy .media.status .media-icon svg {
    width: 1.375rem;
    height: 1.375rem;
}

.reservation-details .collapse-col {
    position: relative;
}

.reservation-details .collapse-col:not(:last-child) {
    margin-bottom: 1.875rem;
}

.reservation-details .collapse-col .item-collapse {
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.reservation-details .collapse-col .item-collapse .collapse {
    position: relative;
    z-index: 20;
}

.reservation-details .collapse-col .item-collapse .item-content {
    position: relative;
    padding-right: 1.625rem;
}

.reservation-details .collapse-col .item-collapse .item-content .item-header {
    display: block;
    margin-bottom: 1.875rem;
}

.reservation-details .collapse-col .item-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: 1.25rem;
}

.reservation-details .collapse-col .item-header .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.reservation-details .collapse-col .item-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.reservation-details .collapse-col .item-header .media-image span {
    position: absolute;
    font-size: 2rem;
}

.reservation-details .collapse-col .item-header .media-body h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.reservation-details .item-collapse .item-link+.item-content>svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    height: 1rem;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.reservation-details .item-collapse .item-link.collapsed+.item-content>svg {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.reservation-details .item-collapse .item-link+.item-content>svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.reservation-details .collapse-col .collapse-holder {
    padding: 0 0 0 6.25rem;
}

.reservation-details .payment-info {
    display: block;
    margin-bottom: 1.875rem;
}

.reservation-details .collapse-col .icon-item {
    margin-bottom: 0;
}

.reservation-details .payment-info .icon-item .media {
    align-items: flex-start;
}

.reservation-details .payment-info h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.reservation-details .payment-info .icon-item .media .media-body ul {
    display: block;
    width: 50%;
    margin-top: 0.5rem;
}

.reservation-details .payment-info .icon-item .media .media-body ul li {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-right: 0;
    padding: 0;
    margin: 0 0 0.5rem 0;
}

.reservation-details .payment-info .icon-item .media .media-body ul li span small {
    display: inline-flex;
    font-size: 0.75rem;
    width: 4.25rem;
}

.reservation-details .payment-info .icon-item .media .media-body ul li span:last-child {
    width: 6.25rem;
    text-align: right;
}

.reservation-details .payment-info .icon-item .media .media-body ul li span small.currency,
.reservation-details .payment-info .icon-item .media .media-body ul li span small.commission {
    width: auto;
}

.reservation-details .payment-info .icon-item .media .media-body ul li.total {
    margin: 0;
    padding: 0.5rem 0;
}

.reservation-details .payment-info .icon-item .media .media-body ul li.total span {
    font-weight: 600;
}

.reservation-details .payment-info .icon-item .media .media-body ul li.total span:first-child {
    text-transform: uppercase;
}

.reservation-details .payment-info .icon-item .media .media-body ul li.total span:last-child {
    width: 6.5rem;
}

.reservation-details .payment-info .icon-item .media .media-body ul li span.per-night,
.reservation-details .payment-info .icon-item .media .media-body ul li span.additional-info {
    font-size: 0.75rem;
}

.reservation-details .help-reservation {
    display: block;
    margin-bottom: 1.875rem;
}

.reservation-details .help-reservation .btn {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    width: 13.125rem;
    text-align: left;
}

.reservation-details .help-reservation .btn:not(:last-child) {
    margin-bottom: 1rem;
}

.reservation-details .help-reservation .btn .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.675rem;
}

.reservation-details .help-reservation .btn .icon-holder span {
    font-size: 1.375rem;
}

/* Rating Holder */
.rating-holder .rating-square {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 600;
    -webkit-border-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0.5rem;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-left-radius: 0;
}

.rating-holder .rating-text {
    margin-left: 0.625rem;
}

.rating-holder .rating-text p {
    font-size: 0.75rem;
    margin-bottom: 0;
    line-height: 1.3;
}

.rating-holder .rating-text p strong {
    font-size: 1rem;
    line-height: 1;
}

/* Choices autocomplete */
.choices {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    word-break: break-word;
}

.choices__placeholder {
    opacity: 1;
}

.choices__inner {
    padding: .375rem .75rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    min-height: 3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: .375rem;
}

.is-open .choices__inner {
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    border-radius: 0 0 .25rem 0.25rem;
    z-index: 2;
}

.choices[data-type*="select-multiple"]::after {
    content: "";
    border: 0 none;
    position: absolute;
    right: 11.5px;
    top: 50%;
    pointer-events: none;
}

.choices[data-type*="select-one"]::after,
.choices[data-type*="select-multiple"]::after {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 0 none;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}


.choices[data-type*="select-one"].is-open::after,
.choices[data-type*="select-multiple"].is-open::after {
    margin: 0;
    border: 0 none;
    -webkit-transform: translateY(-50%) rotate(18deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.choices[data-type*="select-one"] .choices__list--dropdown .choices__item--selectable,
.choices[data-type*="select-one"] .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 0.625rem;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 0.25rem 0.25rem;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__input,
.choices[data-type*="select-one"] .choices__input {
    background-color: transparent;
    font-size: 0.875rem;
    height: 1.875rem;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.choices__heading {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1rem;
    border: 0 none;
}

.choices[data-type*="select-one"] .choices__input {
    padding: .375rem .75rem;
    min-height: 3rem;
}

.choices__list--multiple .choices__item {
    display: inline-flex;
    align-items: center;
    border: 0 none;
    margin: 0.313rem 0.625rem 0.313rem 0;
    height: 1.875rem;
    font-size: 0.875rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 1.875rem;
}

.choices-with-left-icon-holder {
    position: relative;
    width: 100%;
}

.choices-with-left-icon-holder .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 3rem;
    width: 3rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1;
}

.choices-with-left-icon-holder span {
    font-size: 2rem;
}

.choices-with-left-icon-holder .choices[data-type*="select-one"] .choices__inner {
    padding-left: 3rem;
}

.choices__list--multiple .choices__item.is-highlighted {
    border: 0 none;
}

.choices__list--multiple .choices__item[data-deletable],
.choices[data-type*="select-one"] .choices__list--single {
    padding-right: 0.625rem;
}

.choices[data-type*="select-one"] .choices__list--single {
    padding: 0;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__list--single .choices__item {
    position: relative;
    display: block;
    align-items: center;
    border: 0 none;
    margin: 0;
    height: 1.875rem;
    padding: 4px 0;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__button,
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    background-size: 1rem;
    width: 1rem;
    opacity: 1;
    border-left: 0 none;
    margin-right: 0;
    line-height: 1.5;
}

.choices[data-type*="select-one"] .choices__button {
    right: 10px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 1;
}

/* Popover */
.popover.custom-popover {
    z-index: 1055;
}

.popover.popover-xs {
    min-width: 0;
}

.popover.custom-popover.popover-sm {
    width: 200px;
    max-width: 200px;
}

.popover.custom-popover.popover-md {
    width: 300px;
    max-width: 300px;
}

.popover.custom-popover.popover-lg {
    width: 400px;
    max-width: 400px;
}

.popover.custom-popover.popover-xl {
    width: 500px;
    max-width: 500px;
}

.popover {
    min-width: 17.25rem;
    border: 0 none;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.popover.custom-popover ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.popover.custom-popover ul li {
    margin-bottom: 0.25rem;
}

.popover.custom-popover ul li span {
    display: inline-block;
    min-width: 1.75rem;
    font-weight: 500;
}

/* Popover Price */
.popover-price .price-holder {
    display: block;
    width: 100%;
}

.popover-price .price-holder p {
    margin-bottom: 0.75rem;
}

.popover-price .price-holder .price-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.popover-price .price-holder .price-item span:last-child {
    width: 5.625rem;
    min-width: 5.625rem;
    text-align: right;
}

.popover-price .price-holder .price-total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 600;
    padding-top: 0.5rem;
}

.popover-price .price-holder .price-total span:first-child {
    text-transform: uppercase;
}

.popover-price .price-holder .price-total span:last-child {
    width: 5.625rem;
    min-width: 5.625rem;
    text-align: right;
}

/* Popover Reserve Button */
.popover-reserve-button .title-holder {
    display: block;
    width: 100%;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

.popover-reserve-button .title-holder h3 {
    font-size: 1rem;
    font-weight: 600;
}

.popover-reserve-button .title-holder h4 {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.popover-reserve-button ul {
    padding-left: 0.7rem !important;
    list-style: disc !important;
}

.popover-reserve-button .reservation-info h5 {
    font-size: 0.875rem;
    font-weight: 600;
}

.popover-reserve-button .reservation-info p {
    margin-bottom: 0.5rem;
}

.popover-reserve-button .reservation-info p strong {
    font-weight: 600;
}

.popover-reserve-button .media.info {
    align-items: flex-start;
}

.popover-reserve-button .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.popover-reserve-button .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.popover-reserve-button .media.info .media-body {
    margin-top: 0.188rem;
}

/* Offcanvas */
.offcanvas {
    border: 0 none !important;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas.offcanvas-medium {
    width: 30rem;
}

.offcanvas.offcanvas-large {
    width: 50rem;
}

.offcanvas-header {
    position: relative;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
    min-height: 5rem;
}

.offcanvas-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.offcanvas-title .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-title .icon-holder span {
    font-size: 1.5rem;
}

.offcanvas-header h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    width: 100%;
}

.offcanvas .offcanvas-header .btn-close {
    position: absolute;
    top: 50%;
    right: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-image: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.offcanvas .offcanvas-header .btn-close:hover {
    opacity: 0.8;
}

.offcanvas .btn-close svg {
    width: 0.75rem;
    height: auto;
}

.offcanvas-body {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

.offcanvas-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 0 none;
    padding: 1.25rem 1.5rem 1.25rem 1.5rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.offcanvas-footer .btn {
    font-size: 0.875rem;
}

/* Offcanvas Checkbox / Radio */
.offcanvas .form-check-holder {
    margin-bottom: 0.875rem;
}

.offcanvas .form-check {
    position: relative;
    align-items: flex-start;
}

.offcanvas .form-check-holder {
    margin-bottom: 0.875rem;
}

.offcanvas .form-check-label {
    font-size: 0.813rem;
    margin-top: 0.188rem;
    width: 100%;
}

/* Offcanvas Sort */
.offcanvas.offcanvas-sort {
    width: 20rem;
}

/* Offcanvas Filter */
.offcanvas.offcanvas-filter {
    width: 20rem;
}

/* Offcanvas notifications */
.offcanvas-notifications .media {
    position: relative;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
}

.offcanvas-notifications .media:not(:last-child) {
    margin-bottom: 1.5rem;
}

.offcanvas-notifications .media-image {
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-notifications .media-image svg {
    width: 1.375rem;
    height: 1.375rem;
}

.offcanvas-notifications .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-notifications .media time {
    display: block;
    margin-bottom: .5rem;
}

.offcanvas-notifications .media-body p:last-child {
    margin-bottom: 0;
}

/* Offcanvas Currency */
.offcanvas-currency .currency-content {
    display: block;
    margin-top: 1.875rem;
}

.offcanvas-currency .currency-item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offcanvas-currency .currency-item.btn .indicator {
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-currency .currency-item.btn .indicator svg {
    width: 0.75rem;
    height: 0.75rem;
}

.offcanvas-currency .currency-item.btn:hover {
    opacity: 1;
}

.offcanvas-currency .currency-item.btn .indicator {
    display: none;
}

.offcanvas-currency .currency-item.btn.selected .indicator {
    display: flex;
}

/* Offcanvas Testimonials */
.offcanvas-testimonials .property-header {
    padding: 1.5rem;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas-testimonials .testimonial-item {
    padding: 1.5rem;
    margin-bottom: 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.offcanvas-testimonials .view-all-items {
    margin-bottom: 3rem;
}

/* Offcanvas Reservation Preview Mobile */
.offcanvas.offcanvas-reservation-preview-mobile {
    width: 22.5rem;
}

.offcanvas-reservation-preview-mobile .property-header {
    padding: 1.5rem;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas-reservation-preview-mobile .property-header .media {
    align-items: center;
}

.offcanvas-reservation-preview-mobile .preview-item {
    position: relative;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.offcanvas-reservation-preview-mobile .preview-item .media-options {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 15;
}

.offcanvas-reservation-preview-mobile .preview-item .media-options .btn-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-reservation-preview-mobile .preview-item .media-options .btn span {
    font-size: 1.5rem;
}

.offcanvas-reservation-preview-mobile .preview-item .media {
    align-items: flex-start;
}

.offcanvas-reservation-preview-mobile .preview-item .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.offcanvas-reservation-preview-mobile .preview-item .media-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.offcanvas-reservation-preview-mobile .preview-item .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.offcanvas-reservation-preview-mobile .preview-item .media-image span {
    font-size: 1.5rem;
}

.offcanvas-reservation-preview-mobile .preview-item .media-body {
    margin-top: 0.188rem;
}

.offcanvas-reservation-preview-mobile .preview-item .media-body h3 {
    font-size: 0.875rem;
    padding-right: 2.75rem;
    margin-bottom: 0.25rem;
}

.offcanvas-reservation-preview-mobile .preview-item .media-body h4 {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder {
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFAEC;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.offcanvas-reservation-preview-mobile .reserve-holder h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.offcanvas-reservation-preview-mobile .reserve-holder h3 svg {
    position: relative;
    top: 0.875rem;
    left: -1.125rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.offcanvas-reservation-preview-mobile .reserve-holder h4 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements {
    margin: 1.75rem 0 0 0;
    text-align: left;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements {
    text-align: left;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements .price-discounted {
    text-decoration: line-through;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements .item-price .item-period {
    font-size: 0.75rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .item-price-elements .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .reservation-info {
    margin-top: 1rem;
    padding-top: 1rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .reservation-info h5 {
    font-size: 0.875rem;
    font-weight: 600;
}

.offcanvas-reservation-preview-mobile .reserve-holder .reservation-info p {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .reservation-info p strong {
    font-weight: 600;
}

.offcanvas-reservation-preview-mobile .reserve-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .media.info .media-image span {
    font-size: 1rem;
}

.offcanvas-reservation-preview-mobile .reserve-holder .media.info .media-body {
    margin-top: 0.188rem;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder,
.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .btn {
    width: 100%;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .media.info .media-image span {
    font-size: 1rem;
}

.offcanvas-reservation-preview-mobile .offcanvas-footer .button-holder .media.info .media-body {
    margin-top: 0.188rem;
}

/* Offcanvas Reserve Details Mobile */
.offcanvas.offcanvas-reserve-details-mobile {
    width: 22.5rem;
}

.offcanvas.offcanvas-reserve-details-mobile .aside-reserve .aside-box {
    margin-bottom: 1.5rem;
    padding: 0 0 1.5rem 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}


/* Custom Modal */
.custom-modal .modal-content {
    border: 0 none;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.custom-modal .modal-header {
    position: relative;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 0 none;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
}

.custom-modal .modal-header .modal-title {
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: left;
}

.custom-modal .modal-header .modal-title.with-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.custom-modal .modal-header .modal-title.with-icon .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.custom-modal .modal-header .modal-title.with-icon .icon-holder span {
    font-size: 1.5rem;
}

.custom-modal.purple .modal-header .btn-close,
.custom-modal.dark .modal-header .btn-close,
.custom-modal.orange .modal-header .btn-close {
    background-color: transparent;
}

.custom-modal .modal-header .btn-close {
    position: absolute;
    top: 50%;
    right: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-image: none;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-modal .modal-header .btn-close svg {
    width: 0.75rem;
    height: auto;
}

.custom-modal .modal-body {
    padding: 1.5rem;
}

.custom-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 0 none;
    padding: 1.25rem 1.5rem 1.25rem 1.5rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.custom-modal.no-footer-shadow .modal-footer {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.custom-modal .modal-footer .btn {
    font-size: 0.875rem;
    margin: 0;
}

.custom-modal .modal-footer .btn:not(:last-child) {
    margin-right: 1rem;
}

/* Modal Gallery List */
.gallery-modal.list.custom-modal .modal-body {
    padding-top: 7.188rem;
}

.gallery-modal.list .gallery-list-col {
    margin-top: 1.5rem;
}

.gallery-modal.list .gallery-list-col .image-holder {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    z-index: 1;
}

.gallery-modal.list .gallery-list-col .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.gallery-modal.list .gallery-list-col .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gallery-modal.list .gallery-list-col .image-holder .btn {
    padding: 0;
    margin: 0;
    z-index: 10;
}

.gallery-modal.list .gallery-list-col .image-holder .btn:hover {
    opacity: 1;
}

.gallery-modal.list .gallery-list-col .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.gallery-modal.list .gallery-list-col .image-holder .more-images span {
    font-size: 1.5rem;
}

/* Modal Gallery */
.gallery-modal.custom-modal .gallery-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.gallery-modal.custom-modal .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    justify-content: flex-start;
    padding: 1.25rem 7rem 1.25rem 1rem;
    z-index: 10;
}

.gallery-modal.custom-modal .modal-header .title-holder {
    text-align: center;
}

.gallery-modal.custom-modal .modal-header .title-holder .btn {
    height: 2.25rem;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.gallery-modal.custom-modal .modal-header .go-back {
    position: absolute;
    top: 50%;
    left: 1rem;
    padding: 0;
    margin: 0;
    font-weight: 500;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-modal.custom-modal .modal-header .btn-close {
    right: 1rem;
    background-color: transparent;
    width: auto;
    font-size: 0.875rem;
}

.gallery-modal.custom-modal .modal-header .btn-close svg {
    margin-left: 0.875rem;
}

.gallery-modal.custom-modal .splide {
    width: 100%;
}

.gallery-modal .main-carousel .splide__pagination {
    top: unset;
    bottom: 2.25rem;
}

.gallery-container .main-carousel .splide__list {
    text-align: center;
}

.gallery-container .main-carousel .splide__list img {
    max-height: 65vh;
    width: auto;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.gallery-container .splide-thumbnails {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
}

.gallery-container .splide-thumbnails .splide__slide {
    display: flex;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.gallery-container .splide-thumbnails .splide__slide .image-holder {
    position: relative;
    flex: 0 0 auto;
    width: 4rem;
    overflow: hidden;
    z-index: 1;
}

.gallery-container .splide-thumbnails .splide__slide .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.gallery-container .splide-thumbnails .splide__slide .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide {
    border: 2px solid transparent;
    opacity: 0.7;
}

.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide:hover {
    opacity: 1;
}

.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active {
    outline: 0 none;
    opacity: 1;
}

/* Gallery Room Modal */
.gallery-room-modal .modal-dialog {
    height: 100%;
    max-height: 80vh;
}

.gallery-room-modal .modal-content {
    height: 100%;
}

.gallery-room-modal .modal-header {
    height: 5rem;
}

.messages-gallery-modal .modal-header {
    height: 5rem;
}

.gallery-modal .splide__slide,
.messages-gallery-modal .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-room-modal .modal-body {
    padding-top: 5rem;
    overflow-y: auto;
}

.gallery-room-modal.gallery-modal.custom-modal .gallery-container {
    display: block;
}

.gallery-room-modal .splide-col {
    margin-top: 1.5rem;
}

.gallery-room-modal .main-carousel .image-holder {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    z-index: 1;
}

.gallery-room-modal .main-carousel .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.gallery-room-modal .main-carousel .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gallery-room-modal .gallery-container .splide-thumbnails {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    padding: 1rem;
}

.gallery-room-modal .gallery-room-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding-left: 0.75rem;
    padding-bottom: 1.5rem;
}

.gallery-room-modal .gallery-room-contents .title {
    font-size: 1rem;
    font-weight: 600;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    width: 100%;
}

.gallery-room-modal .room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.5rem;
}

.gallery-room-modal .room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.gallery-room-modal .room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.gallery-room-modal .room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.gallery-room-modal .gallery-room-contents .room-size {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

.gallery-room-modal .gallery-room-contents .room-size strong {
    font-weight: 600;
}

.gallery-room-modal .gallery-room-contents .beds-type {
    width: 100%;
    margin-bottom: 0.75rem;
}

.gallery-room-modal .gallery-room-contents .beds-type .media {
    align-items: flex-start;
    font-size: 0.75rem;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-image {
    margin-right: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-image span {
    font-size: 1.5rem;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-body {
    margin-top: 0.188rem;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-body p {
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-body ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.gallery-room-modal .gallery-room-contents .beds-type .media-body ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.gallery-room-modal .gallery-room-contents .extra-beds {
    width: 100%;
    margin-bottom: 1rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info.custom-accordion .accordion-item {
    border: 0;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info.custom-accordion .accordion-body {
    padding: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item h3 {
    font-size: 0.75rem;
    font-weight: 600;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media {
    align-items: flex-start;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-image {
    margin-right: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-image span {
    font-size: 1.5rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body {
    margin-top: 0.188rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body h4 {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body h5 {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body p span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-info .media.form-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .room-description {
    width: 100%;
    margin-bottom: 1rem;
}

.gallery-room-modal .gallery-room-contents .room-description h3 {
    font-size: 0.875rem;
    font-weight: 600;
}

.gallery-room-modal .gallery-room-contents .room-description p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.gallery-room-modal .gallery-room-contents .more-contents {
    display: block;
    width: 100%;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-items-holder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-items-holder:not(:last-child) {
    margin-bottom: 1rem;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-items-holder h3 {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 50%;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item.full-width {
    width: 100%;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item .media {
    align-items: flex-start;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item .media-image {
    margin-right: 0.5rem;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item .media-image span {
    font-size: 1.5rem;
}

.gallery-room-modal .gallery-room-contents .more-contents .more-item .media-body {
    margin-top: 0.188rem;
    font-size: 0.75rem;
}

/* Modal More Policy Info */
.policy-info-modal .policy-item {
    margin-bottom: 1.25rem;
}

.policy-info-modal .policy-item h3 {
    font-size: 1rem;
    font-weight: 600;
}

.policy-info-modal .policy-item .media {
    align-items: flex-start;
}

.policy-info-modal .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.policy-info-modal .policy-item .media-image {
    margin-right: 0.5rem;
}

.policy-info-modal .policy-item .media-image span {
    font-size: 1.875rem;
}

.policy-info-modal .policy-item .media-body {
    margin-top: 0.438rem;
}

.policy-info-modal .policy-item .media-body h4 {
    font-size: 0.875rem;
    font-weight: 600;
}

.policy-info-modal .policy-item .media-body p {
    margin-bottom: 0;
}

/* Modal Add Card */
.add-card-modal .title-holder {
    margin-bottom: 1.875rem;
}

.add-card-modal .title-holder p {
    font-size: 0.75rem;
}

.add-card-modal .form-group {
    margin-bottom: 1.875rem;
}

.add-card-modal .input-holder {
    position: relative;
}

.add-card-modal .input-holder .form-control {
    padding-right: 4.5rem;
}

.add-card-modal .input-holder .card-logo {
    position: absolute;
    top: 0;
    right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 3.25rem;
    height: 3rem;
}

.add-card-modal .input-holder .card-logo img {
    height: 1.5rem;
    width: auto;
}

/* Modal Select Language */
.select-language-modal .language-item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.select-language-modal .language-item:hover {
    opacity: 1;
}

.select-language-modal .language-item>svg {
    margin-right: 0.5rem;
    width: 1.375rem;
    height: 1.375rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.select-language-modal .language-item .indicator {
    display: none;
}

.select-language-modal .language-item.selected .indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.select-language-modal .language-item .indicator svg {
    width: 0.75rem;
    height: 0.75rem;
}

/* Modal Select Time Zone */
.time-zone-modal .selected-time-zone {
    margin-top: 1rem;
    padding: 0.75rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.time-zone-modal .selected-time-zone h3 {
    font-size: 0.875rem;
    font-weight: 500;
}

.time-zone-modal .time-zone-result {
    display: block;
    min-height: 2.625rem;
}

.time-zone-modal .time-zone-result strong {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-weight: 500;
}

/* Modal Delete Account */
.delete-account-modal .info-box {
    margin-bottom: 1.875rem;
}

.delete-account-modal .title-holder {
    margin-bottom: 1.875rem;
}

.delete-account-modal .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Modal Cancel Reservation Modal */
.cancel-reservation-modal .info-box {
    margin-bottom: 1.875rem;
}

.cancel-reservation-modal .title-holder {
    margin-bottom: 1.875rem;
}

.cancel-reservation-modal .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.cancel-reservation-modal .reservation-rules-col {
    margin-bottom: 1.875rem;
}

.cancel-reservation-modal .reservation-rule-item {
    padding: 1.5rem;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.cancel-reservation-modal .reservation-rule-item .media {
    align-items: flex-start;
}

.cancel-reservation-modal .reservation-rule-item .media-image {
    margin-right: 1.25rem;
}

.cancel-reservation-modal .reservation-rule-item .media-image span {
    font-size: 3rem;
}

.cancel-reservation-modal .reservation-rule-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.cancel-reservation-modal .reservation-rule-item .media-body p {
    margin-bottom: 0;
}

.cancel-reservation-modal .reservation-rule-item .media-body p.date {
    font-size: 1.25rem;
    font-weight: 600;
}

.cancel-reservation-modal .global-form .form-group {
    margin-bottom: 1.875rem;
}

/* Opacity 0.8 */
.btn:hover,
.header .logged-out-menu a:hover,
.header .btn-currency:hover,
.header .btn-language:hover,
.header .register-button:hover,
.custom-modal .modal-header .btn-close:hover,
.btn-close:hover {
    opacity: 0.8;
}

/* Header */
.header {
    display: flex;
    align-items: center;
    height: 5rem;
    padding: 0;
}

.header>.container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.header .col-logo {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 12.5rem;
}

.header .col-logo .logo svg {
    height: 2.5rem;
    width: auto;
}

.header-container.logged-out .col-header-options.logged-in,
.header-container.logged-in .col-header-options.logged-out {
    display: none;
}

.header .col-header-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 0%;
}

.header .logged-out-menu,
.header .host-button {
    margin-right: 2.5rem;
}

.header .logged-out-menu {
    display: flex;
    align-items: center;
}

.header .logged-out-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header .logged-out-menu a:hover {
    text-decoration: none;
}

.header .login-button .btn,
.header .host-button .btn,
.header .btn-user .media-body span,
.header .currency-option .btn {
    font-size: 0.875rem;
}

.header .logged-out-menu a:not(:last-child),
.header .currency-option,
.header .language-option,
.header .register-button,
.header .user-option,
.header .btn-message {
    margin-right: 1.25rem;
}

.header .btn-notification,
.header .btn-message,
.header .btn-language,
.header .btn-currency,
.header .btn-user,
.header .btn-login {
    padding: 0;
}

.header .btn-login .media-image span {
    font-size: 1.875rem;
}

.header .logged-out-menu a,
.header .btn-currency,
.header .btn-language,
.header .register-button a,
.header .btn-notification,
.header .btn-notification .media,
.header .btn-notification .media-image,
.header .btn-message,
.header .btn-message .media,
.header .btn-message .media-image {
    height: 3rem;
}

.header .currency-option .dropdown-item,
.header .language-option .dropdown-item {
    position: relative;
    padding-right: 2.5rem;
}

.header .currency-option .dropdown-menu .btn:hover,
.header .language-option .dropdown-menu .btn:hover {
    opacity: 1;
}

.header .currency-option .btn .indicator,
.header .language-option .btn .indicator {
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header .currency-option .btn .indicator,
.header .language-option .btn .indicator {
    display: none;
}

.header .currency-option .btn.selected .indicator,
.header .language-option .btn.selected .indicator {
    display: flex;
}

.header .currency-option .btn .indicator svg,
.header .language-option .btn .indicator svg {
    width: 0.75rem;
    height: 0.75rem;
}

.header .btn-language .media-image {
    margin-right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.header .btn-language .media-image svg,
.header .language-option .dropdown-item>svg {
    width: 1.375rem;
    height: 1.375rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header .btn-language .media-image i,
.header .language-option .dropdown-item i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header .language-option .dropdown-item i,
.header .language-option .dropdown-item>svg {
    margin-right: 0.5rem;
}

.header .btn-user .media-image,
.header .btn-login .media-image {
    position: relative;
    margin-right: 0.625rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.header .btn-user .media-image::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.header .btn-user .media-image .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.header .btn-user .media-body {
    flex-wrap: wrap;
}

.header .btn-user .media-body span {
    display: block;
    width: 100%;
    text-align: left;
}

.header .btn-user .media-body small {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 400;
}

.header .user-option .dropdown-menu {
    min-width: 16rem;
    max-width: 16rem;
}

.header .login-mobile .dropdown-menu {
    min-width: 15rem;
    max-width: 15rem;
}

.header .login-mobile .dropdown-menu .btn {
    width: 100%;
    font-size: 0.875rem;
}

.header .login-mobile .dropdown-menu .btn {
    margin-bottom: 1rem;
}

.header .login-mobile .dropdown-menu .btn:nth-last-child(1) {
    margin-bottom: 0;
}

.header .login-mobile .dropdown-menu .dropdown-divider {
    margin: 0 0 1rem 0;
}

.header .user-option .dropdown-item span {
    font-size: 1.625rem;
    margin-right: 0.5rem;
}

.header .user-option .dropdown-item:hover {
    text-decoration: none;
}

.header .btn-notification .media-image {
    position: relative;
    margin-right: 0;
}

.header .btn-notification .media-image svg {
    width: 1.375rem;
    height: 1.375rem;
}

.header .btn-notification .media-image .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.375rem;
    left: 50%;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.675rem;
    font-weight: 500;
    line-height: unset;
    z-index: 1;
    -webkit-transform: translate(-10%, -25%);
    -moz-transform: translate(-10%, -25%);
    -ms-transform: translate(-10%, -25%);
    -o-transform: translate(-10%, -25%);
    transform: translate(-10%, -25%);
}

.header .btn-message .media-image {
    position: relative;
    margin-right: 0;
}

.header .btn-message .media-image svg {
    width: 1.375rem;
    height: 1.375rem;
}

.header .btn-message .media-image .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.375rem;
    left: 50%;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.675rem;
    font-weight: 500;
    line-height: unset;
    z-index: 1;
    -webkit-transform: translate(-10%, -25%);
    -moz-transform: translate(-10%, -25%);
    -ms-transform: translate(-10%, -25%);
    -o-transform: translate(-10%, -25%);
    transform: translate(-10%, -25%);
}

.header .register-button {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header .register-button a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .register-button a:hover {
    text-decoration: none;
}

/* Section Spacer */
.section.spacer {
    padding-bottom: 5rem;
}

/* Title section */
.title-section {
    padding-top: 3rem;
    padding-bottom: 8rem;
}

.title-section.with-background-image {
    position: relative;
    background-color: transparent !important;
}

.title-section.with-background-image {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.title-section.with-background-image .background-image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
}

.title-section.with-background-image .main-title {
    position: relative;
    z-index: 2;
}

.title-section .main-title h1 {
    font-size: 2.5rem;
    font-weight: 800;
}

.title-section .main-title p {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
}

/* Main filter */
.main-filter-section {
    position: relative;
    z-index: 10;
}

.main-filter-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.main-filter {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding: 1rem;
    margin-top: -2.5rem;
    margin-bottom: 5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.main-filter .filter-options {
    display: flex;
    align-items: center;
    flex: 1;
}

.main-filter .filter-options .form-group {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1rem;
}

.main-filter .filter-options>.form-group:first-child {
    flex: 1 1 auto;
    width: 18rem
}

.main-filter .filter-options>.form-group:first-child .choices {
    width: 100%;
}

.main-filter .filter-options .form-group:nth-child(2) {
    width: 20rem;
    min-width: 20rem;
}

.main-filter .filter-options .form-group:nth-child(3) {
    width: 20rem;
}

.main-filter .filter-options .form-group .input-with-right-and-left-icon,
.main-filter .filter-options .form-group .input-with-left-icon {
    width: 100%;
}

.main-filter .filter-options .form-group .input-with-right-and-left-icon .input-icon.left span,
.main-filter .filter-options .form-group .input-with-left-icon .input-icon span,
.main-filter .filter-options .form-group .btn.dropdown-toggle .input-icon span {
    font-size: 2rem;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle {
    position: relative;
    display: flex;
    align-items: center;
    height: 3rem;
    padding: 0 2rem 0 3rem;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle:hover {
    opacity: 1;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 3rem;
    width: 3rem;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle .selection-holder {
    position: relative;
    display: block;
    overflow: hidden;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle .selection-holder .selection-text {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: transform 0.5s ease;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle .selection-holder .selection-text span {
    position: relative;
    top: 0.25rem;
    margin-top: -0.25rem;
    font-size: 1.25rem;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle svg {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.main-filter .filter-options .form-group .btn.dropdown-toggle.show svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.main-filter .filter-options .dropdown-guests {
    min-width: 22rem;
    max-width: 22rem;
}

.main-filter .filter-options .dropdown-guests .guests-holder .guest-item {
    margin-bottom: 0.875rem;
}

.main-filter .filter-options .dropdown-guests .guest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 0;
    padding-left: 0.75rem;
}

.main-filter .filter-options .dropdown-guests .guest-item .item-title {
    font-weight: 500;
}

.main-filter .filter-options .dropdown-guests .guests-holder .guest-item .form-control {
    font-size: 0.875rem;
    font-weight: 500;
}

.main-filter .filter-options .dropdown-guests .guests-holder .dropdown-divider {
    margin: 0.875rem 0;
}

.main-filter .filter-options .dropdown-guests .form-check.form-switch {
    margin-right: 0.625rem;
}

.main-filter .filter-options .dropdown-guests .form-check.form-switch .form-check-label {
    padding-left: 0.75rem;
    font-weight: 500;
}

.main-filter .filter-options .dropdown-guests .form-info {
    width: 100%;
    padding: 0 0.75rem;
}

.main-filter .filter-options .dropdown-guests .item-kids {
    margin-top: 0.5rem;
    padding-right: 0.625rem;
}

.main-filter .filter-options .dropdown-guests .item-kids .form-select {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    height: 2.5rem;
}

.main-filter .filter-options .dropdown-guests .item-kids .form-info {
    padding: 0;
}

.main-filter .search-button {
    font-size: 0.875rem;
}


/* Datepicker */
.datepicker-picker {
    padding: 1rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
}

.datepicker-dropdown {
    padding-top: 0.5rem;
}

.datepicker-dropdown .datepicker-picker {
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.datepicker-cell.focused,
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    font-weight: 700;
}

.datepicker-cell.disabled {
    cursor: not-allowed;
}

/* Options section */
.options-section {
    display: block;
    margin-bottom: 3.125rem;
}

.options-section .options-holder {
    position: relative;
    width: 100%;
}

.options-section .options-holder .show-options {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 0 0 1.875rem 0;
    overflow-x: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.options-section .options-holder .show-options .btn:not(:last-child) {
    margin-right: 1rem;
}

.options-section .options-holder .show-options .btn {
    height: 2.25rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    flex-shrink: 0;
    border-color: transparent;
}

.options-section .options-holder .show-options .btn:hover {
    opacity: 1;
}

.options-section .options-holder .show-options .btn span {
    font-size: 1.875rem;
    margin-right: 0.5rem;
}

.options-section .options-holder .custom-scrollbar {
    width: 100%;
    height: 0.375rem;
    -webkit-border-radius: 0.188rem;
    -moz-border-radius: 0.188rem;
    border-radius: 0.188rem;
    position: relative;
    cursor: pointer;
}

.options-section .options-holder .scrollbar-thumb {
    width: 2.5rem;
    height: 1.25rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
    position: absolute;
    top: 50%;
    cursor: grab;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Splide Options section */
.splide-options-section {
    margin-bottom: 3rem;
}

.splide-options-section .splide__arrow--prev {
    left: -4.5rem;
}

.splide-options-section .splide__arrow--next {
    right: -4.5rem;
}

.splide-options-section .splide .btn {
    width: 100%;
    height: auto;
    border: 0 none;
    margin-right: 0;
    font-size: 0.875rem;
    padding: 0.5rem 0;
    opacity: 0.8;
}

.splide-options-section .splide .btn:hover,
.splide-options-section .splide .btn.selected {
    opacity: 1;
}

.splide-options-section .media-image {
    position: relative;

}

.splide-options-section .media-image .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.675rem;
    font-weight: 600;
    padding: 0;
    line-height: unset;
    z-index: 1;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}

.splide-options-section .splide .btn .media-image .badge {
    display: none;
}

.splide-options-section .splide .btn.selected .media-image .badge {
    display: flex;
}

.splide-options-section .media-image .badge svg {
    width: 0.75rem;
    height: 0.75rem;
}

.splide-options-section .media-body {
    text-align: left;
}

.splide-options-section .image-holder {
    position: relative;
    width: 5rem;
    overflow: hidden;
    flex-shrink: 0;
    outline-offset: 0.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.splide-options-section .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.splide-options-section .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Section title */
.section-title {
    margin-bottom: 1.875rem;
}

.section-title h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0;
}

.section-title p {
    margin-bottom: 0;
}

/* Section global */
.page-section {
    margin-bottom: 5rem;
}

/* Listing section */
.listing-section.page-section {
    margin-bottom: 5rem;
}

.listing-item-col {
    margin-bottom: 3rem;
}

.listing-item {
    position: relative;
    height: 100%;
    padding-bottom: 7.656rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}

.listing-item .image-holder {
    position: relative;
    width: 100%;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.listing-item .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.listing-item .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.listing-item .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.listing-item .btn-favourites {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    z-index: 11;
}

.listing-item .btn-favourites img {
    width: 2rem;
}

.listing-item .view-date {
    position: absolute;
    top: 1.25rem;
    left: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 2;
}

.listing-item .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.listing-item .image-holder .more-images span {
    font-size: 1.5rem;
}

.listing-item .image-holder .more-images .media-image {
    margin-right: 0.313rem;
}

.listing-item .image-holder .more-images .media-body {
    font-size: 0.75rem;
    font-weight: 400;
}

.listing-item .item-content {
    margin-top: 1rem;
    padding: 0 1rem;
}

.listing-item .item-rating {
    margin-bottom: 1rem;
}

.listing-item .rating-holder {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.listing-item .rating-holder:hover .rating-sqaure {
    opacity: 0.8;
}

.listing-item .rating-holder .rating-square {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
}

.listing-item .rating-holder .rating-text p strong {
    font-size: 0.875rem;
    line-height: 1;
}

.listing-item .item-content .item-name {
    display: block;
    margin-bottom: 0.25rem;
}

.listing-item .item-content .item-name h3 {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.listing-item .item-content .item-name h3 a {
    font-weight: 600;
}

.listing-item .item-content h3 a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.listing-item .item-content h3 a:hover {
    text-decoration: none;
}

.listing-item .item-content .item-name h4 {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.listing-item .item-content .item-distance {
    font-size: 0.75rem;
}

.listing-item .item-content .room-details {
    margin-top: 0.875rem;
    padding-top: 0.625rem;
}

.listing-item .item-content .room {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.listing-item .item-content .room .number-of-rooms {
    display: none;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    margin-right: 0.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.listing-item.multiple-rooms .item-content .room .number-of-rooms {
    display: flex;
}

.listing-item .item-content .room .room-info {
    -ms-flex: 1;
    flex: 1;
    margin-top: 0.313rem;
}

.listing-item .item-content .room-details h5 {
    font-size: 0.75rem;
    font-weight: 600;
}

.listing-item .item-content .room-details ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.listing-item .item-content .room-details ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.listing-item .item-content .policy-options {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.listing-item.multiple-rooms .item-content .policy-options {
    padding-left: 2rem;
}

.listing-item .item-content .policy-options .option-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.listing-item .item-content .policy-options .option-item .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.125rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.listing-item .item-content .policy-options .option-item .icon-holder span {
    font-size: 1.375rem;
}

.listing-item .item-content .policy-options .option-item .btn-information {
    margin-left: 0.25rem;
}

.listing-item .item-content .item-price-elements {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1rem 1rem 1rem;
}

.listing-item .item-content .item-price-elements .button-holder .btn {
    font-size: 0.875rem;
}

.listing-item .item-content .sold-out {
    margin-top: 0.875rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.listing-item .item-content .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.listing-item .item-content .item-price .price span,
.listing-item .item-content .item-price .price small {
    font-size: 0.875rem;
}

.listing-item .item-content .item-price .item-period {
    font-size: 0.75rem;
}

.listing-item .item-content .price-discounted {
    text-decoration: line-through;
}

.listing-item .item-content .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.listing-item .item-badge-holder {
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
}

.listing-item .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 1;
}

.listing-item .item-badge:not(:last-child) {
    margin-right: 0.625rem;
}

/* Listing List */
.list-view .listing-item-col {
    margin-bottom: 1.5rem;
}

.list-view .listing-item-col:last-of-type {
    margin-bottom: 3rem;
}

.list-view .listing-item {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
}

.list-view .listing-item .image-holder {
    flex: 0 0 auto;
    width: 16rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.list-view .listing-item .image-holder::before {
    padding-top: 100%;
}

.list-view .listing-item .item-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1 1 auto;
    height: 100%;
    margin-top: 0;
    padding: 0;
}

.list-view .listing-item .item-content .item-info-holder {
    display: block;
    width: 100%;
}

.list-view .listing-item .item-content .item-name h3 {
    font-size: 1.25rem;
}

.list-view .listing-item .item-content .room-details {
    border-top: 0 none;
    padding-top: 0;
}

.list-view .listing-item .item-content .item-options-holder {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    width: 11.1rem;
    padding-bottom: 6.656rem;
}

.list-view .listing-item .item-content .item-options-holder .policy-options {
    justify-content: flex-end;
    padding-left: 0;
}

.list-view .listing-item .item-content .item-options-holder .policy-options .option-item {
    justify-content: flex-end;
}

.list-view .listing-item .rating-holder .rating-text {
    margin-left: 0;
    margin-right: 0.625rem;
    text-align: right;
}

.list-view .listing-item .rating-holder .rating-text p strong {
    font-size: 1rem;
}

.list-view .listing-item .policy-options {
    justify-content: flex-start;
}

.list-view .listing-item .policy-options .option-item {
    justify-content: flex-start;
}

.list-view .listing-item .item-options-holder .item-price-elements {
    padding: 0;
    text-align: right;
}

.list-view.listing-section .view-all-items {
    margin-top: 1.5rem;
}

/* Time Counter */
.time-counter {
    font-size: 0.75rem;
    font-weight: 500;
}

/* Splide global */
.splide:not(.is-overflow) .splide__arrows {
    display: none;
}

.splide,
.splide *,
.splide:focus,
.splide *:focus,
.splide:focus-visible,
.splide *:focus-visible,
.splide.is-focus-in,
.splide.is-focus-in *,
.splide__arrows:focus,
.splide__arrows:focus-within,
.splide__arrow:focus,
.splide__arrow:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.splide__arrow {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 1;
}

.splide__arrow svg {
    width: 1.25rem;
    height: 1.25rem;
}

.splide__arrow:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

.splide__pagination {
    top: 100%;
    bottom: unset;
    margin-top: 1rem;
}

.splide__pagination__page {
    width: 0.5rem;
    height: 0.5rem;
    opacity: 1;
}

/* Splide Quick Planner section */
.splide-quick-planner-section .splide-item {
    position: relative;
}

.splide-quick-planner-section .splide-item .image-holder {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.splide-quick-planner-section .splide-item .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.splide-quick-planner-section .splide-item .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.splide-quick-planner-section .splide-item .item-content h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.splide-quick-planner-section .splide-item .item-content .price {
    font-size: 0.875rem;
    line-height: 1;
    margin-bottom: 0;
}

.splide-quick-planner-section .splide-item .item-content .price span,
.splide-quick-planner-section .splide-item .item-content .price small {
    font-size: 0.75rem;
}

.splide-quick-planner-section .splide-item .image-holder .item-badge {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 1rem;
    font-size: 0.75rem;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 1;
}

.splide-quick-planner-section .splide__arrow--prev {
    left: -4.5rem;
}

.splide-quick-planner-section .splide__arrow--next {
    right: -4.5rem;
}

/* Splide Recently Viewed section */
.hotel-page .splide-recently-viewed-section {
    padding: 5rem 0;
}

.splide-recently-viewed-section .splide__arrow--prev {
    left: -4.5rem;
}

.splide-recently-viewed-section .splide__arrow--next {
    right: -4.5rem;
}

/* Splide Categories section */
.splide-categories-section .splide-item {
    position: relative;
}

.splide-categories-section .splide-item .image-holder {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.splide-categories-section .splide-item .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.splide-categories-section .splide-item .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.splide-categories-section .splide-item .item-content h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.splide-categories-section .splide-item .item-content .price {
    font-size: 0.875rem;
    line-height: 1;
    margin-bottom: 0;
}

.splide-categories-section .splide-item .item-content .price span,
.splide-categories-section .splide-item .item-content .price small {
    font-size: 0.75rem;
}

.splide-categories-section .splide-item .image-holder .item-badge {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.splide-categories-section .splide__arrow--prev {
    left: -4.5rem;
}

.splide-categories-section .splide__arrow--next {
    right: -4.5rem;
}

/* Splide Slider Gallery With Thumbs Mobile */
.gallery-carousel-mobile .image-holder {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 1;
}

.gallery-carousel-mobile .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.gallery-carousel-mobile .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gallery-splide-thumbnails {
    padding: 0 0.75rem;
    margin-top: 1rem;
}

.gallery-splide-thumbnails .splide__slide {
    display: flex;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.gallery-splide-thumbnails .splide__slide .image-holder {
    position: relative;
    flex: 0 0 auto;
    width: 4rem;
    overflow: hidden;
    z-index: 1;
}

.gallery-splide-thumbnails .splide__slide .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.gallery-splide-thumbnails .splide__slide .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide {
    border: 2px solid transparent;
    opacity: 0.7;
}

.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide:hover {
    opacity: 1;
}

.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active {
    outline: 0 none;
    opacity: 1;
}

/* Featured Seasonal section */
.featured-seasonal-section .seasonal-items-holder {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.featured-seasonal-section .seasonal-items-holder .row {
    flex-basis: 100%;
    margin: 0;
}

.featured-seasonal-section .listing-item-col {
    margin-bottom: 0;
}

.featured-seasonal-section .listing-item-col:first-child {
    padding-left: 0;
    padding-right: 0.75rem;
}

.featured-seasonal-section .listing-item-col:last-child {
    padding-left: 0.75rem;
    padding-right: 0;
}

.featured-seasonal-section .image-col .image-holder {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.featured-seasonal-section .image-col .image-holder::before {
    content: '';
    display: block;
    padding-top: 111%;
}

.featured-seasonal-section .image-col .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.featured-seasonal-section .image-col .title {
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 1;
}

.featured-seasonal-section .image-col .title h2 {
    font-size: 2rem;
    font-weight: 900;
}

.featured-seasonal-section .image-col .title p {
    font-size: 1.5rem;
    font-weight: 500;
}

.featured-seasonal-section .image-col figure {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
    z-index: 1;
}

.featured-seasonal-section .image-col figure svg {
    width: 9rem;
    height: auto;
}

/* Call To Action section */
.call-to-action-section .call-to-action-holder {
    padding: 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.call-to-action-section .content-holder {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.call-to-action-section .content-holder .item-content h2 {
    margin-bottom: 0.25rem;
}

.call-to-action-section .content-holder .item-content p {
    margin-bottom: 0;
}

.call-to-action-section .content-holder .item-content .btn {
    margin-top: 1.875rem;
}

/* Destinations We Love section */
.destinations-we-love-section .item-content {
    position: relative;
    display: inline-block;
    margin-bottom: 1.25rem;
}

.destinations-we-love-section .item-content h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.destinations-we-love-section .item-content .price {
    font-size: 0.875rem;
    line-height: 1;
    margin-bottom: 0;
}

.destinations-we-love-section .item-content .price span,
.destinations-we-love-section .item-content .price small {
    font-size: 0.75rem;
}

/* View All Items */
.view-all-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.view-all-items .button-holder {
    display: flex;
    justify-content: center;
    width: 100%;
}

.view-all-items .button-holder .btn {
    width: 15rem;
}

.view-all-items .counter-holder {
    margin-top: 2rem;
}

.listing-section .view-all-items {
    margin-top: 0;
}

/* Counter */
.counter-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.counter-content {
    display: block;
    width: 100%;
}

.counter-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 15rem;
    padding: 1.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.counter-item::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stat-figure {
    display: block;
    width: 100%;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.stat-number {
    font-family: "Open Sans", sans-serif;
    display: block;
    width: 100%;
    text-align: center;
}

.stat-caption {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
}

/* Aside */
.aside-col {
    position: relative;
    padding-left: 0.75rem;
    padding-right: 0;
}

.aside-col-holder {
    width: 15rem;
}

.filter-box:not(:last-of-type) {
    margin-bottom: 1.75rem;
}

.filter-box {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.filter-box-title h2 {
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
    margin-bottom: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Aside Filters */
.filter-box.popular-filters-box .filter-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.filter-box.popular-filters-box .filter-content .btn-filter-item {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.filter-box.popular-filters-box .filter-content .btn-filter-item:not(:last-child) {
    margin-right: 0.5rem;
}

/* Aside check-box */
.filter-box.check-box .form-check-holder {
    display: block;
    width: 100%;
}

.filter-box.check-box .form-check {
    position: relative;
    align-items: flex-start;
}

.filter-box.check-box .form-check-holder {
    margin-bottom: 0.875rem;
}

.filter-box.check-box .filter-content .form-check-label {
    font-size: 0.813rem;
    margin-top: 0.188rem;
    width: 100%;
    padding-right: 2rem;
}

.filter-box.check-box .filter-content .form-check span {
    position: absolute;
    top: 0.25rem;
    right: 0;
    font-weight: 400;
    font-size: 0.813rem;
}

.filter-box.check-box .form-check-holder .filter-text {
    font-size: 0.75rem;
}

.filter-content .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

/* Aside filter-quantity */
.filter-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.filter-quantity {
    margin-bottom: 0.875rem;
}

.filter-quantity .item-title {
    font-size: 0.813rem;
}

.filter-quantity .item-quantity {
    margin-right: -0.625rem;
}

.filter-quantity .input-group.input-number .form-control {
    font-size: 0.875rem;
    font-weight: 500;
}

/* NoUISlider */
.slider-styled {
    height: 0.25rem;
}

.slider-styled .noUi-handle {
    height: 1.25rem;
    width: 1.25rem;
    top: -0.5rem;
    right: -0.625rem;
    /* half the width */
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: grab;
}

.slider-styled .noUi-handle.noUi-active {
    cursor: grabbing;
}

.noUi-handle::before,
.noUi-handle::after {
    display: none;
}

.noUi-base {
    cursor: pointer;
}

.noUi-target {
    border: 0 none;
    box-shadow: none;
}

.noUi-marker-horizontal.noUi-marker {
    width: 1px;
}

.noUi-value {
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.noUi-tooltip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0 none;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.noUi-horizontal .noUi-tooltip {
    bottom: 100%;
}

.noUi-draggable {
    cursor: default;
}

.filter-content .slider-container {
    padding: 0 0.625rem;
    margin-bottom: 0.875rem;
}

.filter-content .slider-info .value-holder {
    font-family: "Open Sans", sans-serif;
    font-size: 0.938rem;
}

.filter-content .slider-info .value-holder p {
    margin-bottom: 1.25rem;
}

/* .filter-content .noUi-handle-lower {
    right: 0;
}

.filter-content .noUi-handle-upper {
    right: -1.25rem;
} */

/* Listing Page */
/****************/

.listing-page .main-filter {
    margin-bottom: 3rem;
}

.main-listing-section {
    margin-bottom: 5rem;
}

.listing-page .main-listing-section .section-title {
    margin-bottom: 0;
}

.listing-header {
    padding-bottom: 1.25rem;
    margin-bottom: 0;
}

.listing-header-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listing-header-holder .section-title h1 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0;
}

.listing-header-holder .toolbar-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    padding: 0.5rem 0;
}

.listing-header-holder .toolbar-holder label {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    margin-bottom: 0;
    height: 3rem;
    font-weight: 600;
}

.listing-header-holder .toolbar-holder .listing-options {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.listing-header-holder .toolbar-holder .listing-options .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
}

.listing-header-holder .toolbar-holder .listing-options .btn span {
    font-size: 1.875rem;
}

.listing-header-holder .toolbar-holder .listing-options .btn:first-child span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.listing-header-holder .toolbar-holder .listing-options .btn:not(:last-child) {
    margin-right: 1rem;
}

.listing-header-holder .toolbar-holder .listing-options .btn .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
}

.page-container {
    min-width: 0;
}

.page-holder {
    padding-left: 1.5rem;
}

.listing-page .listing-section {
    margin-top: 1.875rem;
}

/* Toolbar Section */
.toolbar-section {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 3;
}

.toolbar-section .toolbar-section-holder {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.toolbar-section .toolbar-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    padding: 0.5rem 0;
    margin-left: 3rem;
}

.toolbar-section .toolbar-holder label {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    margin-bottom: 0;
    height: 3rem;
    font-weight: 600;
}

/* Mobile Toolbar Options */
.mobile-toolbar-options {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.mobile-toolbar-options-holder {
    display: flex;
    align-items: center;
    flex-basis: 100%;
}

.mobile-toolbar-options-holder .btn {
    width: calc(100% / 3);
    height: auto;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0;
}

.mobile-toolbar-options-holder .btn .material-icon {
    font-size: 1.875rem;
}

.mobile-toolbar-options-holder .btn .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.mobile-toolbar-options-holder .btn .icon-holder .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.675rem;
    font-weight: 500;
    line-height: unset;
    z-index: 1;
}

.mobile-toolbar-options-holder .btn .icon-holder .badge svg {
    width: 0.675rem;
    height: 0.675rem;
}

/* Filter Controls */
.toolbar-section .controls-container {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 0 0.75rem;
}

.toolbar-section .controls-container .control {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
}

.toolbar-section .controls-container .control:hover {
    opacity: 0.8;
}

.toolbar-section .controls-container .control.disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

.toolbar-section .controls-container .control.disabled:hover {
    opacity: 0.3;
}

.toolbar-section .controls-container .control svg {
    width: 1rem;
    height: auto;
}

.toolbar-section .controls-container .control.left {
    left: -4.5rem;
}

.toolbar-section .controls-container .control.right {
    right: -4.5rem;
}


/* Active filters slider */
.active-filters-slider {
    position: relative;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.5rem 0;
}

.active-filters-mask {
    overflow-x: visible;
    padding: 0;
}

.active-filters-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
}

.active-filters-content .btn {
    display: flex;
    align-items: center;
    padding: 0;
    padding-right: 0px;
    padding-right: 1rem;
    margin-right: 0.25rem;
    font-size: 0.875rem;
    text-decoration: none;
    border-radius: 0;
}

.active-filters-content .btn:hover {
    opacity: 1;
}

.active-filters-content .btn svg {
    width: 1rem;
    height: 1rem;
}

.active-filters-content.sticky .btn:first-child {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    left: 0;
}

.active-filters-content.sticky .btn:nth-child(2) {
    position: relative;
    left: 0;
}

.active-filters-content .btn .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.313rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Go back */
.go-back {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
}

.go-back .btn-back {
    height: 2.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0;
    background-color: transparent;
}

.go-back .btn-back span {
    position: relative;
    top: 0.094rem;
}

.go-back .btn-back svg {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-right: 0.313rem;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.go-back .btn-back:hover svg {
    left: -0.313rem;
}

/* Hotel page */
.hotel-page .main-filter {
    margin-bottom: 3rem;
}

.hotel-section {
    margin-bottom: 5rem;
}

.hotel-header-holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.hotel-header-holder .section-title {
    margin-bottom: 0;
}

.hotel-header-holder .section-title h1 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.hotel-header-holder .hotel-info .media {
    align-items: flex-start;
}

.hotel-header-holder .hotel-info .media-image {
    margin-right: 0.5rem;
}

.hotel-header-holder .hotel-info .media-image svg {
    width: 1.875rem;
    height: 1.875rem;
}

.hotel-header-holder .hotel-info .media-body {
    margin-top: 0.125rem;
}

.hotel-header-holder .hotel-info .media-body .hotel-address {
    margin-bottom: 0.25rem;
}

.hotel-header-holder .hotel-info .media-body .hotel-location {
    display: flex;
    align-items: center;
}

.hotel-header-holder .hotel-info .media-body .hotel-location span {
    margin-right: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.hotel-header-holder .hotel-info .media-body .hotel-location .btn {
    height: 1.5rem;
    font-size: 0.75rem;
    padding: 0 0.5rem;
    font-weight: 500;
}

.hotel-header-holder .rating-holder {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.hotel-header-holder .rating-holder .rating-text {
    margin-left: 0;
    margin-right: 0.625rem;
    text-align: right;
}

.hotel-header .item-options-holder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 12rem;
}

.hotel-header .item-options-holder .btn-option {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0;
    font-size: 0.875rem;
}

.hotel-header .item-options-holder .item-options {
    display: flex;
    align-items: center;
}

.hotel-header .item-options-holder .option-holder:not(:last-child) {
    margin-right: 1rem;
}

.hotel-header .item-options-holder .option-holder .dropdown-item span {
    margin-right: 0.313rem;
}

.hotel-header .item-options-holder .option-holder .dropdown-item:hover {
    text-decoration: none;
}

.hotel-header .item-options-holder .option-holder .social-share {
    margin-top: 1rem;
}

.hotel-header .item-options-holder .option-holder .social-share ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.hotel-header .item-options-holder .option-holder .social-share ul li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.hotel-header .item-options-holder .option-holder .social-share ul li:not(:last-child) {
    margin-right: 1rem;
}

.hotel-header .item-options-holder .option-holder .social-share ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hotel-header .item-options-holder .option-holder .social-share ul li a svg {
    width: 1.375rem;
    height: 1.375rem;
}

.hotel-header .item-options-holder .btn-option .media {
    align-items: center;
}

.hotel-header .item-options-holder .btn-option .media-image {
    width: 2rem;
    height: 2rem;
    margin-right: 0.25rem;
}

.hotel-header .item-options-holder .btn-option .media-image span {
    font-size: 1.5rem;
}

.hotel-header .item-options-holder .btn-option .media-body {
    margin-top: 0;
    line-height: 1;
}

/* Hotel images */
.hotel-images {
    margin-bottom: 3rem;
}

.hotel-images-mobile {
    margin-bottom: 1rem;
}

.hotel-images .image-holder {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.hotel-images .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.hotel-images .image-holder.main {
    height: 100%;
}

.hotel-images .image-holder.medium {
    margin-bottom: 1.5rem;
}

.hotel-images .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.hotel-images .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hotel-images .more-images {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1rem;
    font-weight: 600;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 2;
}

/* Hotel Featured Section */
.hotel-contents-section {
    margin-bottom: 2rem;
}

.hotel-featured-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hotel-featured-contents .title {
    display: block;
    width: 100%;
    font-size: 1rem;
    padding-left: 1.5rem;
}

.hotel-featured-contents .item-content {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: flex-start;
    flex-direction: row;
    flex: auto;
    min-width: 13%;
    max-width: 100%;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem 1rem 0.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.hotel-featured-contents .item-content .media {
    position: relative;
}

.hotel-featured-contents .item-content .media-image {
    margin-right: 0.625rem;
}

.hotel-featured-contents .item-content .media-image span {
    font-size: 1.875rem;
}

/* Hotel Recommended Rooms */
.hotel-recommended-rooms-section {
    margin-bottom: 3rem;
}

.hotel-recommended-rooms {
    padding: 1.5rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.hotel-recommended-rooms .title-holder {
    padding: 0;
    margin-bottom: 1.5rem;
}

.hotel-recommended-rooms .title-holder .title {
    font-size: 1.5rem;
}

.hotel-recommended-rooms .title-holder p {
    margin-bottom: 0;
}

.hotel-recommended-rooms.list-view .listing-item-col {
    margin-bottom: 3rem;
}

.hotel-recommended-rooms.list-view .listing-item {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 3rem;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hotel-recommended-rooms.list-view .listing-item-col:last-child .listing-item {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.hotel-recommended-rooms.list-view .listing-item .image-holder {
    width: 13.25rem;
}

.hotel-recommended-rooms.list-view .item-badge-holder:first-of-type {
    margin-top: 0;
    margin-bottom: 0.625rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .room-details {
    margin-top: 0;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .room .number-of-rooms {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 0.875rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .room .room-info {
    margin-top: 0.438rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .room .room-info h3 {
    font-size: 0.875rem;
    font-weight: 600;
}

.total-guests {
    display: flex;
    align-items: flex-end;
    font-size: 0.75rem;
}

.total-guests strong {
    font-weight: 500;
}

.total-guests .guests {
    display: flex;
    align-items: flex-end;
    margin-left: 0.5rem;
}

.total-guests .guests span {
    position: relative;
    font-size: 1.625rem;
    margin-left: -0.25rem;
}

.total-guests .guests:first-of-type::before {
    display: none;
}

.total-guests .guests:last-of-type::before {
    position: relative;
    left: -0.5rem;
    content: " + ";
    font-size: 0.875rem;
}

.total-guests .guests:first-of-type span {
    top: -0.125rem !important;
}

.total-guests .guests:last-of-type span {
    top: 0.063rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .unit-type {
    margin-top: 0.5rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .unit-type .media {
    font-size: 0.75rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .unit-type .media-image {
    margin-right: 0.5rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .unit-type .media-image span {
    font-size: 1.5rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type {
    margin-top: 0.625rem;
    font-size: 0.75rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media {
    align-items: flex-start;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media-image {
    margin-right: 0.5rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media-image span {
    font-size: 1.5rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media-body {
    margin-top: 0.188rem;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media-body p {
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .beds-type .media-body strong {
    font-weight: 500;
}

.hotel-recommended-rooms.list-view .listing-item .item-content .item-options-holder {
    width: 13.5rem;
}

/* Reserve Room */
.hotel-recommended-rooms .reserve-room {
    position: sticky;
    position: -webkit-sticky;
    top: 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    flex-shrink: 0;
    width: 20rem;
    height: max-content;
    padding-left: 2rem;
    margin-bottom: 3rem;
}

.hotel-recommended-rooms .reserve-room .reserve-holder {
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.hotel-recommended-rooms .reserve-room h2 {
    font-size: 1.25rem;
}

.hotel-recommended-rooms .reserve-room h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.hotel-recommended-rooms .reserve-room h3 svg {
    position: relative;
    top: 0.875rem;
    left: -1.125rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.hotel-recommended-rooms .reserve-room .policy-options {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hotel-recommended-rooms .reserve-room .policy-options .option-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.hotel-recommended-rooms .reserve-room .policy-options .option-item .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hotel-recommended-rooms .reserve-room .policy-options .option-item .icon-holder .material-icon {
    font-size: 1.375rem;
}

.hotel-recommended-rooms .reserve-room .policy-options .option-item .btn-information {
    margin-left: 0.25rem;
}

.hotel-recommended-rooms .reserve-room .item-price-elements {
    margin: 1.75rem 0 1.25rem 0;
    text-align: left;
}

.hotel-recommended-rooms .reserve-room .item-price-elements .price-discounted {
    text-decoration: line-through;
}

.hotel-recommended-rooms .reserve-room .item-price-elements .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.hotel-recommended-rooms .reserve-room .item-price-elements .item-price .price small {
    font-size: 0.875rem;
}

.hotel-recommended-rooms .reserve-room .item-price-elements .item-price .item-period {
    font-size: 0.75rem;
}

.hotel-recommended-rooms .reserve-room .item-price-elements .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.hotel-recommended-rooms .reserve-room .button-holder .btn {
    width: 100%;
    font-size: 0.875rem;
}

.hotel-recommended-rooms .reserve-room .button-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}

.hotel-recommended-rooms .reserve-room .button-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.hotel-recommended-rooms .reserve-room .button-holder .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.hotel-recommended-rooms .reserve-room .button-holder .media.info .media-image span {
    font-size: 1rem;
}

.hotel-recommended-rooms .reserve-room .button-holder .media.info .media-body {
    margin-top: 0.188rem;
}

/* Hotel Description */
.hotel-description {
    margin-bottom: 5rem;
}

.hotel-description .hotel-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.offcanvas-contents .popular-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0.875rem;
}

.hotel-description .hotel-contents .title,
.offcanvas-contents .popular-contents .title {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.hotel-description .hotel-contents .item-content,
.offcanvas-contents .popular-contents .item-content {
    margin: 0 1rem 1rem 0;
}

.hotel-description .hotel-contents .item-content .media,
.offcanvas-contents .popular-contents .item-content .media {
    position: relative;
}

.hotel-description .hotel-contents .item-content .media.media-link {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hotel-description .hotel-contents .item-content .media.media-link:hover {
    opacity: 0.8;
}

.hotel-description .hotel-contents .item-content .media-image,
.offcanvas-contents .popular-contents .item-content .media-image {
    margin-right: 0.5rem;
}

.hotel-description .hotel-contents .item-content .media-image span,
.offcanvas-contents .popular-contents .item-content .media-image span {
    font-size: 1.5rem;
}

/* Offcanvas Contents */
.offcanvas-contents .legend {
    display: flex;
    align-items: flex-start;
}

.offcanvas-contents .legend-item:not(:last-child) {
    margin-right: 1rem;
}

.offcanvas-contents .legend-item .media-image {
    margin-right: 0.5rem;
}

.offcanvas-contents .legend-item .media-image span {
    font-size: 1.5rem;
}

.offcanvas-contents .content-item:not(:last-child) {
    margin-bottom: 1rem;
}

.offcanvas-contents .content-item .working-hours {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.offcanvas-contents .content-item .working-hours .btn-information {
    margin-left: 0.25rem;
}

.offcanvas-contents .content-item .media {
    align-items: flex-start;
}

.offcanvas-contents .content-item .media-image {
    margin-right: 0.5rem;
}

.offcanvas-contents .content-item .media-image span {
    font-size: 1.875rem;
}

.offcanvas-contents .content-item .media-body {
    margin-top: 0.375rem;
}

.offcanvas-contents .content-item .media-body h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.offcanvas-contents .content-item .media-body h4 span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.offcanvas-contents .content-item .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}

.offcanvas-contents .content-item .media-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offcanvas-contents .content-item .media-body ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.offcanvas-contents .content-item .media-body ul li::before {
    content: "check";
    font-family: "Material Symbols Outlined";
    font-size: 1.375rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.offcanvas-contents .content-item .media-body ul li span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

/* About hotel */
.hotel-description .about-hotel .title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.hotel-description .about-hotel .truncate-content {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
    will-change: max-height;
}

.hotel-description .about-hotel .truncate-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5rem;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 1;
}

/* Kada je otvoreno ili kada nema prekoracenja – sakrij gradient */
.hotel-description .about-hotel .truncate-content.open::after,
.hotel-description .about-hotel .truncate-content.no-truncate::after {
    opacity: 0;
}


.hotel-description .about-hotel .truncate-content.open {
    max-height: none;
}

.hotel-description .about-hotel .btn-show-more {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.hotel-description .about-hotel .btn-show-more svg {
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.hotel-description .about-hotel .btn-show-more.open {
    margin-top: 0;
}

/* Hotel highlights*/
.hotel-description .hotel-highlights {
    padding: 1.5rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.hotel-description .hotel-highlights>.title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.hotel-description .hotel-highlights .highlight-item {
    padding-top: 1rem;
}

.hotel-description .hotel-highlights .highlight-item .title {
    font-size: 0.875rem;
}

.hotel-description .hotel-highlights .highlight-item:not(:last-child) {
    margin-bottom: 1rem;
}

.hotel-description .hotel-highlights .highlight-item .media {
    align-items: flex-start;
    font-size: 0.75rem;
}

.hotel-description .hotel-highlights .highlight-item .media:not(:last-child) {
    margin-bottom: 0.5rem;
}

.hotel-description .hotel-highlights .highlight-item .media-image {
    margin-right: 0.625rem;
}

.hotel-description .hotel-highlights .highlight-item .media-image span {
    font-size: 1.5rem;
}

.hotel-description .hotel-highlights .highlight-item .media-body {
    margin-top: 0.188rem;
}

/* Availability section */
.availability-section .title-holder {
    margin-bottom: 1.5rem;
}

.availability-section .title-holder h2 {
    font-size: 1.5rem;
}

.availability-section .title-holder .currency-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
}

.availability-section .title-holder .btn-information {
    margin-left: 0.25rem;
}

.availability-section .main-filter {
    padding: 0;
    margin-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.availability-section .main-filter .filter-options {
    flex: unset;
}

.availability-section .available-rooms {
    margin-bottom: 5rem;
}

/* Table options */
.table-holder .table-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.table-holder .table-options .table-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 1;
}

.table-holder .table-options .table-title .title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}

.table-holder .table-options .table-title p {
    margin-bottom: 0;
}

.table-holder .table-options .table-actions {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.table-holder .table-options .table-actions .btn-square {
    height: 2.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Table controls */
.table-holder .controls-container {
    display: inline-flex;
    align-items: center;
    margin-left: 1.25rem;
}

.table-holder .controls-container .control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.table-holder .controls-container .control:not(:last-child) {
    margin-right: 0.625rem;
}

.table-holder .controls-container .control svg {
    width: 1rem;
    height: auto;
}

/* Table Scroll */
.table-holder {
    position: relative;
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    overflow: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

table.desktop-table {
    width: 100%;
    min-width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-scroll th:first-child,
.table-scroll tr.room-tr td:first-child {
    position: sticky;
    position: -webkit-sticky;
    z-index: 3;
}

.table-scroll th:last-child,
.table-scroll td.td-actions {
    position: sticky;
    position: -webkit-sticky;
    right: 0;
    z-index: 3;
}

.table-scroll thead th:first-child {
    z-index: 5;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    left: 0;
}

/* Desktop table */
.desktop-table .table-header {
    font-weight: 500;
}

.desktop-table .table-header tr:first-child th:first-child {
    min-width: 0;
    width: 1px;
}

.desktop-table .table-header tr:last-child th:last-child,
.desktop-table .table-header tr:first-child th:first-child {
    min-width: 0;
    width: 1px;
}

.desktop-table .table-header th:nth-last-child(2),
.desktop-table .table-content td.td-quantity {
    border-right: 0 none !important;
}

.desktop-table th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    /* z-index: 10; */
    padding: 1.125rem 1rem;
    vertical-align: middle;
}

.desktop-table td {
    padding: 1.125rem 1rem;
    vertical-align: top;
}

.desktop-table .table-header .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.desktop-table .table-content .col {
    display: block;
}

/* Table Separtor Border */
.desktop-table tr.separator-border td {
    position: relative;
    border-left: 0 none !important;
    padding: 0;
}

/* Table Cols */
.desktop-table .col-room-type {
    min-width: 15rem;
}

.desktop-table .col-guests {
    min-width: 6rem;
    max-width: 6rem;
}

.desktop-table .col-price {
    min-width: 11.5rem;
    max-width: 11.5rem;
}

.desktop-table .col-policy {
    min-width: 12rem;
    max-width: 12rem;
}

.desktop-table .col-quantity {
    min-width: 6rem;
    max-width: 6rem;
}

.desktop-table .col-quantity .item-quantity {
    margin-left: -0.625rem;
}

/* Col Room Type */
.desktop-table .col-room-type .room-images {
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .room-images .image-holder {
    position: relative;
    width: 15rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.desktop-table .col-room-type .room-images .image-holder:not(:last-child) {
    margin-right: 0.5rem;
}

.desktop-table .col-room-type .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.desktop-table .col-room-type .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.desktop-table .col-room-type .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.desktop-table .col-room-type .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.desktop-table .col-room-type .image-holder .more-images span {
    font-size: 1.5rem;
}

.desktop-table .col-room-type .room-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 1;
}

.desktop-table .col-room-type .room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.desktop-table .col-room-type .item-title {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.desktop-table .col-room-type .room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.desktop-table .col-room-type .room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.desktop-table .col-room-type .room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.desktop-table .col-room-type .beds-type {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .beds-type .media {
    align-items: flex-start;
}

.desktop-table .col-room-type .beds-type .media-image {
    margin-right: 0.5rem;
}

.desktop-table .col-room-type .beds-type .media-image span {
    font-size: 1.5rem;
}

.desktop-table .col-room-type .beds-type .media-body {
    margin-top: 0.188rem;
}

.desktop-table .col-room-type .beds-type .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.desktop-table .col-room-type .beds-type .media-body ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.desktop-table .col-room-type .beds-type .media-body ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.desktop-table .col-room-type .beds-type .media-body strong {
    font-weight: 500;
}

.desktop-table .col-room-type .extra-beds {
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .extra-beds p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.desktop-table .col-room-type .extra-beds-info.custom-accordion .accordion-item {
    border: 0;
}

.desktop-table .col-room-type .extra-beds-info.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.desktop-table .col-room-type .extra-beds-info.custom-accordion .accordion-body {
    margin-top: 0.25rem;
    padding: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item h3 {
    font-size: 0.75rem;
    font-weight: 600;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media {
    align-items: flex-start;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-image {
    margin-right: 0.5rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-image span {
    font-size: 1.5rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-body {
    margin-top: 0.188rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-body h4 {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-body h5 {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.desktop-table .col-room-type .extra-beds-info .policy-item .media-body p span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.desktop-table .col-room-type .extra-beds-info .policy-info .media.more-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.desktop-table .col-room-type .room-description {
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .room-description p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.desktop-table .col-room-type .unit-type {
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .unit-type .media {
    font-size: 0.75rem;
}

.desktop-table .col-room-type .unit-type .media-image {
    margin-right: 0.5rem;
}

.desktop-table .col-room-type .unit-type .media-image span {
    font-size: 1.5rem;
}

.desktop-table .col-room-type .room-size {
    display: block;
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .room-size strong {
    font-weight: 600;
}

.desktop-table .col-room-type .more-room-contents.custom-accordion .accordion-body {
    padding-bottom: 0;
}

.desktop-table .col-room-type .more-room-contents.custom-accordion .accordion-item {
    border: 0;
}

.desktop-table .col-room-type .more-room-contents.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.desktop-table .col-room-type .more-room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-table .col-room-type .more-room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.desktop-table .col-room-type .more-room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.desktop-table .col-room-type .more-room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.desktop-table .col-room-type .smoking-rule {
    font-size: 0.75rem;
}

.desktop-table .col-room-type .smoking-rule .media-image {
    margin-right: 0.25rem;
}

.desktop-table .col-room-type .smoking-rule .media-image span {
    font-size: 1.25rem;
}

/* Col Guests */
.desktop-table .col-guests .guests-item {
    display: flex;
    align-items: flex-end;
}

.desktop-table .col-guests .guests-item .guests {
    display: flex;
    align-items: flex-end;
}

.desktop-table .col-guests .guests-item .guests span {
    position: relative;
    font-size: 2rem;
    margin-left: -0.25rem;
}

.desktop-table .col-guests .guests-item .guests:first-of-type {
    margin-left: 0 !important;
}

.desktop-table .col-guests .guests-item .guests:first-of-type span {
    top: -0.125rem !important;
}

.desktop-table .col-guests .guests-item .guests:first-of-type::before {
    display: none;
}

.desktop-table .col-guests .guests-item .guests:last-of-type::before {
    position: relative;
    left: -0.5rem;
    content: " + ";
    font-size: 0.875rem;
}

.desktop-table .col-guests .guests-item .guests:last-of-type {
    margin-left: 0.5rem;
}

.desktop-table .col-guests .guests-item .guests:last-of-type span {
    top: 0.125rem;
}

/* Col Price */
.desktop-table .col-price .item-badge-holder {
    display: block;
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-table .col-price .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 1;
}

.desktop-table .col-price .item-price-elements {
    margin-bottom: 0.625rem;
}

.desktop-table .col-price .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.desktop-table .col-price .item-price .price .btn-information {
    display: inline-flex;
    margin-top: -0.375rem;
}

.desktop-table .col-price .item-price .price-discounted {
    text-decoration: line-through;
}

.desktop-table .col-price .item-price .price small {
    font-size: 0.875rem;
}

.desktop-table .col-price .item-price .item-period {
    font-size: 0.75rem;
}

.desktop-table .col-price .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

/* Col Policy */
.desktop-table .col-policy .policy-options {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.desktop-table .col-policy .policy-options .option-item {
    margin-bottom: 0.5rem;
}

.desktop-table .col-policy .policy-options .option-item.media {
    align-items: flex-start;
}

.desktop-table .col-policy .policy-options .option-item .media-image {
    margin-right: 0.5rem;
}

.desktop-table .col-policy .policy-options .option-item .media-image span {
    font-size: 1.5rem;
}

.desktop-table .col-policy .policy-options .option-item .media-body {
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.188rem;
}

.desktop-table .col-policy .policy-options .option-item .btn-information {
    margin-left: 0.25rem;
}

/* Col Actions */
.desktop-table .col-actions .reservation-units h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.desktop-table .col-actions .reservation-units .item-price-elements {
    margin: 1rem 0 1.25rem 0;
    text-align: left;
}

.desktop-table .col-actions .reservation-units .item-price-elements .price-discounted {
    text-decoration: line-through;
}

.desktop-table .col-actions .reservation-units .item-price-elements .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.desktop-table .col-actions .reservation-units .item-price-elements .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.desktop-table .col-actions .button-holder .btn {
    width: 100%;
    font-size: 0.875rem;
    width: 10rem;
}

.desktop-table .col-actions .button-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}

.desktop-table .col-actions .button-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.desktop-table .col-actions .button-holder .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.desktop-table .col-actions .button-holder .media.info .media-image span {
    font-size: 1rem;
}

.desktop-table .col-actions .button-holder .media.info .media-body {
    margin-top: 0.188rem;
}

/* Available Rooms Desktop */
.available-rooms-desktop {
    padding: 1.5rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.available-rooms .offer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.available-rooms .offer-header .title-holder {
    margin-bottom: 0;
}

.available-rooms .offer-header .title-holder .title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5;
}

.available-rooms .offer-header .title-holder p {
    margin-bottom: 0;
}

.available-rooms .offer-header .toolbar-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.available-rooms .offer-header .toolbar-options .btn {
    height: auto;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0;
}

.available-rooms .offer-header .toolbar-options .btn:not(:last-child) {
    margin-right: 1.25rem;
}

.available-rooms .offer-header .toolbar-options .btn .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms .offer-header .toolbar-options .btn .icon-holder .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.675rem;
    font-weight: 500;
    line-height: unset;
    z-index: 1;
}

.available-rooms .offer-header .toolbar-options .btn .icon-holder .badge svg {
    width: 0.675rem;
    height: 0.675rem;
}

.available-rooms .offer-header .toolbar-options .btn .material-icon {
    font-size: 1.875rem;
}

.available-rooms .toolbar-section {
    position: relative;
    border-bottom: 0 none;
}

.available-rooms .toolbar-section .toolbar-section-holder {
    padding-top: 0;
}

.available-rooms .toolbar-section.overflow-on .toolbar-section-holder {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
    padding-bottom: 1.5rem;
}

.available-rooms .toolbar-section .controls-container .control.left {
    left: -0.75rem;
}

.available-rooms .toolbar-section .controls-container .control.right {
    right: -0.75rem;
}

.available-rooms .available-rooms-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
}

.available-rooms .available-rooms-header .header-holder {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.available-rooms .available-rooms-header .header-holder .header-item {
    padding: 1.125rem 1rem;
    text-align: center;
    font-weight: 500;
}


.available-rooms .available-rooms-header .header-holder .header-item.title-room-type {
    width: 15rem;
}

.available-rooms .available-rooms-header .header-holder .header-item.title-room-options {
    flex: 1 1 auto;
}

.available-rooms .available-rooms-header .header-holder .header-item.title-total-selected {
    width: 17.25rem;
}

.desktop-room-col {
    margin-bottom: 3rem;
}

.desktop-room-col:last-child {
    margin-bottom: 0;
}

.desktop-room-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 2.5rem;
}

.desktop-room-col:last-child .desktop-room-item {
    border-bottom: 0;
}

.desktop-room-item .room-type {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 15rem;
    flex: 0 0 auto;
    margin-right: 2rem;
}

.desktop-room-item .room-type .room-images {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .image-holder {
    position: relative;
    width: 15rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
    flex: 0 0 auto;
}

.desktop-room-item .room-type .image-holder::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.desktop-room-item .room-type .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.desktop-room-item .room-type .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.desktop-room-item .room-type .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.desktop-room-item .room-type .image-holder .more-images span {
    font-size: 1.5rem;
}

.desktop-room-item .room-type .room-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    z-index: 1;
}

.desktop-room-item .room-type .unit-type {
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .unit-type .media {
    font-size: 0.75rem;
}

.desktop-room-item .room-type .unit-type .media-image {
    margin-right: 0.5rem;
}

.desktop-room-item .room-type .unit-type .media-image span {
    font-size: 1.5rem;
}

.desktop-room-item .room-type .item-title {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.desktop-room-item .room-type .beds-type {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .beds-type .media {
    align-items: flex-start;
}

.desktop-room-item .room-type .beds-type .media-image {
    margin-right: 0.5rem;
}

.desktop-room-item .room-type .beds-type .media-image span {
    font-size: 1.5rem;
}

.desktop-room-item .room-type .beds-type .media-body {
    margin-top: 0.188rem;
}

.desktop-room-item .room-type .beds-type .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.desktop-room-item .room-type .beds-type .media-body ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.desktop-room-item .room-type .beds-type .media-body ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.desktop-room-item .room-type .beds-type .media-body strong {
    font-weight: 500;
}

.desktop-room-item .room-type .detailed-room-info.custom-accordion .accordion-item {
    border: 0;
}

.desktop-room-item .room-type .detailed-room-info.custom-accordion .accordion-button {
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    margin-bottom: 0.5rem;
    width: auto;
}

.desktop-room-item .room-type .extra-beds {
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .extra-beds p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.desktop-room-item .room-type .extra-beds-info.custom-accordion .accordion-item {
    border: 0;
}

.desktop-room-item .room-type .extra-beds-info.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.desktop-room-item .room-type .extra-beds-info.custom-accordion .accordion-body {
    margin-top: 0.25rem;
    padding: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item h3 {
    font-size: 0.75rem;
    font-weight: 600;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media {
    align-items: flex-start;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-image {
    margin-right: 0.5rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-image span {
    font-size: 1.5rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-body {
    margin-top: 0.188rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-body h4 {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-body h5 {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.desktop-room-item .room-type .extra-beds-info .policy-item .media-body p span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.desktop-room-item .room-type .extra-beds-info .policy-info .media.more-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.desktop-room-item .room-type .room-description {
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .room-description p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.desktop-room-item .room-type .room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.desktop-room-item .room-type .room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.desktop-room-item .room-type .room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.desktop-room-item .room-type .room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.desktop-room-item .room-type .more-room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .more-room-contents.custom-accordion .accordion-item {
    border: 0;
}

.desktop-room-item .room-type .more-room-contents.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.desktop-room-item .room-type .more-room-contents.custom-accordion .accordion-body {
    padding-bottom: 0;
}

.desktop-room-item .room-type .more-room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.625rem;
}

.desktop-room-item .room-type .more-room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.desktop-room-item .room-type .more-room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.desktop-room-item .room-type .more-room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.desktop-room-item .room-type .smoking-rule {
    font-size: 0.75rem;
}

.desktop-room-item .room-type .smoking-rule .media-image {
    margin-right: 0.25rem;
}

.desktop-room-item .room-type .smoking-rule .media-image span {
    font-size: 1.25rem;
}

.desktop-room-item .room-options-holder {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    flex-wrap: wrap;
    width: 0;
}

.desktop-room-item .room-options-holder .room-options-total {
    display: block;
    width: 100%;
    margin-bottom: 1.75rem;
    padding: 0 4rem;
}

.desktop-room-item .room-options-holder .room-options-total svg {
    position: relative;
    top: 0.938rem;
    left: 0.313rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* Splide Room Options Desktop*/
.no-options {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    width: 100%;
}

.no-options-content {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    width: 12.5rem;
}

.no-options-content span {
    font-size: 5rem;
}

.available-rooms .desktop-room-item .splide-container {
    width: 100%;
    padding: 0 4rem 3.125rem 4rem;
}

.available-rooms .desktop-room-item .splide__arrow--prev {
    left: -4rem;
}

.available-rooms .desktop-room-item .splide__arrow--next {
    right: -4rem;
}

.available-rooms .desktop-room-item .room-options {
    position: relative;
    padding: 1rem 1rem 11rem 1rem;
    height: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.available-rooms .desktop-room-item .room-options .title-holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}

.available-rooms .desktop-room-item .room-options .title-holder .item-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 0.5rem;
}

.available-rooms .desktop-room-item .room-options.selected .title-holder .selected-option {
    display: flex;
}

.available-rooms .desktop-room-item .room-options .title-holder .selected-option {
    display: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.available-rooms .desktop-room-item .room-options .title-holder .selected-option span {
    font-size: 1.25rem;
}

.available-rooms .desktop-room-item .room-options .total-guests {
    margin-bottom: 1rem;
}

.available-rooms .desktop-room-item .room-options .policy-options {
    margin-bottom: 1rem;
}

.available-rooms .desktop-room-item .room-options .option-item {
    margin-bottom: 0.5rem;
}

.available-rooms .desktop-room-item .room-options .option-item.media {
    align-items: flex-start;
}

.available-rooms .desktop-room-item .room-options .option-item .media-image {
    margin-right: 0.5rem;
}

.available-rooms .desktop-room-item .room-options .option-item .media-image span {
    font-size: 1.5rem;
}

.available-rooms .desktop-room-item .room-options .option-item .media-body {
    margin-top: 0.188rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.available-rooms .desktop-room-item .room-options .item-badge-holder .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms .desktop-room-item .room-options .item-price-elements {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1rem 1rem 1rem;
}

.available-rooms .desktop-room-item .room-options .item-price .price-discounted {
    text-decoration: line-through;
}

.available-rooms .desktop-room-item .room-options .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.available-rooms .desktop-room-item .room-options .item-price .price .btn-information {
    display: inline-flex;
    margin-top: -0.188rem;
}

.available-rooms .desktop-room-item .room-options .item-price .item-period {
    font-size: 0.75rem;
}

.available-rooms .desktop-room-item .room-options .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.available-rooms .desktop-room-item .room-options .item-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
}

.available-rooms .desktop-room-item .room-options .item-quantity .btn-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
}

.available-rooms .desktop-room-item .room-options .button-holder {
    margin-top: 1.25rem;
}

.available-rooms .desktop-room-item .room-options .button-holder .btn {
    font-size: 0.875rem;
    height: 2.5rem;
}

/* Reserve Total Desktop */
.available-rooms .reserve-room {
    position: sticky;
    position: -webkit-sticky;
    top: 5rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    flex-shrink: 0;
    width: 19.25rem;
    height: max-content;
    padding-left: 1.25rem;
    margin-bottom: 3.25rem;
}

.available-rooms .reserve-room .reserve-holder {
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.available-rooms .reserve-room h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.available-rooms .reserve-room h3 svg {
    position: relative;
    top: 0.875rem;
    left: -1.125rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.available-rooms .reserve-room .item-price-elements {
    margin: 1.75rem 0 1.25rem 0;
    text-align: left;
}

.available-rooms .reserve-room .item-price-elements {
    text-align: left;
}

.available-rooms .reserve-room .item-price-elements .price-discounted {
    text-decoration: line-through;
}

.available-rooms .reserve-room .item-price-elements .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.available-rooms .reserve-room .item-price-elements .item-price .price small {
    font-size: 0.875rem;
}

.available-rooms .reserve-room .item-price-elements .item-price .item-period {
    font-size: 0.75rem;
}

.available-rooms .reserve-room .item-price-elements .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.available-rooms .reserve-room .button-holder .btn {
    width: 100%;
    font-size: 0.875rem;
}

.available-rooms .reserve-room .button-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}

.available-rooms .reserve-room .button-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.available-rooms .reserve-room .button-holder .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.available-rooms .reserve-room .button-holder .media.info .media-image span {
    font-size: 1rem;
}

.available-rooms .reserve-room .button-holder .media.info .media-body {
    margin-top: 0.188rem;
}


/* Available Rooms Mobile */
.available-rooms-mobile {
    padding: 1.5rem 0;
    margin-bottom: 5rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.available-rooms-mobile .offer-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.available-rooms-mobile .offer-header .title-holder {
    margin-bottom: 0;
    padding: 0 1.5rem;
}

.available-rooms-mobile .offer-header .title-holder .title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5;
}

.available-rooms-mobile .offer-header .title-holder p {
    margin-bottom: 0;
}

.available-rooms-mobile .offer-header .toolbar-options {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    margin-top: 1.5rem;
}

.available-rooms-mobile .offer-header .toolbar-options .btn {
    width: calc(100% / 2);
    height: auto;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0;
}

.available-rooms-mobile .offer-header .toolbar-options .btn .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms-mobile .offer-header .toolbar-options .btn .icon-holder .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.675rem;
    font-weight: 500;
    line-height: unset;
    z-index: 1;
}

.available-rooms-mobile .offer-header .toolbar-options .btn .icon-holder .badge svg {
    width: 0.675rem;
    height: 0.675rem;
}

.available-rooms-mobile .offer-header .toolbar-options .btn .material-icon {
    font-size: 1.875rem;
}

.available-rooms-mobile .toolbar-section {
    z-index: 5;
}

.available-rooms-mobile .toolbar-section .toolbar-section-holder {
    padding: 1rem 0.75rem;
}

.available-rooms-mobile .mobile-rooms-holder {
    margin-top: 1.5rem;
    padding: 0 1.5rem;
}

.available-rooms-mobile .mobile-room {
    padding-bottom: 4rem;
    margin-bottom: 3rem;
}

.available-rooms-mobile .mobile-room:last-child {
    padding-bottom: 0;
}

.available-rooms-mobile .mobile-room .room-images {
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .room-images .image-holder {
    position: relative;
    width: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.available-rooms-mobile .mobile-room .room-images .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.available-rooms-mobile .mobile-room .room-images .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.available-rooms-mobile .mobile-room .room-images .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.available-rooms-mobile .mobile-room .room-images .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms-mobile .mobile-room .room-images .image-holder .more-images span {
    font-size: 1.5rem;
}

.available-rooms-mobile .mobile-room .room-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .item-badge {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms-mobile .mobile-room .unit-type {
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .unit-type .media {
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .unit-type .media-image {
    margin-right: 0.5rem;
}

.available-rooms-mobile .mobile-room .unit-type .media-image span {
    font-size: 1.5rem;
}

.available-rooms-mobile .mobile-room .item-title {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.available-rooms-mobile .mobile-room .beds-type {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .beds-type .media {
    align-items: flex-start;
}

.available-rooms-mobile .mobile-room .beds-type .media-image {
    margin-right: 0.5rem;
}

.available-rooms-mobile .mobile-room .beds-type .media-image span {
    font-size: 1.5rem;
}

.available-rooms-mobile .mobile-room .beds-type .media-body {
    margin-top: 0.188rem;
}

.available-rooms-mobile .mobile-room .beds-type .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.available-rooms-mobile .mobile-room .beds-type .media-body ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.available-rooms-mobile .mobile-room .beds-type .media-body ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.available-rooms-mobile .mobile-room .beds-type .media-body strong {
    font-weight: 500;
}

.available-rooms-mobile .mobile-room .detailed-room-info.custom-accordion>.accordion-item {
    border: 0;
    margin-bottom: 0.5rem;
}

.available-rooms-mobile .mobile-room .detailed-room-info.custom-accordion .accordion-button {
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    margin-bottom: 0.5rem;
    width: auto;
}

.available-rooms-mobile .mobile-room .extra-beds {
    width: 100%;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .extra-beds p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.available-rooms-mobile .mobile-room .extra-beds-info.custom-accordion .accordion-item {
    border: 0;
}

.available-rooms-mobile .mobile-room .extra-beds-info.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.available-rooms-mobile .mobile-room .extra-beds-info.custom-accordion .accordion-body {
    margin-top: 0.25rem;
    padding: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item h3 {
    font-size: 0.75rem;
    font-weight: 600;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media {
    align-items: flex-start;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-image {
    margin-right: 0.5rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-image span {
    font-size: 1.5rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-body {
    margin-top: 0.188rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-body h4 {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-body h5 {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-item .media-body p span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.available-rooms-mobile .mobile-room .extra-beds-info .policy-info .media.more-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.available-rooms-mobile .mobile-room .room-description {
    width: 100%;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .room-description p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.available-rooms-mobile .mobile-room .room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .item-content .media-image {
    margin-right: 0.25rem;
}

.available-rooms-mobile .mobile-room .item-content .media-image span {
    font-size: 1.25rem;
}

.available-rooms-mobile .mobile-room .more-room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .more-room-contents.custom-accordion .accordion-item {
    border: 0;
}

.available-rooms-mobile .mobile-room .more-room-contents.custom-accordion .accordion-button {
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    width: auto;
}

.available-rooms-mobile .mobile-room .more-room-contents.custom-accordion .accordion-body {
    padding-bottom: 0;
}

.available-rooms-mobile .mobile-room .more-room-contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .more-room-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .more-room-contents .item-content {
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .more-room-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.available-rooms-mobile .mobile-room .more-room-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.available-rooms-mobile .mobile-room .smoking-rule {
    font-size: 0.75rem;
    margin-bottom: 1.125rem;
}

.available-rooms-mobile .mobile-room .smoking-rule .media-image {
    margin-right: 0.25rem;
}

.available-rooms-mobile .mobile-room .smoking-rule .media-image span {
    font-size: 1.25rem;
}

/* Mobile Room Options */
.available-rooms-mobile .mobile-room .room-options-holder .room-options-total {
    display: block;
    width: 100%;
    margin-bottom: 1.75rem;
    padding: 0;
}

.available-rooms-mobile .mobile-room .room-options-holder .room-options-total svg {
    position: relative;
    top: 0.938rem;
    left: 0.313rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.available-rooms-mobile .mobile-room .splide__slide {
    max-width: 65vw;
}

.available-rooms-mobile .mobile-room .room-options {
    position: relative;
    padding: 1rem 1rem 11rem 1rem;
    height: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.available-rooms-mobile .mobile-room .room-options .title-holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}

.available-rooms-mobile .mobile-room .room-options.selected .title-holder .selected-option {
    display: flex;
}

.available-rooms-mobile .mobile-room .room-options .title-holder .selected-option {
    display: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.available-rooms-mobile .mobile-room .room-options .title-holder .selected-option span {
    font-size: 1.25rem;
}

.available-rooms-mobile .mobile-room .room-options .title-holder .item-title {
    font-size: 1rem;
    margin-bottom: 0;
    padding-right: 0.5rem;
}

.available-rooms-mobile .mobile-room .room-options .total-guests {
    margin-bottom: 1rem;
}

.available-rooms-mobile .mobile-room .room-options .policy-options {
    margin-bottom: 1rem;
}

.available-rooms-mobile .mobile-room .room-options .option-item {
    margin-bottom: 0.5rem;
}

.available-rooms-mobile .mobile-room .room-options .option-item.media {
    align-items: flex-start;
}

.available-rooms-mobile .mobile-room .room-options .option-item .media-image {
    margin-right: 0.5rem;
}

.available-rooms-mobile .mobile-room .room-options .option-item .media-image span {
    font-size: 1.5rem;
}

.available-rooms-mobile .mobile-room .room-options .option-item .media-body {
    margin-top: 0.188rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.available-rooms-mobile .mobile-room .room-options .item-price-elements {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1rem 1rem 1rem;
}

.available-rooms-mobile .mobile-room .room-options .item-price .price-discounted {
    text-decoration: line-through;
}

.available-rooms-mobile .mobile-room .room-options .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.available-rooms-mobile .mobile-room .room-options .item-price .price .btn-information {
    display: inline-flex;
    margin-top: -0.188rem;
}

.available-rooms-mobile .mobile-room .room-options .item-price .item-period {
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .room-options .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.available-rooms-mobile .mobile-room .item-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
}

.available-rooms-mobile .mobile-room .item-quantity .btn-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
}

.available-rooms-mobile .mobile-room .button-holder {
    margin-top: 1.25rem;
}

.available-rooms-mobile .mobile-room .button-holder .btn {
    font-size: 0.875rem;
    height: 2.5rem;
}

/* Reserve Room Mobile */
.reserve-room-mobile {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.45s ease-out;
}

.reserve-room-mobile.moveUp {
    opacity: 1;
    transform: translateY(0);
}

.reserve-room-mobile.moveDown {
    opacity: 0;
    transform: translateY(100%);
}

.reserve-room-mobile .reserve-holder {
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    border-bottom: 0 none;
    background-color: #FFFAEC;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.reserve-room-mobile h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.reserve-room-mobile h4 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.reserve-room-mobile .item-price-elements {
    margin: 1rem 0 1.25rem 0;
    text-align: left;
}

.reserve-room-mobile .item-price-elements {
    text-align: left;
}

.reserve-room-mobile .item-price-elements .price-discounted {
    text-decoration: line-through;
}

.reserve-room-mobile .item-price-elements .item-price .price {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.reserve-room-mobile .item-price-elements .item-price .item-period {
    font-size: 0.75rem;
}

.reserve-room-mobile .item-price-elements .item-price .item-price-text {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.reserve-room-mobile .button-holder .btn {
    width: 100%;
    font-size: 0.875rem;
}

.reserve-room-mobile .button-holder .media.info {
    align-items: flex-start;
    font-size: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}

.reserve-room-mobile .button-holder .media.info .media-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.reserve-room-mobile .button-holder .media.info .media-image svg {
    width: 1rem;
    height: 1rem;
}

.reserve-room-mobile .button-holder .media.info .media-body {
    margin-top: 0.188rem;
}

/* Testimonial Slider */
.testimonials-slider {
    margin-bottom: 5rem;
}

.testimonials-slider .title {
    margin-bottom: 1.5rem;
}

.testimonials-slider .title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.property-header {
    margin-bottom: 3rem;
}

.property-header .media {
    position: relative;
}

.property-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 8rem;
    margin-right: 1.25rem;
    outline-offset: 0.25rem;
}

.property-header .media-image span {
    position: absolute;
    font-size: 2rem;
}

.property-header .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.property-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.property-header .media-body h3 {
    font-size: 1.125rem;
    font-weight: 500;
}

.property-header .media-body h3,
.property-header p {
    margin-bottom: 0;
}

.property-header .property-data {
    display: flex;
    margin-top: 1rem;
}

.property-header .property-data .property-data-item {
    padding: 0 0.625rem;
    padding-left: 0.625rem;
}

.property-header .property-data .property-data-item:first-child {
    padding-left: 0;
}

.property-header .property-data .rating-holder {
    display: flex;
    align-items: center;
}

.property-header .property-data .rating-holder .rating-text p {
    margin-bottom: 0;
}

/* Splide Testimonial */
.testimonials-slider .splide__track {
    padding: 0.5rem !important;
}

.splide-testimonial .splide__arrow--prev {
    left: -4.5rem;
}

.splide-testimonial .splide__arrow--next {
    right: -4.5rem;
}

/* Testimonial */
.testimonial-item {
    position: relative;
}

.testimonial-item .title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.testimonial-item .testimonial-unit-rating .media {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.testimonial-item .rating-holder .rating-square {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
    margin-right: 0.625rem;
}

.testimonial-item .testimonial-unit-rating .media .media-body {
    position: relative;
    padding-right: 3.5rem;
    overflow: hidden;
}

.testimonial-item .testimonial-unit-rating .media-body .new-badge {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 500;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-item .testimonial-unit-rating .media .media-body p {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.testimonial-item .testimonial-unit-rating .media .media-body time {
    font-size: 0.75rem;
}

.testimonial-item .testimonial-unit .media {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.testimonial-item .testimonial-unit .media .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 3rem;
    margin-right: 1.25rem;
    outline-offset: 0.25rem;
}

.testimonial-item .testimonial-unit .media .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.testimonial-item .testimonial-unit .media .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.testimonial-item .testimonial-unit .media .media-image span {
    position: absolute;
    font-size: 1.25rem;
}

.testimonial-item .testimonial-unit .media .media-body {
    height: 4.2rem;
    display: flex;
    align-items: center;
}

.testimonial-item .testimonial-unit .media .media-body h3 {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0;
}

.testimonial-item .testimonial-title-holder {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
}

.testimonial-item .testimonial-title-holder .testimonial-title {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: transform 1s ease;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.testimonial-item .testimonial-content-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.875rem;
}

.testimonial-item .testimonial-content-item svg {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.testimonial-item .testimonial-content-item .truncate-overflow {
    max-width: 100%;
    height: 3.938rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-length: 120;
    white-space: normal;
}

.testimonial-item .testimonial-content-item p {
    margin-bottom: 0;
    line-height: 1.5;
}

.testimonial-item .btn {
    margin-left: 1.75rem;
    padding-top: 0;
    padding-bottom: 0;
    height: 1.25rem;
}

/* Property Map */
.property-location {
    margin-bottom: 5rem;
}

.property-location .title {
    margin-bottom: 1.5rem;
}

.property-location .title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.property-location .map-holder {
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

/* Map */
#map-canvas {
    height: 30rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

/* Google maps bug fix remove border on focus */
.gm-style iframe+div {
    border: none !important;
}

/* Googgle maps - Custom Info window */
.custom-info-window {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.875rem;
    padding: 0.875rem;
}

.custom-close-button {
    display: none !important;
    position: absolute;
    top: 0.313rem;
    right: 0.313rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    background-image: none !important;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-close-button svg {
    width: 0.625rem;
    height: auto;
}

.custom-info-window h5 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 0.5rem;
}

.custom-info-window p:last-child {
    margin-bottom: 0;
}

/* Info Window Google Maps classes */
/* Info window style */
.gm-style .gm-style-iw-c {
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.gm-ui-hover-effect {
    display: none !important;
}

.gm-style-iw-ch {
    padding-top: 10px !important;
}

.gm-style .gm-style-iw-c:focus,
.gm-style .gm-style-iw-c:focus-within {
    border: none !important;
    outline: none !important;
}

/* Remove default google close button */
.gm-style .gm-style-iw-c>button {
    display: none !important;
}

/* Property Surroundings */
.property-surroundings {
    margin-bottom: 5rem;
}

.property-surroundings .title {
    margin-bottom: 1.5rem;
}

.property-surroundings .title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.property-surroundings .title p {
    margin-bottom: 0;
}

.property-surroundings .surroundings-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.25rem;
}

.property-surroundings .surroundings-title .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem;
}

.property-surroundings .surroundings-title .icon-holder span {
    font-size: 2rem;
}

.property-surroundings .surroundings-title h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.property-surroundings .surroundings-content .truncate-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.property-surroundings .surroundings-content .item-holder {
    display: block;
    width: 100%;
    flex-shrink: 0;
}

.property-surroundings .item-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-right: 4rem;
}

.property-surroundings .item-content span {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 400;
    font-size: 0.875rem;
}

.property-surroundings .surroundings-content .button-holder .btn-show-more {
    font-size: 0.875rem;
}

/* Property rules */
.property-rules {
    margin-bottom: 5rem;
}

.property-rules .title {
    margin-bottom: 1.5rem;
}

.property-rules .title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.property-rules .title p {
    margin-bottom: 0;
}

.property-rules .rule-item {
    display: flex;
    align-items: flex-start;
}

.property-rules .rule-item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.property-rules .rule-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    width: 15.625rem;
}

.property-rules .rule-title .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem;
}

.property-rules .rule-title .icon-holder span {
    font-size: 2rem;
}

.property-rules .rule-title h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0.438rem;
    margin-bottom: 0;
}

.property-rules .rule-content {
    padding-left: 1.5rem;
    margin-top: 0.438rem;
}

.property-rules .rule-content .policy-item {
    margin-bottom: 1rem;
}

.property-rules .rule-content p {
    margin-bottom: 0.25rem;
}

.property-rules .rule-content h4 {
    font-size: 1rem;
    font-weight: 600;
}

.property-rules .rule-content .policy-item .policy-info p {
    margin-bottom: 0;
}

.property-rules .rule-content .policy-item .media:not(:last-child) {
    margin-bottom: 0.625rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .media {
    align-items: flex-start;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-image {
    margin-right: 0.5rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-image span {
    font-size: 1.5rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-body {
    margin-top: 0.125rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-body h4 {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-body h5 {
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
}

.property-rules .rule-content .policy-item .extra-beds-info .media-body p span {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .policy-info .media.more-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.property-rules .rule-content .policy-item .extra-beds-info .policy-info .media-body {
    margin-top: 0.2rem;
}

.property-rules .rule-content .payment-cards {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.property-rules .rule-content .payment-cards .payment-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 5rem;
    max-width: 100%;
    flex-shrink: 0;
    height: 2.25rem;
    padding: 0 0.5rem;
    margin-bottom: 0.625rem;
    overflow: hidden;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.property-rules .rule-content .payment-cards .payment-item:not(:last-child) {
    margin-right: 0.625rem;
}

.property-rules .rule-content .payment-cards .payment-item img {
    height: 1.5rem;
    width: auto;
}

/* Other properties */
.other-properties .title {
    margin-bottom: 1.5rem;
}

.other-properties .title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

/* Profile Section */
.profile-section {
    margin-bottom: 5rem;
}

.profile-section .listing-header {
    padding-bottom: 1.25rem;
    margin-bottom: 3rem;
    border: 0 none;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

/* Profile Section Nav Aside */
.profile-section .aside-col-holder {
    position: sticky;
    position: -webkit-sticky;
    top: 2rem;
}

.profile-section .nav-aside {
    padding: 1rem 1.5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.profile-section .nav-aside ul {
    padding: 0;
    margin: 0;
}

.profile-section .nav-aside ul li {
    list-style: none;
}

.profile-section .nav-aside ul li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.625rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    text-underline-offset: 0.188rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profile-section .nav-aside ul li:first-child a {
    padding-top: 0.375rem;
}

.profile-section .nav-aside ul li a.active {
    font-weight: 600;
}

.profile-section .nav-aside ul li a .icon-holder {
    position: relative;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.625rem;
    height: 1.625rem;
    margin-right: 0.5rem;
}

.profile-section .nav-aside ul li a .icon-holder span {
    font-size: 1.625rem;
}

.profile-section .nav-aside ul li a .icon-holder svg {
    width: 1.375rem;
    height: 1.375rem;
}

.profile-section .nav-aside ul li a .icon-holder .badge.badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -0.5rem;
    left: -0.25rem;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.675rem;
    padding: 0;
    font-weight: 600;
    line-height: unset;
    z-index: 1;
}

.nav-divider {
    opacity: 1;
}

.profile-section .nav-aside ul .nav-divider {
    margin: 0.5rem 0;
}

/* Profile Section Listing */
.profile-section .listing-header {
    padding-top: 1.25rem;
}

.profile-section .section-title {
    margin-bottom: 0;
}

.profile-section .listing-header-holder .toolbar-holder {
    padding: 0;
}

.profile-section .listing-item .item-content .total-guests {
    margin-top: 0.625rem;
}

.profile-section .listing-item .item-content .lenght-of-stay {
    margin-top: 0.625rem;
    font-size: 0.75rem;
}

.profile-section .listing-item .item-content .lenght-of-stay .media {
    align-items: flex-start;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-image {
    margin-right: 0.5rem;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-image span {
    font-size: 1.5rem;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-body {
    margin-top: 0.188rem;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-body p {
    margin-bottom: 0.188rem;
    font-weight: 500;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-body ul {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-body ul li {
    margin-bottom: 0.25rem;
    list-style: none;
}

.profile-section .listing-item .item-content .lenght-of-stay .media-body strong {
    font-weight: 500;
}

.profile-section .listing-item .item-options-holder .item-rating {
    text-align: right;
}

.profile-section .listing-item .item-options-holder .item-time-counter .btn-information {
    margin-left: 0.25rem;
}

.profile-section .listing-item .item-options-holder .item-time-counter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-basis: 100%;
    margin-top: 0.25rem;
}

.profile-section .listing-item .item-options-holder .rating-holder .btn {
    padding: 0.125rem 1.25rem 0.125rem 0;
}

.profile-section .listing-item .item-options-holder .rating-holder .btn svg {
    right: 0;
}

.profile-section .listing-item .item-options-holder .rating-holder .btn:hover svg {
    right: -0.25rem;
}

.profile-section .listing-item .item-options-holder .button-holder {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
}

.profile-section .listing-item .item-options-holder .button-holder .btn {
    font-size: 0.875rem;
    padding: 0 1.75rem;
}

/* My Travels */
.profile-section.my-travels .travel-year {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.profile-section.my-travels .travel-year:not(:first-child) {
    margin-top: 1.5rem;
}

.profile-section.my-travels .travel-year p {
    margin-bottom: 0;
    padding-left: 1.5rem;
}

/* User Testimonial */
.user-testimonial .form-item {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

.user-testimonial .form-title {
    margin-bottom: 1rem;
}

.user-testimonial .form-title h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.user-testimonial .form-title p {
    margin-bottom: 0;
}

.user-testimonial .form-item .form-check-holder {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.user-testimonial .form-item .form-check-holder:not(:last-child) {
    margin-bottom: 0.875rem;
}

.user-testimonial .form-item .form-check {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.user-testimonial .form-item .form-check .form-check-label {
    font-size: 0.875rem;
    margin-top: 0.188rem;
    margin-bottom: 0;
    width: 100%;
}

.user-testimonial .rating-slider {
    margin-bottom: 3rem;
}

.user-testimonial .rating-slider .form-title {
    margin-bottom: 3.875rem;
}

.user-testimonial .rating-slider .slider-field {
    padding: 0 1rem;
}

.user-testimonial .rating-slider .noUi-tooltip {
    width: 2rem;
    height: 2rem;
}

.user-testimonial .rating-slider .slider-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 3.875rem;
}

.user-testimonial .rating-slider .slider-info .item-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-testimonial .rating-slider .slider-info p {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: 0;
}

.user-testimonial .rating-slider .slider-info .selected-rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    font-weight: 600;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0.5rem;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-left-radius: 0;
}

.user-testimonial .rating-slider .slider-info .rating-description {
    font-weight: bolder;
}

.user-testimonial .user-review-title {
    margin-bottom: 3rem;
}

.user-testimonial .user-review-title h3 {
    font-size: 1rem;
    font-weight: 600;
}

.user-testimonial .user-review:not(:last-child) {
    margin-bottom: 3rem;
}

.user-testimonial .user-review .review-title {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.user-testimonial .user-review .review-title svg {
    width: 1.875rem;
    height: 1.875rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Progress */
.progress {
    height: 0.25rem;
}

.progress {
    position: relative;
    width: 100%;
    max-width: calc(100% - 3.125rem);
    height: 0.25rem;
    margin: 0;
    overflow: visible;
    z-index: 10;
}

.progress .progress-total {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 3.125rem;
    text-align: right;
    padding: 0 0.625rem 0 0;
    font-size: 0.75rem;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Character Count Progress */
.user-testimonial .char-count {
    display: flex;
    align-items: center;
    width: 18.75rem;
    margin-top: 1rem;
}

.user-testimonial .char-count .progress {
    position: relative;
    width: 100%;
    max-width: calc(100% - 9.375rem);
    margin: 0;
    overflow: visible;
}

.user-testimonial .char-count .progress-bar {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.user-testimonial .char-count .progress-total {
    position: absolute;
    left: 100%;
    width: max-content;
    text-align: left;
    padding-left: 0.625rem;
    font-size: 0.75rem;
    line-height: 1;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.user-testimonial .char-count .progress-total strong {
    font-family: "Open Sans", sans-serif;
}

.check-review-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.check-review-title .form-title {
    margin-bottom: 0;
}

.check-review-title .rating-holder {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.check-review-title .rating-holder .rating-text {
    margin-left: 0;
    margin-right: 0.625rem;
    text-align: right;
}

.check-review-title .rating-holder .rating-text p {
    font-size: 0.875rem;
}

.check-review {
    margin-bottom: 1.5rem;
}

.check-review .media {
    align-items: flex-start;
}

.check-review .media-image {
    margin-right: 0.5rem;
}

.check-review .media-image svg {
    width: 1.875rem;
    height: 1.875rem;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.check-review .media-body {
    margin-top: 0.438rem;
}

.check-review .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.check-review .media-body p {
    margin-bottom: 0;
}

.user-testimonial .form-item .button-holder {
    margin-top: 3rem;
}

.user-testimonial .form-item .button-holder .form-check-holder {
    margin-bottom: 1.5rem;
}

.user-testimonial .form-item .button-holder .btn {
    width: 18.75rem;
}

/* Profile Section Favorites */
.profile-section.favorites .listing-item .item-content .policy-options {
    padding-left: 0;
    margin-top: 0.625rem;
}

.profile-section.favorites .availability-section .main-filter {
    margin-bottom: 3rem;
}

/* Profile Section User Profile */
.profile-section.user-profile .user-header {
    margin-bottom: 1.875rem;
}

.profile-section.user-profile .user-header .media {
    position: relative;
    align-items: flex-start;
}

.profile-section.user-profile .user-header .media .image-holder {
    position: relative;
    margin-right: 2rem;
}

.profile-section.user-profile .user-header .media .btn-action {
    position: absolute;
    left: 5.75rem;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-appearance: initial;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.profile-section.user-profile .user-header .media .btn-action:hover {
    opacity: 1;
}

.profile-section.user-profile .user-header .media .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
}

.profile-section.user-profile .user-header .media .btn-action span {
    font-size: 1.5rem;
}

.profile-section.user-profile .user-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 8rem;
    margin-right: 0;
    outline-offset: 0.25rem;
}

.profile-section.user-profile .user-header .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.profile-section.user-profile .user-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.profile-section.user-profile .user-header .media-image .user-initials {
    position: absolute;
    font-size: 1.875rem;
}

.profile-section.user-profile .user-header .media-body h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
}

.profile-section.user-profile .user-header p {
    margin-bottom: 0;
}

.profile-section.user-profile .user-header .media-body .data-item {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5rem;
    margin-bottom: 0.313rem;
}

.profile-section.user-profile .user-header .media-body .data-item .item-content {
    margin-top: 0.125rem;
}

.profile-section.user-profile .user-header .media-body .data-item strong {
    font-weight: 400;
}

.profile-section.user-profile .user-header .media-body .data-item span {
    margin-right: 0.5rem;
    font-size: 1.5rem;
}

.profile-section.user-profile .user-header .media-body .data-item a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profile-section.user-profile .user-header .user-data {
    display: flex;
    margin-top: 1rem;
}

.profile-section.user-profile .user-header .user-data .user-data-item {
    padding: 0 1rem;
}

.profile-section.user-profile .user-header .user-data .user-data-item:first-child {
    padding-left: 0;
}

.profile-section.user-profile .user-header .user-data .user-data-item strong {
    font-weight: 600;
}

.profile-section.user-profile .title-holder {
    margin-bottom: 1.875rem;
    padding-top: 1.875rem;
}

.profile-section.user-profile .form-section .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.profile-section.user-profile .form-section .title-holder p {
    font-size: 0.75rem;
}

.profile-section.user-profile .form-section .form-group {
    margin-bottom: 1.875rem;
}

.profile-section.user-profile .form-section .form-group.label-title {
    margin-bottom: 0;
}

.profile-section.user-profile .form-section .input-text {
    margin-top: 0.25rem;
    padding-left: 0.75em;
}

.profile-section.user-profile .form-section .input-text p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.profile-section.user-profile .form-section .select-fields {
    margin-bottom: 1.875rem;
}

.profile-section.user-profile .form-section .select-fields .form-group {
    margin-bottom: 0;
}

.profile-section.user-profile .form-section .button-holder {
    margin-top: 1.125rem;
    margin-bottom: 6rem;
}

.profile-section.user-profile .form-section .button-holder .form-check-holder {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1.5rem;
}

.profile-section.user-profile .form-section .button-holder .form-check {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.profile-section.user-profile .form-section .button-holder .form-check .form-check-label {
    font-size: 0.875rem;
    margin-top: 0.188rem;
    margin-bottom: 0;
    width: 100%;
}

.profile-section.user-profile .form-section .button-holder .btn {
    width: 18.75rem;
}

/* Profile Section Cards And Payment History */
.profile-section.cards-and-payment-history .cards-section .add-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
    height: 9rem;
    margin-bottom: 3rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profile-section.cards-and-payment-history .cards-section .add-card .item-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.profile-section.cards-and-payment-history .cards-section .add-card .item-holder .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.profile-section.cards-and-payment-history .cards-section .add-card .item-holder .icon-holder span {
    font-size: 1.5rem;
}

.profile-section.cards-and-payment-history .cards-section .add-card .item-holder p {
    display: block;
    width: 100%;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

.profile-section.cards-and-payment-history .cards-section .title-holder {
    margin-bottom: 1.875rem;
}

.profile-section.cards-and-payment-history .cards-section .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.profile-section.cards-and-payment-history .cards-section .title-holder .title-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
}

.profile-section.cards-and-payment-history .cards-section .title-holder .title-info .btn-information {
    margin-left: 0.25rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data {
    display: inline-flex;
    flex-shrink: 0;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item {
    padding: 0 1.375rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item:first-child {
    padding-left: 0;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item p {
    margin-bottom: 0;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item strong {
    font-weight: 600;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.issuer {
    width: 10.125rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.issuer .title {
    margin-bottom: 0.875rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .card-issuer {
    display: inline-flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .card-issuer strong {
    margin-top: 0.125rem;
    margin-left: 0.625rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .card-issuer img {
    height: 1.5rem;
    width: auto;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.primary-card .form-check-holder {
    display: flex;
    justify-content: center;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .title {
    margin-bottom: 0.938rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.action {
    display: flex;
    align-items: center;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete {
    padding: 0;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-image {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-image span {
    font-size: 1.5rem;
}

.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-body {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Payment History */
.profile-section.cards-and-payment-history .payment-list-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media {
    align-items: flex-start;
}

.profile-section.cards-and-payment-history .payment-list-item .media-image {
    margin-right: 1.25rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media-image svg {
    width: 3rem;
    height: auto;
}

.profile-section.cards-and-payment-history .payment-list-item .media-image span {
    font-size: 1.625rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media-body .item-title-holder {
    margin-bottom: 1rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media-body .item-title-holder img {
    height: 1.5rem;
    width: auto;
    margin-bottom: 0.5rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media-body .item-title-holder h3 {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.profile-section.cards-and-payment-history .payment-list-item .media-body p {
    margin-bottom: 0;
}

.profile-section.cards-and-payment-history .payment-list-item .media-body strong {
    font-weight: 500;
}

.profile-section.cards-and-payment-history .payment-list-item .btn {
    padding-bottom: 0;
    padding-top: 0;
}

/* Profile Settings */
.profile-section.profile-settings .settings-list-holder {
    padding: 1.5rem;
    margin-bottom: 1.875rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profile-section.profile-settings .settings-list-holder:last-child {
    margin-bottom: 0;
}

.profile-section.profile-settings .title-holder {
    margin-bottom: 1.875rem;
}

.profile-section.profile-settings .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.profile-section.profile-settings .title-holder p {
    font-size: 0.75rem;
}

.profile-section.profile-settings .settings-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}

.profile-section.profile-settings .settings-list-item:last-child {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.profile-section.profile-settings .settings-list-item .item-content p {
    margin-bottom: 0;
}

.profile-section.profile-settings .settings-list-item .item-content p strong {
    font-weight: 500;
    margin-right: 0.25rem;
}

.profile-section.profile-settings .settings-list-item .item-content p span {
    text-decoration: underline;
    text-underline-offset: 0.188rem;
    text-decoration-color: #5F23D3;
}

.profile-section.profile-settings .settings-list-item .btn {
    padding-bottom: 0;
    padding-top: 0;
}

.profile-section.profile-settings .settings-list-item .form-check label {
    padding-right: 0.5rem;
}

.profile-section.profile-settings .settings-list-item.device-item {
    align-items: flex-end;
}

.profile-section.profile-settings .settings-list-item.device-item .media {
    align-items: flex-start;
}

.profile-section.profile-settings .settings-list-item.device-item .media-image {
    margin-right: 1.25rem;
}

.profile-section.profile-settings .settings-list-item.device-item .media-image svg {
    width: 3rem;
    height: auto;
}

.profile-section.profile-settings .settings-list-item.device-item .media-body {
    margin-top: 0.313rem;
}

.profile-section.profile-settings .settings-list-item.device-item .media-body h3 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.profile-section.profile-settings .settings-list-item.device-item .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.profile-section.profile-settings .settings-list-item.delete-account {
    align-items: flex-end;
}

.profile-section.profile-settings .settings-list-item.delete-account .media {
    align-items: flex-start;
}

.profile-section.profile-settings .settings-list-item.delete-account .media-image {
    margin-right: 1.25rem;
}

.profile-section.profile-settings .settings-list-item.delete-account .media-image svg {
    width: 3rem;
    height: auto;
}

.profile-section.profile-settings .settings-list-item.delete-account .media-body {
    margin-top: 0.313rem;
}

.profile-section.profile-settings .settings-list-item.delete-account .media-body h3 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.profile-section.profile-settings .settings-list-item.delete-account .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

/* Reserve Progress Bar */
.reserve-bar-holder {
    margin: 3.688rem 0 5rem 0;
    padding: 0 2rem;
}

.progress.reserve-bar {
    position: relative;
    overflow: visible;
    max-width: 100%;
}

.reserve-bar .reserve-mark {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -0.688rem;
}

.reserve-bar .reserve-mark .reserve-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.875rem;
    margin-bottom: 0.313rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.reserve-bar .reserve-mark .reserve-dot span {
    font-size: 1.25rem;
}

.reserve-bar .reserve-mark .reserve-text {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
}

/* Reserve Section */
.reserve-section {
    margin-bottom: 5rem;
}

.reserve-section .title-holder {
    margin-bottom: 1.875rem;
    padding-top: 1.875rem;
}

.reserve-section .form-section .title-holder:first-child {
    border: 0 none;
    padding-top: 0;
}

.reserve-section .form-section .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.reserve-section .form-section .title-holder p {
    font-size: 0.75rem;
}

.reserve-section .form-section .title-holder .btn {
    margin-top: 0.875rem;
    height: 2.25rem;
    font-size: 0.875rem;
}

.reserve-section .form-section .logged-in-user {
    margin: 0 0 1.875rem 0;
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reserve-section .form-section .logged-in-user .media {
    align-items: flex-start;
}

.reserve-section .form-section .logged-in-user .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 5rem;
    margin-right: 1rem;
    outline-offset: 0.25rem;
}

.reserve-section .form-section .logged-in-user .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.reserve-section .form-section .logged-in-user .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.reserve-section .form-section .logged-in-user .media-image .user-initials {
    position: absolute;
    font-size: 1.25rem;
}

.reserve-section .form-section .logged-in-user .media-body {
    margin-top: 0.563rem;
}

.reserve-section .form-section .logged-in-user .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.reserve-section .form-section .logged-in-user .media-body p strong {
    font-weight: 600;
}

.reserve-section .form-section .logged-in-user .media-body h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.reserve-section .form-section .form-group {
    margin-bottom: 1.875rem;
}

.reserve-section .form-section .check-col .form-check-holder:not(:last-child) {
    margin-bottom: 1rem;
}

.reserve-section .form-section .check-col .form-check {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.reserve-section .form-section .check-col .form-check .form-check-label {
    font-size: 0.875rem;
    margin-top: 0.188rem;
    margin-bottom: 0;
    width: 100%;
}

.reserve-section .form-section .option-col {
    margin-bottom: 0.875rem;
}

.reserve-section .form-section .option-item.media {
    align-items: flex-start;
    margin-bottom: 1rem;
}

.reserve-section .form-section .option-item .media-image {
    margin-right: 0.5rem;
}

.reserve-section .form-section .option-item .media-image span {
    font-size: 1.875rem;
}

.reserve-section .form-section .option-item .media-body {
    margin-top: 0.438rem;
    font-size: 0.875rem;
}

.reserve-section .form-section .option-item .media-body h4 {
    font-size: 0.875rem;
    font-weight: 600;
}

.reserve-section .form-section .option-item .media-body p {
    margin-bottom: 0;
}

.reserve-section .form-section .button-holder {
    padding-top: 3rem;
    margin-bottom: 6rem;
}

.reserve-section .form-section .button-holder .form-check-holder {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1.5rem;
}

.reserve-section .form-section .button-holder .form-check-holder.highlighted {
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reserve-section .form-section .button-holder .form-check {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.reserve-section .form-section .button-holder .form-check .form-check-label {
    font-size: 0.875rem;
    margin-top: 0.188rem;
    margin-bottom: 0;
    width: 100%;
}

.reserve-section .form-section .button-holder .form-check .info-text {
    font-size: 0.75rem;
}

.reserve-section .form-section .button-holder .form-check ul {
    list-style: none;
    padding-left: 0;
}

.reserve-section .form-section .button-holder .form-check ul li .btn {
    width: 10rem;
    padding: 0.125rem 1.25rem 0.125rem 0;
    margin-top: 0.25rem;
    text-decoration: none;
}

.reserve-section .form-section .button-holder .form-check ul li:first-child .btn {
    margin-top: 0.5rem;
}

.reserve-section .form-section .button-holder .btn {
    width: 18.75rem;
    margin-top: 1.875rem;
}

.reserve-section .form-section .button-holder .additional-info {
    margin-top: 1rem;
}

.reserve-section .support-item {
    padding: 1.875rem 0;
}

.reserve-section .support-item .media {
    align-items: flex-start;
    flex-wrap: wrap;
}

.reserve-section .support-item .media-image {
    margin-bottom: 0.625rem;
}

.reserve-section .support-item .media-image svg {
    width: 3rem;
    height: auto;
}

.reserve-section .support-item .media-body {
    width: 100%;
    flex: unset;
}

.reserve-section .support-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
}

.reserve-section .support-item .payment-cards {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.reserve-section .support-item .payment-cards .payment-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 4.75rem;
    max-width: 100%;
    flex-shrink: 0;
    height: 2.25rem;
    padding: 0;
    margin-bottom: 0.625rem;
    overflow: hidden;
}

.reserve-section .support-item .payment-cards .payment-item:not(:last-child) {
    margin-right: 0.625rem;
}

.reserve-section .support-item .payment-cards .payment-item img {
    height: 1.875rem;
    width: auto;
}

/* Reserve Aside */
.aside-reserve.aside-col-holder {
    width: 22.5rem;
}

.aside-reserve .aside-box {
    margin-bottom: 3rem;
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.aside-reserve .aside-box .aside-box-title .box-title {
    font-size: 1.125rem;
    margin-bottom: 0.875rem;
}

.aside-reserve .hotel-box .hotel-info {
    margin-bottom: 0.875rem;
}

.aside-reserve .hotel-box .hotel-info .media {
    align-items: flex-start;
}

.aside-reserve .hotel-box .hotel-info .media-image {
    margin-right: 0.5rem;
}

.aside-reserve .hotel-box .hotel-info .media-image svg {
    width: 1.875rem;
    height: 1.875rem;
}

.aside-reserve .hotel-box .hotel-info .media-body {
    margin-top: 0.125rem;
}

.aside-reserve .hotel-box .hotel-info .media-body .hotel-address {
    margin-bottom: 0;
}

.aside-reserve .hotel-box .image-holder {
    position: relative;
    width: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0.875rem;
}

.aside-reserve .hotel-box .image-holder::before {
    content: '';
    display: block;
    padding-top: 75%;
}

.aside-reserve .hotel-box .image-holder .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.aside-reserve .hotel-box .image-holder .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.aside-reserve .hotel-box .image-holder .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.aside-reserve .hotel-box .item-rating {
    margin-bottom: 0.875rem;
}

.aside-reserve .hotel-box .item-rating .rating-holder {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.aside-reserve .hotel-box .rating-holder .rating-square {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
}

.aside-reserve .hotel-box .rating-holder .rating-text p strong {
    font-size: 0.875rem;
    line-height: 1;
}

.aside-reserve .hotel-box .hotel-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.aside-reserve .hotel-box .hotel-contents .item-title {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
}

.aside-reserve .hotel-box .hotel-contents .item-content {
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.75rem;
}

.aside-reserve .hotel-box .hotel-contents .item-content .media {
    position: relative;
}

.aside-reserve .hotel-box .hotel-contents .item-content .media-image {
    margin-right: 0.25rem;
}

.aside-reserve .hotel-box .hotel-contents .item-content .media-image span {
    font-size: 1.25rem;
}

.aside-reserve .guest-choice .preview-title {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
}

.aside-reserve .guest-choice .preview-title svg {
    position: relative;
    top: 0.875rem;
    left: -1.125rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.aside-reserve .guest-choice .preview-item {
    position: relative;
    padding-bottom: 0.875rem;
    margin-bottom: 0.875rem;
}

.aside-reserve .guest-choice .preview-item .media {
    align-items: flex-start;
}

.aside-reserve .guest-choice .preview-item .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.aside-reserve .guest-choice .preview-item .media-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.aside-reserve .guest-choice .preview-item .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.aside-reserve .guest-choice .preview-item .media-image .btn-gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.aside-reserve .guest-choice .preview-item .media-image .more-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.25rem;
    left: 0.25rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.aside-reserve .guest-choice .preview-item .media-image .more-images span {
    font-size: 1rem;
}

.aside-reserve .guest-choice .preview-item .media-image span {
    font-size: 1.5rem;
}

.aside-reserve .guest-choice .preview-item .media-body {
    margin-top: 0.188rem;
}

.aside-reserve .guest-choice .preview-item .media-body h3 {
    font-size: 0.875rem;
    padding-right: 2.75rem;
    margin-bottom: 0.25rem;
}

.aside-reserve .guest-choice .preview-item .media-body h4 {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.aside-reserve .guest-choice .preview-item .total-guests {
    margin-bottom: 0.625rem;
}

.aside-reserve .guest-choice .preview-item .policy-options .option-item.media {
    align-items: flex-start;
}

.aside-reserve .guest-choice .preview-item .policy-options .option-item.media .media-image:before,
.aside-reserve .guest-choice .preview-item .policy-options .media.more-info:before {
    display: none;
}

.aside-reserve .guest-choice .preview-item .policy-options .option-item.media .media-image,
.aside-reserve .guest-choice .preview-item .policy-options .media.more-info .media-image {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 0.5rem;
}

.aside-reserve .guest-choice .preview-item .policy-options .option-item {
    margin-bottom: 0.5rem;
}

.aside-reserve .guest-choice .preview-item .policy-options .option-item .media-body {
    margin-top: 0.188rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.aside-reserve .guest-choice .duration {
    margin-bottom: 0.875rem;
    padding-bottom: 0.875rem;
}

.aside-reserve .guest-choice .duration h3 {
    font-size: 0.875rem;
    font-weight: 400;
}

.aside-reserve .guest-choice .duration p {
    margin-bottom: 0;
    font-weight: 600;
}

.aside-reserve .guest-choice .reservation-info {
    display: flex;
}

.aside-reserve .guest-choice .reservation-info .data-item {
    padding: 0 0.875rem;
}

.aside-reserve .guest-choice .reservation-info .data-item:first-child {
    padding-left: 0;
}

.aside-reserve .guest-choice .reservation-info .data-item:last-child {
    padding-right: 0;
}

.aside-reserve .guest-choice .reservation-info .data-item .item-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.aside-reserve .guest-choice .reservation-info .data-item .item-title span {
    font-size: 1.5rem;
    margin-right: 0.313rem;
}

.aside-reserve .guest-choice .reservation-info .data-item p {
    margin-bottom: 0;
}

.aside-reserve .guest-choice .reservation-info .data-item .date strong {
    font-weight: 600;
}

.aside-reserve .guest-choice .reservation-info .data-item .hour {
    font-size: 0.75rem;
}

.aside-reserve .price-box .reserved-item-holder:not(:last-child) {
    margin-bottom: 0.875rem;
    padding-bottom: 0.875rem;
}

.aside-reserve .price-box .reserved-item-holder .custom-accordion .accordion-button {
    padding-top: 0;
    padding-bottom: 0;
}

.aside-reserve .price-box .reserved-item-holder .custom-accordion .accordion-body {
    padding-top: 0.875rem;
    padding-bottom: 0;
}

.aside-reserve .price-box .reserved-title {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
}

.aside-reserve .price-box .reserved-title svg {
    position: relative;
    top: 0.875rem;
    left: -1.125rem;
    width: 2.5rem;
    height: auto;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.aside-reserve .price-box .reserved-item {
    position: relative;
}

.aside-reserve .price-box .reserved-item .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.aside-reserve .price-box .reserved-item .media-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.aside-reserve .price-box .reserved-item .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.aside-reserve .price-box .reserved-item .media-image span {
    font-size: 1.5rem;
}

.aside-reserve .price-box .reserved-item .media-body h3 {
    font-size: 0.875rem;
    padding-right: 2.75rem;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-reserve .price-box .reserved-item .media-body h4 {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.aside-reserve .price-box .reserved-item .total-guests {
    margin-bottom: 0.625rem;
}

.aside-reserve .price-box .reserved-item .policy-options .option-item.media {
    align-items: flex-start;
}

.aside-reserve .price-box .reserved-item .policy-options .option-item.media .media-image:before,
.aside-reserve .price-box .reserved-item .policy-options .media.more-info:before {
    display: none;
}

.aside-reserve .price-box .reserved-item .policy-options .option-item.media .media-image,
.aside-reserve .price-box .reserved-item .policy-options .media.more-info .media-image {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 0.5rem;
}

.aside-reserve .price-box .reserved-item .policy-options .option-item {
    margin-bottom: 0.5rem;
}

.aside-reserve .price-box .reserved-item .policy-options .option-item .media-body {
    margin-top: 0.188rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.aside-reserve .price-box .payment-info ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}

.aside-reserve .price-box .payment-info ul li {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    list-style: none;
    border-right: 0;
    padding: 0;
    margin: 0 0 0.5rem 0;
}

.aside-reserve .price-box .payment-info ul li span.per-night,
.aside-reserve .price-box .payment-info ul li span.additional-info {
    font-size: 0.75rem;
}

.aside-reserve .price-box .payment-info ul li span small {
    display: inline-flex;
    font-size: 0.75rem;
    width: 4.25rem;
}

.aside-reserve .price-box .payment-info ul li span small.currency {
    width: auto;
}

.aside-reserve .price-box .payment-info ul li span:last-child {
    width: 6.25rem;
    text-align: right;
}

.aside-reserve .price-box .payment-info ul li.total {
    border: 0 none;
    margin-top: 0.875rem;
    margin-bottom: 0;
    padding: 1rem 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
}

.aside-reserve .price-box .payment-info ul li.total span:last-child {
    width: auto;
}

.aside-reserve .price-box .total-price {
    margin-top: 1.875rem;
}

.aside-reserve .price-box .total-price h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.875rem;
}

.aside-reserve .price-box .total-price .payment-info ul li.total {
    border: 0 none;
    margin-top: 0.875rem;
    padding: 1.5rem 1rem;
    font-size: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.aside-reserve .price-box .total-price .payment-info ul li.total span:last-child {
    width: auto;
}

.aside-reserve .total-payment-info .media.form-info {
    margin-top: 0.875rem;
}

/* Reserve Payment */
.reserve-section .form-section .payment-amount {
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reserve-section .form-section .payment-amount:not(:last-child) {
    margin-bottom: 1.5rem;
}

.reserve-section .form-section .payment-amount .media {
    align-items: flex-start;
}

.reserve-section .form-section .payment-amount .media-image {
    margin-right: 1.25rem;
}

.reserve-section .form-section .payment-amount .media-image svg {
    width: 3rem;
    height: auto;
}

.reserve-section .form-section .payment-amount .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.reserve-section .form-section .payment-amount .media-body p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
}

.reserve-section .form-section .payment-amount .media-body p.promo-code-success {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    font-weight: 400;
}

.reserve-section .form-section .payment-amount .media.form-info .media-image {
    margin-right: 0.5rem;
}

.reserve-section .form-section .payment-amount.tripundo .media-image svg {
    width: 3rem;
    height: auto;
}

.reserve-section .form-section .payment-amount.tripundo .media.form-info .media-image span {
    font-size: 1rem;
}

.reserve-section .form-section .promo-code-discount {
    margin-top: 1.875rem;
}

.reserve-section .form-section .promo-code {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20rem;
}

.reserve-section .form-section .promo-code .promo-code-holder {
    position: relative;
    flex: 1;
    margin-bottom: 0;
}

.reserve-section .form-section .promo-code .form-inline-button {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.reserve-section .form-section .promo-code .form-inline-button .btn {
    font-size: 0.875rem;
    margin-left: 1rem;
    padding: 0 2rem;
}

.reserve-section .form-section .promo-code .promo-code-info {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 18.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1.5rem;
    margin-right: 1.25rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.reserve-section .form-section .promo-code .promo-code-info strong {
    font-weight: 600;
}

.reserve-section .form-section .promo-code .promo-code-info-arrow {
    width: 3.125rem;
    height: 1.563rem;
    position: absolute;
    top: 50%;
    right: -2.25rem;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.reserve-section .form-section .promo-code .promo-code-info-arrow::after {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

/* Reserve Cancelation Options */
.reserve-section .form-section .cancelation-option {
    padding: 1.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reserve-section .form-section .cancelation-option.flexible .media {
    align-items: flex-start;
}

.reserve-section .form-section .cancelation-option .media-image {
    margin-right: 1.25rem;
}

.reserve-section .form-section .cancelation-option .media-image span {
    font-size: 3rem;
}

.reserve-section .form-section .cancelation-option .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.reserve-section .form-section .cancelation-option .media-body p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
}

/* Reserve Payment Progress */
.payment-progress-modal .payment-progress {
    margin-bottom: 0.375rem;
}

.payment-progress-modal .payment-progress h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    width: 100%;
}

.payment-progress-modal .payment-progress .progress-item-col:not(:last-child) {
    margin-bottom: 4.5rem;
}

.payment-progress-modal .payment-progress .progress-item {
    position: relative;
    padding: 1.5rem;
    height: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.payment-progress-modal .payment-progress .progress-item figure {
    position: absolute;
    top: calc(100% + 1rem);
    left: 1.563rem;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.payment-progress-modal .payment-progress .progress-item figure svg {
    width: 2.5rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.payment-progress-modal .payment-progress .progress-item .media {
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.payment-progress-modal .payment-progress .progress-item .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0;
    margin-bottom: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.payment-progress-modal .payment-progress .progress-item .media-image span {
    font-size: 1.5rem;
}

.payment-progress-modal .payment-progress .progress-item .media-body {
    width: 100%;
    font-weight: 500;
    flex: unset;
}

.reserve-section .form-section .add-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
    height: 9rem;
    margin-bottom: 3rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.reserve-section .form-section .add-card .item-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.reserve-section .form-section .add-card .item-holder .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.reserve-section .form-section .add-card .item-holder .icon-holder span {
    font-size: 1.5rem;
}

.reserve-section .form-section .add-card .item-holder p {
    display: block;
    width: 100%;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

.reserve-section .form-section .card-data {
    display: inline-flex;
    flex-shrink: 0;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}

.reserve-section .form-section .card-data .card-data-item {
    padding: 0 1.375rem;
}

.reserve-section .form-section .card-data .card-data-item:first-child {
    padding-left: 0;
}

.reserve-section .form-section .card-data .card-data-item .title {
    margin-bottom: 0.938rem;
}

.reserve-section .form-section .card-data .card-data-item strong {
    font-weight: 600;
}

.reserve-section .form-section .card-data .card-data-item.primary-card .form-check-holder {
    display: flex;
    justify-content: center;
}

.reserve-section .form-section .card-data .card-data-item.issuer {
    width: 10.125rem;
}

.reserve-section .form-section .card-data .card-data-item.issuer .title {
    margin-bottom: 0.875rem;
}

.reserve-section .form-section .card-data .card-data-item .card-issuer {
    display: inline-flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.reserve-section .form-section .card-data .card-data-item .card-issuer img {
    height: 1.5rem;
    width: auto;
}

.reserve-section .form-section .card-data .card-data-item .card-issuer strong {
    margin-top: 0.125rem;
    margin-left: 0.625rem;
}

/* Reservation Details Page */
.reservation-details-section {
    margin-bottom: 5rem;
}

.reservation-details-section .listing-header {
    padding-top: 1.25rem;
}

.reservation-details-section .listing-header {
    padding-bottom: 1.25rem;
    margin-bottom: 3rem;
    border: 0 none;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.reservation-details-section .section-title {
    margin-bottom: 0;
}

.reservation-details-section .listing-header-holder .toolbar-holder {
    padding: 0;
}

.reservation-details-section .listing-header-holder .toolbar-holder .btn {
    font-size: 0.875rem;
}

.reservation-details-section .reservation-main-status {
    margin-bottom: 1.875rem;
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .reservation-main-status .media {
    align-items: flex-start;
}

.reservation-details-section .reservation-main-status .media-image {
    margin-right: 1.25rem;
}

.reservation-details-section .reservation-main-status .media-image svg {
    width: 3rem;
    height: auto;
}

.reservation-details-section .reservation-main-status .media-body h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.reservation-details-section .reservation-main-status .media-body p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
}

.reservation-details-section .reservation-main-status .media.form-info .media-image {
    margin-right: 0.5rem;
}

.reservation-details-section .reservation-main-status .media.form-info p {
    font-size: 0.75rem;
    font-weight: 400;
}

.reservation-details-section .reservation-main-status .media.form-info p:not(:last-child) {
    margin-bottom: 0.5rem;
}

.reservation-details-section .reservation-main-status .media.form-info .media-image span {
    font-size: 1rem;
}

.reservation-details-section .listing-item .item-content .item-name {
    margin-bottom: 1rem;
}

.reservation-details-section .list-view .listing-item .item-rating {
    margin-bottom: 0;
}

.reservation-details-section .list-view .listing-item .rating-holder .rating-text {
    margin-left: 0.625rem;
    margin-right: 0;
    text-align: left;
}

.reservation-details-section .hotel-info {
    margin-bottom: 1rem;
}

.reservation-details-section .hotel-info .media {
    align-items: flex-start;
}

.reservation-details-section .hotel-info .media-image {
    margin-right: 0.5rem;
}

.reservation-details-section .hotel-info .media-image svg {
    width: 1.875rem;
    height: 1.875rem;
}

.reservation-details-section .hotel-info .media-body {
    margin-top: 0.125rem;
}

.reservation-details-section .hotel-info .media-body .hotel-address {
    margin-bottom: 0.25rem;
}

.reservation-details-section .hotel-info .media-body .hotel-location {
    display: flex;
    align-items: center;
}

.reservation-details-section .hotel-info .media-body .hotel-location span {
    margin-right: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.reservation-details-section .hotel-info .media-body .hotel-location .btn {
    height: 1.5rem;
    font-size: 0.75rem;
    padding: 0 0.5rem;
    font-weight: 500;
}

.reservation-details-section .list-view .listing-item .item-content .item-info-holder {
    width: 50%;
    height: 100%;
    padding-top: 0.5rem;
    padding-right: 1rem;
}

.reservation-details-section .listing-item .item-details {
    width: 50%;
    padding-top: 0.5rem;
    padding-left: 1rem;
}

.reservation-details-section .listing-item .item-details .vacation-data .media {
    align-items: flex-start;
}

.reservation-details-section .listing-item .item-details .vacation-data .media:not(:last-child) {
    margin-bottom: 0.5rem;
}

.reservation-details-section .listing-item .item-details .vacation-data .media-image {
    margin-right: 0.5rem;
}

.reservation-details-section .listing-item .item-details .vacation-data .media-body {
    margin-top: 0.125rem;
}

.reservation-details-section .listing-item .item-details .vacation-data .media-body span {
    display: inline-flex;
}

.reservation-details-section .listing-item .item-details .vacation-data .media-body span:first-child {
    width: 5.625rem;
}

.reservation-details-section .listing-item .item-details .vacation-data .media-body span strong {
    margin-right: 0.188rem;
}

.reservation-details-section .title-col .title-holder {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
}

.reservation-details-section .title-col:first-child .title-holder {
    margin-top: 0;
}

.reservation-details-section .title-holder h2 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.reservation-details-section .title-holder p {
    font-size: 0.75rem;
}

.reservation-details-section .title-holder .btn {
    margin-top: 0;
    height: 2.25rem;
    font-size: 0.875rem;
}

.reservation-details-section .reservation-payment-process .payment-item-col {
    margin-bottom: 1.5rem;
}

.reservation-details-section .reservation-payment-process .payment-item {
    padding: 1.5rem;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .reservation-payment-process .payment-item.tripundo .media {
    position: relative;
    height: 100%;
}

.reservation-details-section .reservation-payment-process .payment-item.tripundo .media:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% + 0.75rem);
}

.reservation-details-section .reservation-payment-process .payment-item .media {
    align-items: flex-start;
    padding-right: 0.75rem;
}

.reservation-details-section .reservation-payment-process .payment-item .media-image {
    margin-right: 1.25rem;
}

.reservation-details-section .reservation-payment-process .payment-item .media-image svg {
    width: 3rem;
    height: auto;
}

.reservation-details-section .reservation-payment-process .payment-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.reservation-details-section .reservation-payment-process .payment-item .media-body p {
    margin-bottom: 0;
}

.reservation-details-section .reservation-payment-process .payment-item .media-body p.payment-amount {
    font-size: 1.25rem;
    font-weight: 600;
}

.reservation-details-section .reservation-payment-process .payment-item .media.form-info {
    height: auto;
    padding-right: 0;
}

.reservation-details-section .reservation-payment-process .payment-item .media.form-info::after {
    display: none;
}

.reservation-details-section .reservation-payment-process .payment-item .media.form-info .media-image {
    margin-right: 0.5rem;
}

.reservation-details-section .reservation-payment-process .payment-item .media.form-info .media-image span {
    font-size: 1rem;
}

.reservation-details-section .reservation-payment-process .payment-item .payment-data-holder {
    padding-left: 0.75rem;
}

.reservation-details-section .reservation-payment-process .payment-item .payment-data-holder .payment-info:not(:last-child) {
    margin-bottom: 1rem;
}

.reservation-details-section .reservation-payment-process .payment-item .payment-data-holder .payment-info .info-title {
    margin-bottom: 0;
}

.reservation-details-section .reservation-payment-process .payment-item .payment-data-holder .payment-info .info {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
}

.reservation-details-section .reservation-payment-process .payment-item .payment-data-holder .payment-info .additional-info {
    margin-bottom: 0;
}

.reservation-details-section .reservation-rules-col {
    margin-bottom: 1.5rem;
}

.reservation-details-section .reservation-rule-item {
    padding: 1.5rem;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .reservation-rule-item .media {
    align-items: flex-start;
}

.reservation-details-section .reservation-rule-item .media-image {
    margin-right: 1.25rem;
}

.reservation-details-section .reservation-rule-item .media-image svg {
    width: 3rem;
    height: auto;
}

.reservation-details-section .reservation-rule-item .media-image span {
    font-size: 3rem;
}

.reservation-details-section .reservation-rule-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.reservation-details-section .reservation-rule-item .media-body p {
    margin-bottom: 0;
}

.reservation-details-section .reservation-rule-item .media-body p.date {
    font-size: 1.25rem;
    font-weight: 600;
}

.reservation-details-section .reservation-rule-item .media-body p small {
    font-weight: 400;
    font-size: 0.75rem;
}

.reservation-details-section .hotel-info-section .title-col:first-child .title-holder {
    margin-top: 1.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-col {
    margin-bottom: 1.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item {
    position: relative;
    padding: 1.5rem 1.5rem 5.25rem 1.5rem;
    height: 100%;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data {
    margin-bottom: 1.25rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    outline-offset: 0.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image .user-initials {
    position: absolute;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-body h4 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-body p {
    margin-bottom: 0;
}

.reservation-details-section .hotel-info-section .hotel-info-item .hotel-info-data .media {
    align-items: flex-start;
}

.reservation-details-section .hotel-info-section .hotel-info-item .hotel-info-data .media:not(:last-child) {
    margin-bottom: 0.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .hotel-info-data .media-image {
    margin-right: 0.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .hotel-info-data .media-body {
    margin-top: 0.125rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .hotel-info-data .media-body p {
    margin-bottom: 0;
}

.reservation-details-section .hotel-info-section .hotel-info-item .button-holder {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}

.reservation-details-section .hotel-info-section .hotel-info-item .button-holder .btn {
    height: 2.25rem;
    font-size: 0.875rem;
    width: 14rem;
}

.reservation-details-section .next-steps-section .title-col:first-child .title-holder {
    margin-top: 1.5rem;
}

.reservation-details-section .next-steps-section .next-step-col {
    margin-bottom: 1.5rem;
}

.reservation-details-section .next-steps-section .next-step-item {
    padding: 1.5rem;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .next-steps-section .next-step-item .media {
    align-items: flex-start;
}

.reservation-details-section .next-steps-section .next-step-item .media-image {
    margin-right: 1.25rem;
}

.reservation-details-section .next-steps-section .next-step-item .media-image span {
    font-size: 3rem;
}

.reservation-details-section .next-steps-section .next-step-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.reservation-details-section .next-steps-section .next-step-item .media-body p {
    margin-bottom: 0;
}

.reservation-details-section .help-section {
    margin-top: 1.5rem;
}

.reservation-details-section .help-section .help-col {
    margin-bottom: 1.5rem;
}

.reservation-details-section .help-section .help-item {
    position: relative;
    padding: 1.5rem 1.5rem 5.25rem 1.5rem;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.reservation-details-section .help-section .help-item .media {
    align-items: flex-start;
}

.reservation-details-section .help-section .help-item .media-image {
    margin-right: 1.25rem;
}

.reservation-details-section .help-section .help-item .media-image span {
    font-size: 3rem;
}

.reservation-details-section .help-section .help-item .media-image svg {
    width: 3rem;
    height: auto;
}

.reservation-details-section .help-section .help-item .media-body h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5
}

.reservation-details-section .help-section .help-item .media-body p {
    margin-bottom: 0.5rem;
}

.reservation-details-section .help-section .help-item .media-body p:last-of-type {
    margin-bottom: 0;
}

.reservation-details-section .help-section .help-item .button-holder {
    position: absolute;
    bottom: 1.5rem;
    left: 5.75rem;
}

.reservation-details-section .help-section .help-item .button-holder .btn {
    height: 2.25rem;
    font-size: 0.875rem;
    width: 13.5rem;
}


/* Intl-tel-input */
.input-with-country-code .iti {
    width: 100%;
}

:root {
    --iti-hover-color: #F7F7F7;
    --iti-border-color: #C8CACC;
    --iti-dialcode-color: #191E39;
}

.iti__country-container {
    padding-right: 0;
}

.iti__country-container,
.iti__selected-country,
.iti__selected-country-primary {
    -webkit-border-top-left-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-radius-topleft: 0.25rem;
    -moz-border-radius-bottomleft: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.iti input.iti__tel-input {
    padding-left: 62px !important;
}

.iti__selected-country-primary {
    padding: 0 0.75rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iti--inline-dropdown .iti__dropdown-content {
    margin-top: 0.75rem;
    padding: 1rem 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    box-shadow: none;
}

.iti__search-input {
    min-height: 2.5rem;
    margin-bottom: 1rem;
    padding: 0.375rem 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    outline: none;
}

.iti__country-list {
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.iti__country {
    padding: 0.5rem 1rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iti__dial-code {
    font-weight: 600;
}

/* Intl-tel-input PopUp*/
.iti--fullscreen-popup.iti--container {
    padding: 2.5rem;
}

.iti--fullscreen-popup .iti__dropdown-content {
    padding: 1.25rem;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.iti--fullscreen-popup .iti__close-button {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
}

.iti--fullscreen-popup .iti__close-button svg {
    width: 0.75rem;
    height: 0.75rem;
}


/* Notifications */
.service-items-holder .service-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 0;
}

.service-items-holder .service-item:first-child {
    padding-top: 0;
}

.service-items-holder .service-item .new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.service-items-holder .service-item .item-date time {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.service-items-holder .service-item h2 {
    font-size: 1.25rem;
    font-weight: 600;
}

.service-items-holder .service-item h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.875rem;
}

.service-items-holder .service-item ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

/*** Chat page ***/
/*****************/

.main-container.messages-main-container {
    padding: 1.25rem 0;
}

/* Chat aside */
.aside-col.aside-col-messages {
    position: relative;
    width: 24rem;
    min-height: 100%;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1000;
}

.chat-aside {
    padding-left: 1.5rem;
    width: 24rem;
}

.chat-aside .aside-holder {
    padding: 0 0 0 0;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.chat-aside .aside-box {
    padding: 1rem 0;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-header {
    padding: 0 1rem 1rem 1rem;
}

.chat-aside .contact-header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.chat-aside .contact-header-title h1 {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
}

.chat-aside .contact-header-title .btn-information {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0.313rem;
}

.chat-aside .contact-header .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    margin-left: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-header .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
}

.chat-aside .contact-header .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

.chat-aside .contact-header .btn-action span {
    font-size: 1.5rem;
}

.chat-aside .contact-header-search {
    display: block;
    width: 100%;
}

.chat-aside .contact-header-search .search-holder .input-group .form-control {
    height: 2.25rem;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.chat-aside .contact-header-search .search-holder .input-group .form-control.input-with-icon {
    padding: 0 .75rem 0 3rem;
}

.chat-aside .contact-header-search .search-holder svg.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.chat-aside .contact-header-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-aside .contact-header-options .form-select {
    height: 2.25rem;
    width: auto;
}

.chat-aside .contact-overflow-holder {
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.chat-aside .contacts-holder {
    overflow: hidden;
}

.chat-aside .contact-item {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item:hover,
.chat-aside .contact-item:focus {
    text-decoration: none;
}

.chat-aside .contact-item .contact-item-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.25rem 1rem;
}

.chat-aside .contact-item .contact-item-content .image-holder {
    position: relative;
    display: flex;
    margin-right: 1.5rem;
}

.chat-aside .contact-item .contact-item-content .image-holder .badge.badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.675rem;
    font-weight: 600;
    padding: 0;
    line-height: unset;
    z-index: 1;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}

.chat-aside .contact-item .contact-item-content .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 5rem;
    outline-offset: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item .contact-item-content .media-image::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.chat-aside .contact-item .contact-item-content .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item .contact-item-content .media-image span {
    position: absolute;
    font-size: 2rem;
}

.chat-aside .contact-item .contact-item-content .media-image-user {
    position: absolute;
    left: 3.5rem;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item.active .contact-item-content .media-image .item-image,
.chat-aside .contact-item:hover .contact-item-content .media-image .item-image {
    opacity: 1;
}

.chat-aside .contact-item .contact-item-content .media-image-user::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.chat-aside .contact-item .contact-item-content .media-image-user .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.chat-aside .contact-item .contact-item-content .media-image-user span {
    position: absolute;
    font-size: 1.25rem;
}

.chat-aside .contact-item .contact-item-content .contact-info {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.chat-aside .contact-item .contact-item-content .contact-info-header {
    display: flex;
}

.chat-aside .contact-item .contact-info time {
    position: absolute;
    top: 0.15rem;
    right: 1rem;
    margin-bottom: 0;
    font-size: 0.75rem;
}

.chat-aside .contact-item .contact-item-content .contact-info-header .contact-name {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item .contact-info p.subtitle {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.313rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-aside .contact-item .contact-info p.teaser {
    font-size: 0.75rem;
    margin-bottom: 0.313rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-aside .contact-item .contact-info .property {
    font-size: 0.75rem;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-aside .contact-item .contact-info p.booked-date {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.chat-aside .contact-item .swipe-options {
    position: absolute;
    top: 0;
    right: -4.25rem;
    display: flex;
    align-items: center;
    height: calc(100% + 1px);
    width: 4.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chat-aside .contact-item .swipe-options .option-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    cursor: default;
}

.chat-aside .contact-item .swipe-options .option-holder .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-aside .contact-item .swipe-options .option-holder .btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

.chat-aside .contact-item.swap-open {
    margin-left: -4.25rem;
    margin-right: 4.25rem;
}

/* Chat messages */
.chat-section .page-container {
    padding: 0 1.5rem 0 0;
}

.chat-section .page-holder.messages-chat {
    position: relative;
    height: 100%;
    padding: 0 0 0 0;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.messages-chat .messages-chat-header {
    display: flex;
    align-items: center;
}

.messages-chat .messages-chat-header .media {
    overflow: hidden;
    padding: 1rem 4rem 1rem 1rem;
    width: 100%;
}

.messages-chat .messages-chat-header .media-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 3.125rem;
    outline-offset: 0.25rem;
}

.messages-chat .messages-chat-header .media-image:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.messages-chat .messages-chat-header .media-image .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.messages-chat .messages-chat-header .media-image span {
    position: absolute;
    font-size: 1.875rem;
}

.messages-chat .messages-chat-header .media-body {
    overflow: hidden;
}

.messages-chat .messages-chat-header .media-body p.contact-name {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messages-chat .messages-chat-header .media-body p.property-name {
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messages-chat .messages-chat-header-options {
    position: absolute;
    right: 1rem;
}

.messages-chat .messages-chat-header-options .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.messages-chat .messages-chat-header-options .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.messages-chat .messages-chat-header-options .btn-action span {
    font-size: 1.5rem;
}

.messages-chat .messages-content-holder {
    display: block;
    width: 100%;
    padding: 1rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.messages-chat .messages-content-holder .new-messages-indicator {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2px;
    background-color: #FDCA40;
    margin: 2.5rem 0 1.875rem;
}

.messages-chat .messages-content-holder .new-messages-indicator .indicator-text {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    background-color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.messages-chat .messages-content-holder .new-messages-indicator .indicator-text span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #FDCA40;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messages-chat .new-messages-button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.messages-chat .new-messages-button-holder .btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 2.5rem;
    padding: 0;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.messages-chat .new-messages-button-holder .btn .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.messages-chat .new-messages-button-holder .btn .icon-holder svg {
    width: 1.125rem;
    height: 1.125rem;
}

.messages-chat .message {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-bottom: 1.875rem;
}

.messages-chat .message.message-sent {
    justify-content: flex-end;
}

.messages-chat .message.message-received {
    justify-content: flex-start;
}

.messages-chat .message .message-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    max-width: 80%;
}

/* massages-image regular
.messages-chat .message .message-content .uploaded-image-holder {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.messages-chat .message .message-content .uploaded-image-holder img {
    max-height: 18.75rem;
    width: auto;
    margin-right: 1rem;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}

.messages-chat .message .message-content .uploaded-image-holder img:not(:last-child) {
    margin-right: 1rem;
}
*/

/* total-images */
.messages-chat .message .message-content .total-images {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0 0.5rem;
    height: 2.25rem;
    z-index: 5;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.messages-chat .message .message-content .total-images .media-image {
    margin-right: 0.313rem;
}

.messages-chat .message .message-content .total-images .media-image span {
    font-size: 1.25rem;
}

.messages-chat .message.message-received .message-content .total-images {
    left: 0.625rem;
}

.messages-chat .message.message-sent .message-content .total-images {
    right: 0.625rem;
}

/* download-images */
.messages-chat .message .message-content .download-images {
    position: absolute;
    top: 0.625rem;
    z-index: 5;
}

.messages-chat .message .message-content .download-images .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messages-chat .message .message-content .download-images .btn .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
}

.messages-chat .message .message-content .download-images .btn span {
    font-size: 1.25rem;
}

.messages-chat .message.message-received .message-content .download-images {
    right: 0.625rem;
}

.messages-chat .message.message-sent .message-content .download-images {
    left: 0.625rem;
}


/* uploaded-image-holder */
.messages-chat .message .message-content .uploaded-image-holder {
    position: relative;
    display: inline-block;
    width: 12.5rem;
    height: 18.75rem;
    cursor: pointer;
}

.messages-chat .message .message-content .uploaded-image-holder a,
.messages-chat .message .message-content .uploaded-image-holder a:hover,
.messages-chat .message .message-content .uploaded-image-holder a:focus {
    text-decoration: none;
}

.messages-chat .message .message-content .uploaded-image-holder img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* message-received uploaded-image-holder */
.messages-chat .message.message-received .message-content .uploaded-image-holder {
    margin-top: 1.25rem;
}

/* message-received rotate */
.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(1) {
    transform: rotate(0deg);
    z-index: 4;
    left: 0;
}

.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(2) {
    transform: rotate(5deg);
    z-index: 3;
    left: 0.938rem;
}

.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(3) {
    transform: rotate(10deg);
    z-index: 2;
    left: 1.563rem;
}

.messages-chat .message.message-received .message-content .uploaded-image-holder img:nth-child(4) {
    transform: rotate(15deg);
    z-index: 1;
    left: 2.188rem;
}

.messages-chat .message.message-received .message-content .uploaded-image-holder:hover img {
    transform: rotate(0deg);
    left: 0;
}

/* uploading images */
.messages-chat .message-content .uploaded-image-holder .item-progress {
    display: none;
}

.messages-chat .message-content .uploaded-image-holder.uploading {
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    cursor: default;
}

.messages-chat .message-content .uploaded-image-holder.uploading .download-images,
.messages-chat .message-content .uploaded-image-holder.uploading a {
    display: none;
}

.messages-chat .message-content .uploaded-image-holder .item-progress {
    position: absolute;
    top: 50%;
    padding: 0.625rem;
    width: 100%;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Loader */
/* Loader Dots */
.loader-holder {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: transparent;
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 20;
}

.listing-page-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    z-index: 1050;
}

.listing-page-loading .loading-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 12.5rem;
    height: 12.5rem;
    border-width: 0.25rem;
    border-style: solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2.5rem 0 rgba(24, 23, 23, 0.1);
    -moz-box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

.listing-page-loading .loader-holder {
    position: relative;
    top: unset;
    left: unset;
    width: auto;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    z-index: unset;
}

.listing-page-loading p {
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0;
}

.reservation-page-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    z-index: 20;
}

.reservation-page-loading img {
    width: 35rem;
    margin-bottom: 1.875rem;
}

.reservation-page-loading .loader-holder {
    position: relative;
    top: unset;
    left: unset;
    width: auto;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    z-index: unset;
}

.reservation-page-loading p {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0;
}

.loader-holder .loader {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 5.625rem;
    height: auto;
    margin: 0 auto;
    /* animation: slide-in 2s; */
}

@keyframes leap {
    0% {
        transform: translateY(0);
    }

    7% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.loader-holder .dot {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.loader-holder .dot:nth-child(1) {
    animation: leap 1s ease-in-out alternate 0.4s infinite;
}

.loader-holder .dot:nth-child(2) {
    animation: leap 1s ease-in-out alternate 0.6s infinite;
}

.loader-holder .dot:nth-child(3) {
    animation: leap 1s ease-in-out alternate 0.8s infinite;
}



/* message-sent uploaded-image-holder */
.messages-chat .message.message-sent .message-content .uploaded-image-holder {
    margin-top: 1.25rem;
}

/* message-sent rotate */
.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(1) {
    transform: rotate(0deg);
    z-index: 4;
    right: 0;
}

.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(2) {
    transform: rotate(-5deg);
    z-index: 3;
    right: 0.938rem;
}

.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(3) {
    transform: rotate(-10deg);
    z-index: 2;
    right: 1.563rem;
}

.messages-chat .message.message-sent .message-content .uploaded-image-holder img:nth-child(4) {
    transform: rotate(-15deg);
    z-index: 1;
    right: 2.188rem;
}

.messages-chat .message.message-sent .message-content .uploaded-image-holder:hover img {
    transform: rotate(0deg);
    right: 0;
}

/* uploaded-file, web-link */
.messages-chat .message .message-content .uploaded-file .btn {
    padding: 0;
    height: auto;
    font-size: 0.875rem;
}

.messages-chat .message .message-content .uploaded-file .btn:hover {
    opacity: 1;
}

.messages-chat .message .message-content .web-link a,
.messages-chat .message .message-content .web-link a:hover,
.messages-chat .message .message-content .web-link a:focus {
    text-decoration: none;
}

.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message .message-content .web-link .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messages-chat .message .message-content .uploaded-file .media-image span,
.messages-chat .message .message-content .web-link .media-image span {
    font-size: 1.25rem;
}

.messages-chat .message .message-content .uploaded-file .media-body p,
.messages-chat .message .message-content .web-link .media-body p {
    margin-bottom: 0;
    text-align: left;
}

.messages-chat .message .message-content .uploaded-file .media-body p:last-child,
.messages-chat .message .message-content .web-link .media-body p:last-child {
    font-size: 0.75rem;
}

/* message-video-holder */
.messages-chat .message .message-content .message-video-holder {
    display: block;
    width: 29rem;
    height: auto;
    margin: 0;
    overflow: hidden;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.messages-chat .message.message-received .message-content {
    max-width: 90%;
}

.messages-chat .message .message-image-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
    width: 3.125rem;
    outline-offset: 0.25rem;
}

.messages-chat .message .message-image-holder::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.messages-chat .message .message-image-holder .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.messages-chat .message .message-image-holder span {
    position: absolute;
    font-size: 1.875rem;
}

.messages-chat .message .message-image-holder svg {
    width: 1.375rem;
    height: 1.375rem;
}

.messages-chat .message .message-image-holder img {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messages-chat .message .message-image-holder span {
    font-size: 1.625rem;
}

.messages-chat .message .message-bubble {
    padding: 1rem 1.25rem;
    word-break: break-word;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.messages-chat .message .message-bubble.web-link a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.messages-chat .message .message-time {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.messages-chat .message .message-content .message-status {
    position: absolute;
    top: 100%;
    right: 0.625rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
}

.messages-chat .message-input {
    display: flex;
    align-items: flex-end;
    padding: 1rem;
}

.messages-chat .message-input .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messages-chat .message-input .btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.messages-chat .message-input .btn-action span {
    font-size: 1.375rem;
}

.messages-chat .message-input .form-control {
    margin: 0 1rem;
    resize: none;
}

.messages-chat .message-bubble .typing {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.313rem;
}

.messages-chat .message-bubble .dot {
    width: 0.625rem;
    height: 0.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: blink 1.4s infinite both;
}

.messages-chat .message-bubble .dot:not(:last-child) {
    margin-right: 0.313rem;
}

.messages-chat .message-bubble .dot:nth-child(2) {
    animation-delay: 0.2s;
}

.messages-chat .message-bubble .dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes blink {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

/* Footer */
.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.footer a:hover {
    text-decoration: none;
}

.footer-newsletter {
    padding-top: 5rem;
}

.newsletter-wrapper {
    display: block;
    width: 100%;
    padding-bottom: 5rem;
}

.footer-newsletter .newsletter-holder {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.footer-newsletter .newsletter-content {
    width: 30rem;
}

.footer-newsletter .newsletter-text {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

.footer-newsletter .newsletter-text h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.footer-newsletter .newsletter-text p {
    margin-bottom: 0;
}

.footer-newsletter .input-group .form-control {
    padding-right: 8.5rem;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.footer-newsletter .input-group .btn {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    height: 2.25rem;
    font-size: 0.875rem;
    padding: 0 2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    z-index: 10;
}

.footer-general {
    position: relative;
}

.footer-general>.container {
    position: relative;
    z-index: 1;
}

.footer .footer-wrapper {
    position: relative;
    padding: 5rem 0 2.5rem 0;
}

.footer .footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}

.footer .footer-content h3 {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    min-height: 2rem;
    margin-bottom: 1rem;
}

.footer .footer-content h3 .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    margin-right: 0;
    height: auto;
    width: 2rem;
}

.footer .footer-content h3 .icon-holder svg {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0;
}

.footer .footer-content h3 .icon-holder span {
    font-size: 1.625rem;
}

.footer .footer-content .footer-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.footer .footer-content .footer-nav li {
    list-style: none;
    display: flex;
    width: 100%;
}

.footer .footer-content .footer-nav a {
    font-weight: 500;
    padding: 0.5rem 0;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer .footer-content .footer-nav li:first-child a {
    padding-top: 0;
}

.footer .social-links {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 2.5rem;
}

.footer .social-links ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.footer .social-links ul li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.footer .social-links ul li:not(:last-child) {
    margin-right: 1rem;
}

.footer .social-links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer .social-links ul li a:hover {
    text-decoration: none;
}

.footer .social-links ul li svg {
    width: 2rem;
    height: 2rem;
}

.footer-bottom-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 0;
}

.footer .content-holder.content-left {
    display: flex;
    align-items: center;
}

.footer .content-holder.content-left ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer .content-holder.content-left ul li {
    list-style: none;
    font-size: 0.875rem;
}

.footer .content-holder.content-left ul li:not(:last-child) {
    margin-right: 1rem;
}

.footer .content-holder.content-left ul li a {
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer .content-holder.content-right {
    display: flex;
    align-items: center;
}

.footer .content-holder.content-right a {
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer .content-holder.content-right p {
    font-weight: 400;
    margin-bottom: 0;
}

.footer .payment-cards {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 2.5rem;
}

.footer .payment-cards .payment-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 3.125rem;
    padding: 0.5rem;
    overflow: hidden;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.footer .payment-cards .payment-item:not(:last-child) {
    margin-right: 1rem;
}

.footer .payment-cards .payment-item img {
    max-height: 100%;
    width: auto;
}

.footer .developed-by {
    font-size: 0.875rem;
    padding: 2.5rem 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.footer .developed-by p {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: 0;
}

.footer .developed-by p .btn-link {
    display: inline-block;
    margin-left: 0.313rem;
    font-weight: 600;
}

.footer .developed-by p a {
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.313rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Login*/
/* Split Screen Login Page */
.split-screen .content-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 100vh;
}

.split-screen .split-left .content-holder {
    padding: 4.5rem 1.25rem;
}

.split-screen .logo,
.split-screen .logo-mobile {
    position: absolute;
    top: 1.25rem;
    left: 1.5rem;
    height: 2.5rem;
    width: auto;
}

.split-screen .content-holder .content-item {
    width: 28.125rem;
}

.split-screen .content-holder .main-title {
    display: block;
    width: 100%;
    margin-bottom: 1.875rem;
}

.split-screen .content-holder .main-title h1 {
    font-size: 1.875rem;
    font-weight: 500;
}

.split-screen .content-holder .main-title p {
    margin-bottom: 0;
}

.split-screen .login-networks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
}

.split-screen .login-networks .btn {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    height: 2.5rem;
}

.split-screen .login-networks .btn:not(:last-child) {
    margin-right: 0.625rem;
}

.split-screen .login-networks .btn-with-icon svg.logo-facebook {
    height: 1.438rem;
}

.split-screen .separator-line {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1.25rem;
}

.split-screen .separator-line::before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
}

.split-screen .separator-line span {
    padding: 0 0.625rem;
    z-index: 1;
}

.split-screen .content-holder .user-register {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

.split-screen .content-holder .user-register p {
    text-align: center;
    margin-bottom: 0;
}

.split-screen .content-holder .user-register p {
    text-align: center;
}

.split-screen .button-back {
    margin-bottom: 1.25rem;
}

.split-screen .button-back .btn {
    padding: 0;
    height: auto;
    font-size: 0.875rem;
    font-weight: 500;
}

.split-screen .button-back .btn svg {
    position: relative;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.split-screen .button-back .btn:hover svg {
    left: -0.25rem;
}

.split-screen .content-holder .form-group {
    margin-bottom: 1.25rem;
}

.split-screen .content-holder .form-control {
    height: 2.5rem;
}

.split-screen .input-with-right-icon input {
    padding-right: 2.5rem;
}

.split-screen .input-with-right-icon .btn-password {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0;
    margin: 0;
}

.split-screen .btn-password span {
    font-size: 1.375rem;
}

.split-screen .btn-password span:last-child {
    display: none;
}

.split-screen .btn-password.visible span:first-child {
    display: none;
}

.split-screen .btn-password.visible span:last-child {
    display: flex;
}

.split-screen .content-holder .login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.split-screen .content-holder .login-options .form-check,
.split-screen .content-holder .login-options p {
    margin-bottom: 0;
}

.split-screen .content-holder .login-options .form-check a {
    text-decoration: underline;
    margin-left: 0.25rem;
}

.split-screen .content-holder .login-options .form-check a:hover {
    text-decoration: none;
}

.split-screen .content-holder .button-holder {
    margin: 2.5rem 0 0 0;
}

.split-screen .split-left .content-holder .button-holder .btn {
    width: 100%;
    height: 2.5rem;
}

.split-screen .content-holder .user-register {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

.split-screen .content-holder .user-register p {
    text-align: center;
}

.split-screen .content-holder .user-register a {
    font-weight: 400;
}

.split-screen .split-right .content-holder .content-item {
    width: 85%;
}

.split-screen .splide.full-height {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.split-screen .splide .slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.split-screen .splide .slider-item .image-holder {
    margin-bottom: 1.875rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.split-screen .splide .slider-item .image-holder img {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.split-screen .splide .item-content {
    text-align: center;
}

.split-screen .splide .item-content h2 {
    font-size: 1.875rem;
    font-weight: 800;
}

.split-screen .splide.full-height .splide__pagination {
    position: absolute;
    top: unset;
    bottom: 1.875rem;
}



/******************************/
/* Default light color scheme */
/******************************/

/* Background colors */
/*********************/

/* background-color FFFFFF */
.toast,
.white-bg,
.btn.white-bg,
.btn.white-bg:hover,
.btn.white-bg:focus,
.btn.white-bg.disabled,
.btn.white-bg:disabled,
.btn.white-bg:active,
.btn.white-bg.active,
.btn.white-bg:first-child:active,
:not(.btn-check)+.btn.white-bg:active,
.form-control,
.form-control:focus,
.form-select,
.form-check-input:checked,
.datepicker-picker,
.datepicker-controls .button,
.choices__inner,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.choices__list--single,
.custom-accordion .accordion-item,
.custom-accordion .accordion-button,
.custom-accordion .accordion-body,
.section,
.options-section .options-holder .scrollbar-thumb,
.splide__pagination__page,
.slider-styled .noUi-handle,
.active-filters-content .btn:first-child,
.listing-header-holder .toolbar-holder .listing-options .btn,
.separator-line span,
.listing-item .view-date,
.listing-item .item-content .room .number-of-rooms,
.gallery-modal.custom-modal .modal-header,
.gallery-room-modal .gallery-room-contents .title,
.desktop-table th,
.desktop-table td,
.chat-section .page-container,
.messages-chat .message .message-content .total-images,
.uploading-col .dropzone-item,
.available-rooms-mobile .toolbar-section,
.reserve-section .form-section .promo-code .promo-code-info,
.reserve-section .form-section .promo-code .promo-code-info-arrow::after {
    background-color: #FFFFFF;
}

/* background-color F7F7F7 */
.form-control:disabled,
.form-select:disabled,
.gray-bg,
.btn.gray-bg,
.btn.gray-bg:hover,
.btn.gray-bg:focus,
.btn.gray-bg.disabled,
.btn.gray-bg:disabled,
.btn.gray-bg:active,
.btn.gray-bg.active,
.btn.gray-bg:first-child:active,
:not(.btn-check)+.btn.gray-bg:active,
.header .currency-option .dropdown-item.selected,
.header .language-option .dropdown-item.selected,
.dropdown-item:hover,
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__list--single,
.choices__list--multiple .choices__item,
.choices__list--multiple .choices__item.is-highlighted,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
.datepicker-cell:not(.disabled):not(.selected):hover,
.options-section .options-holder .custom-scrollbar,
.input-group.input-number .form-control,
.counter-item.light-gray-bg,
.popular-filters-box .filter-content .btn-filter-item,
.noUi-target,
.option-holder .dropdown-item,
.dropdown-menu .social-share ul li a,
.custom-modal .modal-header .btn-close,
.offcanvas-currency .currency-item.selected,
.offcanvas-currency .currency-item.btn:hover,
.table-holder .controls-container .control,
.testimonials-slider .property-header .media-image,
.testimonial-item .testimonial-unit .media .media-image,
.progress,
.chat-aside .contact-item .contact-item-content .media-image,
.contact-item .contact-item-content .media-image-user,
.messages-chat .messages-chat-header .media-image,
.messages-chat .message .message-image-holder,
.messages-chat .message .message-bubble,
.messages-chat .message .message-bubble.web-link,
.messages-chat .message-content .uploaded-image-holder.uploading,
.dropzone-item .item-icon,
.guest-header .media-image,
.reservation-header .media-image,
.reservation-details .collapse-col .item-header .media-image,
.offcanvas-reservation-preview-mobile .preview-item .media-image,
.iti__country.iti__highlight,
.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-image,
.select-language-modal .language-item:hover,
.select-language-modal .language-item.selected,
.aside-reserve .guest-choice .preview-item .media-image,
.aside-reserve .price-box .reserved-item .media-image,
.reserve-section .form-section .cancelation-option.fixed,
.footer {
    background-color: #F7F7F7;
}

.messages-chat .message .message-bubble.web-link,
.messages-chat .message .message-bubble.uploaded-file {
    background-color: #F7F7F7 !important;
}

/* background-color E0E0E0 */
.input-group.input-number .btn:disabled .icon-holder,
.form-check.form-switch .form-check-input,
.noUi-marker-large {
    background-color: #E0E0E0;
}

/* background-color FDCA40 */
.yellow-bg,
.btn.yellow-bg,
.btn.yellow-bg:hover,
.btn.yellow-bg:focus,
.btn.yellow-bg.disabled,
.btn.yellow-bg:disabled,
.btn.yellow-bg:active,
.btn.yellow-bg.active,
.btn.yellow-bg:first-child:active,
:not(.btn-check)+.btn.yellow-bg:active,
.splide__pagination__page.is-active,
.noUi-connect,
.noUi-tooltip,
.progress-bar,
.messages-chat .message-bubble .dot:nth-child(2),
.loader-holder .dot:nth-child(2),
.reservation-details-section .reservation-payment-process .payment-item.tripundo .media:after,
.reservation-page-loading .loader-holder .dot:nth-child(1),
.reservation-page-loading .loader-holder .dot:nth-child(3) {
    background-color: #FDCA40;
}

/* background-color FE6227 */
.orange-bg,
.btn.orange-bg,
.btn.orange-bg:hover,
.btn.orange-bg:focus,
.btn.orange-bg.disabled,
.btn.orange-bg:disabled,
.btn.orange-bg:active,
.btn.orange-bg.active,
.btn.orange-bg:first-child:active,
:not(.btn-check)+.btn.orange-bg:active,
.custom-modal.orange .modal-header {
    background-color: #FE6227;
}

/* background-color FFBBFA */
.pink-bg {
    background-color: #FFBBFA;
}

/* background-color 5F23D3 */
.header,
.offcanvas-header,
.custom-modal.purple .modal-header,
.purple-bg,
.btn.purple-bg,
.btn.purple-bg:hover,
.btn.purple-bg:focus,
.btn.purple-bg.disabled,
.btn.purple-bg:disabled,
.btn.purple-bg:active,
.btn.purple-bg.active,
.btn.purple-bg:first-child:active,
:not(.btn-check)+.btn.purple-bg:active,
.input-group.input-number .btn .icon-holder,
.form-check.form-switch .form-check-input:checked,
.section.title-section,
.section.spacer,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.rating-holder .rating-square,
.splide__arrow.purple,
.call-to-action-holder,
.popular-filters-box .filter-content .btn-filter-item:hover,
.popular-filters-box .filter-content .btn-filter-item.selected,
.user-testimonial .rating-slider .slider-info .selected-rating,
.messages-chat .message .message-content .web-link .media-image,
.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message.message-sent .message-bubble,
.messages-chat .message-bubble .dot,
.loader-holder .dot:nth-child(1),
.loader-holder .dot:nth-child(3),
.profile-section.user-profile .user-header .media-image,
.reserve-section .form-section .logged-in-user .media-image,
.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image {
    background-color: #5F23D3;
}

/* background-color 1E9123; */
.green-bg,
.badge-highlight.green,
.reservation-details-section .reservation-payment-process .payment-item.tripundo.highlighted-green .media::after {
    background-color: #1E9123;
}

/* background-color 001D4A */
.dark-bg,
.custom-modal.dark .modal-header,
.dark-header thead th,
.available-rooms .available-rooms-header .header-holder {
    background-color: #001D4A;
}

/* background-color FFEFE9 */
.form-control.is-invalid,
.form-control.is-invalid:focus,
.form-select.is-invalid,
.form-select.is-invalid:focus {
    background-color: #FFEFE9;
}

/* background-color C8CACC */
.separator-line::before {
    background-color: #C8CACC;
}

/* rgb backgrounds */
/********************/

/* background-color 255, 255, 255, 0.3 */
.modal-backdrop,
.offcanvas-backdrop,
.iti--fullscreen-popup.iti--container {
    background-color: rgba(255, 255, 255, 0.3);
}

/* background-color 255, 255, 255, 0.5 */
.listing-page-loading .loading-wrapp {
    background-color: rgba(255, 255, 255, 0.5);
}

.listing-item .image-holder .more-images,
.gallery-modal.list .gallery-list-col .image-holder .more-images,
.desktop-table .col-room-type .image-holder .more-images,
.desktop-room-item .room-type .image-holder .more-images,
.available-rooms-mobile .mobile-room .room-images .image-holder .more-images {
    background-color: rgba(255, 255, 255, 0);
}

/* background-color rgba(254, 98, 39) */
.dropdown-item.logout:hover,
.dropdown-item.logout:focus {
    background-color: rgba(254, 98, 39, 0.07);
}

/* background-color 253, 202, 64 */
.highlighted-yellow,
.offcanvas-contents .content-item .media-body ul li span,
.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body p.pay span,
.desktop-table .col-room-type .extra-beds-info .policy-item .media-body p.pay span,
.desktop-room-item .room-type .extra-beds-info .policy-item .media-body p.pay span,
.property-rules .rule-content .policy-item .extra-beds-info .media-body p.pay span,
.reserve-section .form-section .payment-amount.tripundo {
    background-color: rgba(253, 202, 64, 0.1);
}

/* background-color 95, 35, 211 */
.highlighted-purple,
.available-rooms .desktop-room-item .room-options.selected,
.available-rooms-mobile .mobile-room .room-options.selected,
.reserve-section .form-section .logged-in-user,
.aside-reserve .price-box .payment-info ul li.total,
.aside-reserve .price-box .total-price .payment-info ul li.total,
.reserve-section .form-section .payment-amount.total {
    background-color: rgba(95, 35, 211, 0.03);
}

.highlight-green,
.reserve-section .form-section .cancelation-option.flexible {
    background-color: rgba(30, 145, 35, 0.1);
}

/* background-color 95, 35, 211 */
.hotel-images .more-images {
    background-color: rgba(95, 35, 211, 0.8);
}

/* background-color 255, 187, 250 */
.highlighted-pink {
    background-color: rgba(255, 187, 250, 0.1);
}

/* background-color 254, 98, 39 */
.highlighted-orange {
    background-color: rgba(254, 98, 39, 0.1);
}

/* background-color 30, 145, 35 */
.highlighted-green,
.offcanvas-contents .content-item .media-body h4 span,
.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body p.free span,
.desktop-table .col-room-type .extra-beds-info .policy-item .media-body p.free span,
.desktop-room-item .room-type .extra-beds-info .policy-item .media-body p.free span,
.property-rules .rule-content .policy-item .extra-beds-info .media-body p.free span {
    background-color: rgba(30, 145, 35, 0.1);
}

.highlighted-dark {
    background-color: rgba(0, 29, 74, 0.1);
}

/* gradient backgrounds */
/************************/

/* background 255, 255, 255 */
.hotel-description .about-hotel .truncate-content::after {
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.9) 60%, #FFFFFF 100%);
}


/* Specific backgrounds */
/************************/

/* Pulse effect */
.pulse-effect.yellow {
    box-shadow: 0 0 0 0 rgba(253, 202, 64, 1);
    animation: pulse-yellow 3s infinite;
}

.pulse-effect.purple {
    box-shadow: 0 0 0 0 rgba(95, 35, 211, 1);
    animation: pulse-purple 3s infinite;
}

.pulse-effect.pink {
    box-shadow: 0 0 0 0 rgba(255, 187, 250, 1);
    animation: pulse-pink 3s infinite;
}

.pulse-effect.orange {
    box-shadow: 0 0 0 0 rgba(254, 98, 39, 1);
    animation: pulse-orange 3s infinite;
}

.pulse-effect.green {
    box-shadow: 0 0 0 0 rgba(30, 145, 35, 1);
    animation: pulse-green 3s infinite;
}

.pulse-effect.dark {
    box-shadow: 0 0 0 0 rgba(0, 29, 74, 1);
    animation: pulse-dark 3s infinite;
}

@keyframes pulse-yellow {
    0% {
        box-shadow: 0 0 0 0 rgba(253, 202, 64, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(253, 202, 64, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253, 202, 64, 0);
    }
}

@keyframes pulse-purple {
    0% {
        box-shadow: 0 0 0 0 rgba(95, 35, 211, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(95, 35, 211, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(95, 35, 211, 0);
    }
}

@keyframes pulse-pink {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 187, 250, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(255, 187, 250, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 187, 250, 0);
    }
}

@keyframes pulse-orange {
    0% {
        box-shadow: 0 0 0 0 rgba(254, 98, 39, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(254, 98, 39, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(254, 98, 39, 0);
    }
}

@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(30, 145, 35, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(30, 145, 35, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(30, 145, 35, 0);
    }
}

@keyframes pulse-dark {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 29, 74, 0.7);
    }

    70% {
        box-shadow: 0 0 0 0.625rem rgba(0, 29, 74, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 29, 74, 0);
    }
}

/* Colors */
/**********/

/* color 191E39 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.form-control,
.form-select,
.dropdown-item,
.choices__list--multiple .choices__item,
.datepicker-controls .button,
.datepicker-header .datepicker-controls .button:hover,
.datepicker-cell.day,
.pink-bg,
.yellow-bg,
.listing-item .item-content h3 a,
.active-filters-content .btn,
.active-filters-content .btn:hover,
.active-filters-content .btn:focus,
.active-filters-content .btn:active,
.split-screen .content-holder .login-options .form-check a,
.dropdown-menu .social-share ul li a,
.custom-accordion .accordion-button,
.custom-accordion .accordion-body .accordion-item,
.profile-section .nav-aside ul li a,
.messages-chat .message .message-bubble.web-link a,
.profile-section.user-profile .user-header .media-body .data-item a,
.aside-reserve .price-box .reserved-item .media-image span,
.reserve-section .form-section .payment-amount.tripundo .media-body p,
.reserve-section .form-section .payment-amount.tripundo .media.form-info .media-image span,
.reserve-section .form-section .cancelation-option.fixed .media-image span,
.reserve-section .form-section .cancelation-option.fixed p,
.reservation-details-section .reservation-main-status .media.form-info .media-image span,
.reservation-details-section .reservation-payment-process .payment-item .media.form-info .media-image span,
.footer,
.footer a {
    color: #191E39;
}

/* color FFFFFF */
.header .logged-out-menu a,
.header .register-button a,
.offcanvas-header .offcanvas-title,
.offcanvas-header .btn-close,
.offcanvas-contents .legend-item,
.custom-modal.purple .modal-header .modal-title,
.custom-modal.purple .modal-header .btn-close,
.custom-modal.dark .modal-header .modal-title,
.custom-modal.dark .modal-header .btn-close,
.custom-modal.orange .modal-header .modal-title,
.custom-modal.orange .modal-header .btn-close,
.toast .toast-icon,
.btn.white-text,
.btn.white-text:hover,
.btn.white-text:focus,
.btn.white-text.disabled,
.btn.white-text:disabled,
.btn.white-text:active,
.btn.white-text.active,
.btn.white-text:first-child:active,
:not(.btn-check)+.btn.white-text:active,
.header .btn-notification .media-image svg,
.header .btn-message .media-image svg,
.header .btn-user .media-image,
.header .btn-user .media-body,
.header .btn-login .media-image,
.title-section .main-title h1,
.title-section .main-title p,
.purple-bg,
.purple-bg h2,
.btn.purple-bg,
.btn.purple-bg:hover,
.btn.purple-bg:focus,
.btn.purple-bg.disabled,
.btn.purple-bg:disabled,
.btn.purple-bg:active,
.btn.purple-bg.active,
.btn.purple-bg:first-child:active,
:not(.btn-check)+.btn.purple-bg:active,
.orange-bg,
.btn.orange-bg,
.btn.orange-bg:hover,
.btn.orange-bg:focus,
.btn.orange-bg.disabled,
.btn.orange-bg:disabled,
.btn.orange-bg:active,
.btn.orange-bg.active,
.btn.orange-bg:first-child:active,
:not(.btn-check)+.btn.orange-bg:active,
.dark-bg,
.btn.dark-bg,
.btn.dark-bg:hover,
.btn.dark-bg:focus,
.btn.dark-bg.disabled,
.btn.dark-bg:disabled,
.btn.dark-bg:active,
.btn.dark-bg.active,
.btn.dark-bg:first-child:active,
:not(.btn-check)+.btn.dark-bg:active,
.input-group.input-number .btn,
.splide__arrow.purple,
.btn-square.outline.white,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.rating-holder .rating-square,
.featured-seasonal-section .image-col .title h2,
.featured-seasonal-section .image-col .title p,
.call-to-action-section .content-holder .item-content h2,
.call-to-action-section .content-holder .item-content p,
.popular-filters-box .filter-content .btn-filter-item:hover,
.popular-filters-box .filter-content .btn-filter-item.selected,
.listing-header-holder .toolbar-holder .listing-options .btn.selected,
.hotel-images .more-images,
.listing-item .image-holder .more-images,
.gallery-modal.list .gallery-list-col .image-holder .more-images,
.desktop-table .col-room-type .image-holder .more-images,
.desktop-room-item .room-type .image-holder .more-images,
.available-rooms-mobile .mobile-room .room-images .image-holder .more-images,
.dark-header thead th,
.user-testimonial .rating-slider .slider-info .selected-rating,
.messages-chat .message .message-content .web-link .media-image,
.messages-chat .message .message-content .uploaded-file .media-image,
.messages-chat .message.message-sent .message-bubble,
.badge-highlight.green,
.available-rooms .available-rooms-header .header-holder .header-item,
.profile-section.user-profile .user-header .media-image .user-initials,
.reserve-section .form-section .logged-in-user .media-image .user-initials,
.aside-reserve .hotel-box .image-holder .more-images,
.aside-reserve .guest-choice .preview-item .media-image .more-images,
.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image .user-initials,
.reservation-details-section .reservation-main-status.highlighted-green .media.form-info .media-image span {
    color: #FFFFFF;
}

/* color A0A1A3 */
.text-gray,
a.disabled,
a:disabled,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn:disabled,
.form-text,
.filter-text,
.choices__placeholder,
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after,
.main-filter .filter-options .form-group span,
.input-group.input-number .btn:disabled,
.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled),
.datepicker-cell.disabled,
.options-section .options-holder .show-options .btn span,
.noUi-pips,
.service-items-holder .service-item .item-date time,
.upload-file-name,
.reserve-section .form-section .button-holder .form-check .info-text {
    color: #A0A1A3;
}

.text-light {
    color: #A0A1A3 !important;
}

/* color FE6227 */
.orange-text,
.btn-square.outline.orange,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
label.is-invalid,
label.is-invalid .required-star,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.dropdown-custom .dropdown-item.logout,
.price-discounted,
.active-filters-content .btn:hover .icon-holder,
.invalid-feedback,
.dropzone-col .item-warning span,
.custom-modal.orange .modal-header .modal-title .icon-holder.white-bg span {
    color: #FE6227;
}

/* color 5F23D3 */
a,
.toast .btn-close:hover,
.alert.info-box .btn-close:hover,
.purple-text,
.purple-text:hover,
.accordion-item:hover .accordion-button,
.btn.purple-text,
.btn.purple-text:hover,
.btn.purple-text:focus,
.btn.purple-text.disabled,
.btn.purple-text:disabled,
.btn.purple-text:active,
.btn.purple-text.active,
.btn.purple-text:first-child:active,
:not(.btn-check)+.btn.purple-text:active,
.media.form-info .media-image span,
.media.more-info .media-image span,
.required-star,
ul li::marker,
.choices__heading,
.listing-item .item-content h3 a:hover,
.destinations-we-love-section .item-content:hover h3,
.splide-options-section .btn:hover,
.splide-options-section .splide .btn.selected,
.listing-header-holder .toolbar-holder .listing-options .btn:hover,
.listing-header-holder .toolbar-holder .listing-options .btn.selected,
.active-filters-content .btn .icon-holder,
.mobile-toolbar-options-holder .btn .icon-holder,
.btn.btn-information,
.btn.btn-information:hover,
.btn.btn-information:focus,
.btn.btn-information.disabled,
.btn.btn-information:disabled,
.btn.btn-information:active,
.btn.btn-information.active,
.btn.btn-information:first-child:active,
:not(.btn-check)+.btn.btn-information:active,
.split-screen .btn-password:hover span,
.option-holder .dropdown-item:hover,
.dropdown-menu .social-share ul li a:hover,
.hotel-description .hotel-contents .item-content .media.media-link,
.offcanvas-contents .popular-contents .item-content .media-image span,
.hotel-description .hotel-highlights .highlight-item .media-image span,
.hotel-description .about-hotel .btn-show-more,
.btn-information-text,
.btn-information-text:hover,
.gallery-room-modal .gallery-room-contents .extra-beds-info.custom-accordion .accordion-button,
.desktop-table .col-room-type .extra-beds-info.custom-accordion .accordion-button,
.desktop-table .col-room-type .more-room-contents.custom-accordion .accordion-button,
.desktop-room-item .room-type .detailed-room-info.custom-accordion .accordion-button,
.desktop-room-item .room-type .extra-beds-info.custom-accordion .accordion-button,
.desktop-room-item .room-type .more-room-contents.custom-accordion .accordion-button,
.available-rooms-mobile .mobile-room .detailed-room-info.custom-accordion .accordion-button,
.available-rooms-mobile .mobile-room .extra-beds-info.custom-accordion .accordion-button,
.available-rooms-mobile .mobile-room .more-room-contents.custom-accordion .accordion-button,
.property-header .property-data .property-data-item a,
.property-surroundings .surroundings-content .button-holder .btn-show-more,
.profile-section .nav-aside ul li:hover a,
.profile-section .nav-aside ul li.active a,
.chat-aside .contact-header .btn-action:hover,
.chat-aside .contact-item.active .contact-name,
.chat-aside .contact-item:hover .contact-name,
.chat-aside .contact-item .swipe-options .option-holder .btn:hover,
.messages-chat .message .message-bubble.web-link a:hover,
.messages-chat .message .message-content .uploaded-file .btn:hover,
.messages-chat .message-input .btn-action:hover,
.dropzone-item .item-icon,
.reservation-details .icon-item .media .media-icon span,
.reservation-details .collapse-col .item-collapse:hover .item-header .media-body h3,
.reservation-details .collapse-col .item-collapse:hover .item-content svg,
.available-rooms .offer-header .toolbar-options .btn .icon-holder,
.available-rooms-mobile .offer-header .toolbar-options .btn .icon-holder,
.profile-section.user-profile .user-header .media-body .data-item a:hover,
.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete:hover .media-image,
.offcanvas-reservation-preview-mobile .preview-item .media-options .btn-cancel:hover,
.profile-section.profile-settings .settings-list-holder:hover .title-holder h2,
.aside-reserve .hotel-box .hotel-contents .item-content .media.media-link,
.aside-reserve .price-box .accordion-item:hover .accordion-button h3,
.aside-reserve .price-box .payment-info ul li.total span:last-child,
.aside-reserve .price-box .total-price .payment-info ul li.total span:last-child,
.reserve-section .form-section .payment-amount.total .media-body p,
.reserve-section .form-section .promo-code .promo-code-info strong,
.reservation-details-section .reservation-payment-process .payment-item.highlighted-purple .media-body p.payment-amount,
.footer a:hover,
.footer .social-links ul li a:hover {
    color: #5F23D3;
}

/* color 1E9123 */
.green-text,
.offcanvas-contents .content-item .media-body h4 span,
.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item .media-body p.free span,
.desktop-table .col-room-type .extra-beds-info .policy-item .media-body p.free span,
.desktop-room-item .room-type .extra-beds-info .policy-item .media-body p.free span,
.property-rules .rule-content .policy-item .extra-beds-info .media-body p.free span,
.reserve-section .form-section .payment-amount.total .media-body p.promo-code-success,
.reserve-section .form-section .cancelation-option.flexible .media-image span,
.reserve-section .form-section .cancelation-option.flexible p,
.reservation-details-section .reservation-main-status.highlighted-green .media-body h3 {
    color: #1E9123;
}

/* color 2563eb */
svg.logo-facebook {
    color: #2563eb;
}

/* Text Decoration Color */
/*************************/

/* text-decoration-color 5F23D3 */
a.link-underline,
a:hover {
    text-decoration-color: #5F23D3 !important;
}

/* Border Colors */
/*****************/

/* border-color transparent */
.form-check.form-switch .form-check-input,
.form-check.form-switch:hover .form-check-input,
.form-check.form-switch .form-check-input:focus {
    border-color: transparent;
}

.header .btn-user .media-image,
.header .btn-login .media-image {
    border: 1px solid #FFFFFF;
}

/* border-color FFFFFF */
.btn-square.outline.white {
    border-color: #FFFFFF;
}

/* border-color C8CACC */
.form-control,
.form-control:disabled,
.form-control:disabled:hover,
.form-control[readonly],
.form-select,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices[data-type*="select-one"] .choices__input,
.form-check .form-check-input,
.form-check .form-check-input:focus,
.dropdown-divider,
.nav-divider,
.listing-page-loading .loading-wrapp {
    border-color: #C8CACC;
}

/* border C8CACC */
.choices__inner,
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded],
.main-filter .filter-options .form-group .btn.dropdown-toggle,
.listing-item,
.listing-header-holder .toolbar-holder .listing-options .btn,
.btn-square.white-bg.btn-border,
.listing-item .item-content .room .number-of-rooms,
.hotel-featured-contents .item-content,
.gallery-room-modal .gallery-room-contents .extra-beds-info.custom-accordion .accordion-body,
.desktop-table .col-room-type .extra-beds-info.custom-accordion .accordion-body,
.desktop-room-item .room-type .extra-beds-info.custom-accordion .accordion-body,
.available-rooms-mobile .mobile-room .extra-beds-info.custom-accordion .accordion-body,
.available-rooms .desktop-room-item .room-options,
.available-rooms-mobile .mobile-room .room-options,
.chat-aside .aside-box,
.contact-item .contact-item-content .media-image-user,
.dropzone-item,
.offcanvas-testimonials .testimonial-item,
.iti__search-input,
.profile-section.cards-and-payment-history .cards-section .add-card,
.profile-section.profile-settings .settings-list-holder,
.time-zone-modal .selected-time-zone,
.reserve-section .form-section .add-card,
.reservation-details-section .hotel-info-section .hotel-info-item {
    border: 1px solid #C8CACC;
}

/* border top bottom C8CACC */
.reservation-details .payment-info .icon-item .media .media-body ul li.total,
.available-rooms-mobile .offer-header .toolbar-options,
.hotel-page .splide-recently-viewed-section {
    border-top: 1px solid #C8CACC;
    border-bottom: 1px solid #C8CACC;
}

/* border-top C8CACC */
.popover-price .price-holder .price-total,
.offcanvas-reservation-preview-mobile .reserve-holder .reservation-info,
.profile-section.user-profile .title-holder,
.reserve-section .title-holder,
.reserve-section .support-item,
.reserve-section .form-section .button-holder,
.developed-by {
    border-top: 1px solid #C8CACC;
}

/* border-right C8CACC */
.desktop-table .table-content td:not(:last-child),
.reservation-details .icon-item .media-body ul li:not(:last-child),
.reservation-header .reservation-data .reservation-data-item:not(:last-child),
.profile-section.user-profile .user-header .user-data .user-data-item:not(:last-child),
.iti__selected-country,
.profile-section.cards-and-payment-history .cards-section .card-data .card-data-item:not(:last-child),
.aside-reserve .guest-choice .reservation-info .data-item:not(:last-child),
.reserve-section .form-section .card-data .card-data-item:not(:last-child),
.reservation-details-section .list-view .listing-item .item-content .item-info-holder {
    border-right: 1px solid #C8CACC;
}

/* border-left C8CACC */
.desktop-table .table-header th:last-child,
.desktop-table .table-content td.td-actions {
    border-left: 1px solid #C8CACC;
}

/* border-bottom C8CACC */
.filter-box:not(:last-child),
.toolbar-section,
.mobile-toolbar-options,
.gallery-modal.custom-modal .modal-header,
.custom-accordion .accordion-item,
.listing-header,
.desktop-table td,
.popover-reserve-button .title-holder,
.testimonial-item .testimonial-unit-rating .media,
.testimonial-item .testimonial-unit .media,
.user-testimonial .form-item:not(:last-child),
.service-items-holder .service-item,
.chat-aside .contact-header,
.chat-aside .contact-item:not(:last-child),
.chat-aside .contact-item:not(:last-child) .swipe-options .option-holder,
.messages-chat .messages-chat-header,
.reservation-details,
.reservation-details .collapse-col,
.offcanvas-reservation-preview-mobile .preview-item,
.profile-section.cards-and-payment-history .cards-section .card-data:not(:last-child),
.profile-section.cards-and-payment-history .payment-list-item,
.profile-section.profile-settings .settings-list-item,
.aside-reserve .guest-choice .preview-item,
.aside-reserve .guest-choice .duration,
.aside-reserve .price-box .reserved-item-holder,
.reserve-section .form-section .card-data:not(:last-child),
.footer .newsletter-wrapper,
.footer .footer-wrapper {
    border-bottom: 1px solid #C8CACC;
}

/* outline C8CACC */
.splide-options-section .image-holder,
.property-header .media-image,
.testimonial-item .testimonial-unit .media .media-image,
.chat-aside .contact-item .contact-item-content .media-image,
.messages-chat .messages-chat-header .media-image,
.messages-chat .message .message-image-holder,
.guest-header .media-image,
.reservation-header .media-image,
.profile-section.user-profile .user-header .media-image,
.reserve-section .form-section .logged-in-user .media-image,
.reservation-details-section .hotel-info-section .hotel-info-item .media.user-data .media-image {
    outline: 1px solid #C8CACC;
}

/* border dashed C8CACC */
.dropzone-holder {
    border: 1px dashed #C8CACC;
}

/* border top dashed C8CACC */
.listing-item .item-content .room-details,
.hotel-description .hotel-highlights .highlight-item {
    border-top: 1px dashed #C8CACC;
}

/* border bottom dashed C8CACC */
.gallery-room-modal .gallery-room-contents .extra-beds-info .policy-item,
.desktop-table .col-room-type .extra-beds-info .policy-item,
.desktop-room-item .room-type .extra-beds-info .policy-item,
.property-rules .rule-item:not(:last-child),
.offcanvas.offcanvas-reserve-details-mobile .aside-reserve .aside-box:not(:last-child) {
    border-bottom: 1px dashed #C8CACC;
}

/* border-color 5F23D3 */
.toast.toast-info,
.form-control:hover,
.form-control:focus,
.form-select:hover,
.form-select:focus,
.form-check:hover .form-check-input,
.form-check .form-check-input:active,
.form-check .form-check-input:checked,
.choices:not(.is-open):hover .choices__inner,
.dropzone-holder:hover,
.btn-square.outline.purple,
.options-section .options-holder .show-options .btn:hover,
.options-section .options-holder .show-options .btn.selected,
.highlighted-purple,
.form-check-input:checked,
.main-filter .filter-options .form-group .btn.dropdown-toggle:hover,
.main-filter .filter-options .form-group .btn.dropdown-toggle.show,
.listing-header-holder .toolbar-holder .listing-options .btn:hover,
.listing-header-holder .toolbar-holder .listing-options .btn.selected,
.gallery-container .splide-thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active,
.gallery-splide-thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active,
.available-rooms .desktop-room-item .room-options.selected,
.available-rooms-mobile .mobile-room .room-options.selected,
.iti__search-input:hover,
.iti__search-input:focus,
.profile-section.cards-and-payment-history .cards-section .add-card:hover,
.profile-section.profile-settings .settings-list-holder:hover,
.reserve-section .form-section .add-card:hover {
    border-color: #5F23D3;
}

/* border 5F23D3 */
.active-filters-content .btn .icon-holder {
    border: 1px solid #5F23D3;
}

/* border-right 5F23D3 */
.dark-header .desktop-table .table-header th:first-child,
.dark-header .desktop-table .table-header th:not(:last-child),
.available-rooms .available-rooms-header .header-holder .header-item:not(:last-child) {
    border-right: 1px solid #5F23D3;
}

/* border-left 5F23D3 */
.dark-header .desktop-table .table-header th:last-child {
    border-left: 1px solid #5F23D3;
}

/* border-bottom 2px 5F23D3 */
.desktop-table tr.separator-border td,
.desktop-room-col:not(:last-child) .desktop-room-item,
.available-rooms-mobile .mobile-room:not(:last-child) {
    border-bottom: 2px solid #5F23D3;
}

/* outline 5F23D3 */
.splide-options-section .btn:hover .image-holder,
.splide-options-section .btn.selected .image-holder,
.chat-aside .contact-item.active .contact-item-content .media-image {
    outline: 1px solid #5F23D3;
}

/* border-color C8CACC */
.highlighted-gray {
    border-color: #C8CACC;
}

/* border-color FFBBFA */
.highlighted-pink {
    border-color: #FFBBFA;
}

/* border-color FE6227 */
.highlighted-orange {
    border-color: #FE6227;
}

/* borde-color FDCA40 */
.toast.toast-warning,
.highlighted-yellow {
    border-color: #FDCA40;
}

/* borde-color 1E9123 */
.toast.toast-success,
.highlighted-green {
    border-color: #1E9123;
}

/* border FDCA40 */
.splide__pagination__page {
    border: 1px solid #FDCA40;
}

/* border 4px FDCA40 */
.options-section .options-holder .scrollbar-thumb,
.slider-styled .noUi-handle {
    border: 4px solid #FDCA40;
}

/* border-color #FE6227 */
.toast.toast-danger,
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.active-filters-content .btn:hover .icon-holder {
    border-color: #FE6227;
}

/* Specific border colors */
/**************************/

/* popover-arrow border-color 5F23D3 */
.purple-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.purple-arrow.bs-popover-end>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.purple-arrow.bs-popover-end>.popover-arrow::after {
    border-right-color: #5F23D3;
    left: 1px;
}

.purple-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.purple-arrow.bs-popover-start>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.purple-arrow.bs-popover-start>.popover-arrow::after {
    border-left-color: #5F23D3;
    right: 1px;
}

.purple-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.purple-arrow.bs-popover-top>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.purple-arrow.bs-popover-top>.popover-arrow::after {
    border-top-color: #5F23D3;
    bottom: 1px;
}

.purple-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.purple-arrow.bs-popover-bottom>.popover-arrow::before,
.purple-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.purple-arrow.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #5F23D3;
    top: 1px;
}

/* popover-arrow border-color yellow-arrow */
.yellow-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.yellow-arrow.bs-popover-end>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.yellow-arrow.bs-popover-end>.popover-arrow::after {
    border-right-color: #FDCA40;
    left: 1px;
}

.yellow-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.yellow-arrow.bs-popover-start>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.yellow-arrow.bs-popover-start>.popover-arrow::after {
    border-left-color: #FDCA40;
    right: 1px;
}

.yellow-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.yellow-arrow.bs-popover-top>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.yellow-arrow.bs-popover-top>.popover-arrow::after {
    border-top-color: #FDCA40;
    bottom: 1px;
}

.yellow-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.yellow-arrow.bs-popover-bottom>.popover-arrow::before,
.yellow-arrow.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.yellow-arrow.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #FDCA40;
    top: 1px;
}

/* Arrow ligh-gray-bg */
.counter-item.light-gray-bg::before {
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #f7f7f7;
}

.chat-section .page-holder.messages-chat {
    border-top: 1px solid #C8CACC;
    border-right: 1px solid #C8CACC;
    border-bottom: 1px solid #C8CACC;
}

/* Specific background-image */
/**************************/

/* .form-check .form-check-input:checked radio and checkbox color #5F23D3  */
.form-check .form-check-input:checked[type="checkbox"],
.form-check .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%235F23D3' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/* form-switch */
.form-check.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.75' fill='%23ffffff'/%3e%3c/svg%3e");
    background-position: right center;
}

/* form-select chevron */
.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='%23191E39' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3e%3c/svg%3e");
}

/* choices single chevron */
.choices[data-type*="select-one"]::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpolyline points='112 184 256 328 400 184' fill='none' stroke='%23191E39' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3e%3c/svg%3e");
}

/* Media Query Style */
/*********************/

/* min-width */
/*************/
@media (min-width: 768px) {

    .header .btn-user .media-body span.name-mobile,
    .header .login-mobile {
        display: none;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-image {
        margin-right: 0;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .btn-delete .media-body {
        display: none;
    }
}

@media (min-width: 992px) {
    .header .logo-mobile {
        display: none;
    }

    .desktop-room-item .room-options-holder {
        position: sticky;
        position: -webkit-sticky;
        top: 5rem;
    }
}

@media (min-width: 1200px) {

    .splide-options-section .image-holder .item-image {
        transform: scale(1, 1);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .listing-item .image-holder .item-image,
    .splide-quick-planner-section .splide-item .image-holder .item-image,
    .splide-categories-section .splide-item .image-holder .item-image,
    .featured-seasonal-section .image-col .image-holder .item-image,
    .hotel-images .image-holder .item-image,
    .gallery-modal.list .gallery-list-col .image-holder .item-image,
    .desktop-table .col-room-type .image-holder .item-image,
    .desktop-room-item .room-type .image-holder .item-image,
    .aside-reserve .hotel-box .image-holder .item-image,
    .aside-reserve .guest-choice .preview-item .media-image .item-image {
        transform: scale(1, 1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .splide-options-section .btn:hover .image-holder .item-image {
        transform: scale(1.07, 1.07);
    }

    .listing-item .image-holder:hover .item-image,
    .splide-quick-planner-section .splide-item:hover .image-holder .item-image,
    .splide-categories-section .splide-item:hover .image-holder .item-image,
    .featured-seasonal-section .image-col .image-holder:hover .item-image,
    .hotel-images .image-holder:hover .item-image,
    .gallery-modal.list .gallery-list-col .image-holder:hover .item-image,
    .desktop-table .col-room-type .image-holder:hover .item-image,
    .desktop-room-item .room-type .image-holder:hover .item-image,
    .aside-reserve .hotel-box .image-holder:hover .item-image,
    .aside-reserve .guest-choice .preview-item .media-image:hover .item-image {
        transform: scale(1.07, 1.07);
    }

    .gallery-room-modal .splide-col .splide-holder {
        position: sticky;
        position: -webkit-sticky;
        top: 1.5rem;
    }

    .gallery-room-modal .gallery-room-contents .title {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 5;
    }

    .mobile-toolbar-options {
        display: none;
    }

}

/* max-width */
/*************/
@media (max-width: 991px) {
    .availability-section .main-filter {
        border: 1px solid #C8CACC;
    }
}

@media (max-width: 767px) {
    .chat-section .page-holder.messages-chat {
        border-left: 1px solid #C8CACC;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data,
    .reserve-section .form-section .card-data {
        border: 1px solid #C8CACC;
    }
}

/* min-width and max-width */
/***************************/
@media (min-width: 1600px) {
    .available-rooms .desktop-room-item .splide__slide {
        max-width: 26.5rem;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .available-rooms .desktop-room-item .splide__slide {
        max-width: 26vw;
    }
}

@media (min-width: 1440px) and (max-width: 1499px) {
    .available-rooms .desktop-room-item .splide__slide {
        max-width: 25vw;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .container {
        max-width: 85%;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .main-filter .filter-options>.form-group:first-child {
        width: 18rem
    }

    .main-filter .filter-options .form-group:nth-child(2) {
        width: 16rem;
        min-width: 16rem;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .main-filter .filter-options>.form-group:first-child {
        width: 18rem
    }

    .main-filter .filter-options .form-group:nth-child(2) {
        width: 16rem;
        min-width: 16rem;
    }

    .main-filter .filter-options .form-group:nth-child(3) {
        width: 16rem;
    }
}

/* min-width */
/*************/
/* @media (min-width:1600px) {
    .container-fluid.custom-container {
        max-width: 85%;
    }
}

@media (min-width:1700px) {
    .container-fluid.custom-container {
        max-width: 85%;
    }
}

@media (min-width:1920px) {
    .container-fluid.custom-container {
        max-width: 1632px;
    }
} */

/* max-width */
/*************/
@media (max-width: 1439px) {
    .available-rooms .desktop-room-item .splide__slide {
        max-width: 20vw;
    }
}

@media (max-width: 1280px) {
    .hotel-recommended-rooms .reserve-room {
        width: 18rem;
    }

    .available-rooms .available-rooms-header .header-holder .header-item.title-room-type,
    .desktop-room-item .room-type,
    .desktop-room-item .room-type .image-holder {
        width: 14rem;
    }

    .available-rooms .available-rooms-header .header-holder .header-item.title-total-selected {
        width: 15.25rem;
    }

    .available-rooms .reserve-room {
        width: 17.25rem;
    }

    .available-rooms .desktop-room-item .splide__slide {
        max-width: 19vw;
    }
}

@media (max-width: 1199px) {
    .main-filter {
        flex-wrap: wrap;
    }

    .main-filter .filter-options {
        flex: 0 0 auto;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .main-filter .filter-options .form-group {
        margin-right: unset;
        margin-bottom: 1rem;
    }

    .main-filter .filter-options>.form-group:first-child {
        width: 100%;
        flex: 0 0 auto;
    }

    .main-filter .filter-options .form-group:nth-child(2),
    .main-filter .filter-options .form-group:nth-child(3) {
        width: 50%;
        min-width: unset;
        flex: 0 0 auto;
    }

    .main-filter .filter-options .form-group:nth-child(2) {
        padding-right: 0.5rem;
    }

    .main-filter .filter-options .form-group:nth-child(3) {
        padding-left: 0.5rem;
    }

    .main-filter .button-holder {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 100%;
    }

    .main-filter .button-holder .btn {
        width: 15rem;
    }

    .availability-section .main-filter .filter-options>.form-group:first-child {
        width: 18rem;
        margin-right: 1rem;
        margin-bottom: 0;
    }

    .availability-section .main-filter .filter-options .form-group:nth-child(2) {
        width: 20rem;
        min-width: 20rem;
        padding-right: 0;
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .availability-section .main-filter .button-holder {
        display: unset;
        align-items: unset;
        justify-content: unset;
        flex-basis: unset;
    }

    .page-section,
    .splide-options-section {
        margin-bottom: 5rem;
    }

    .page-holder {
        padding-left: 0;
    }

    .listing-page .main-listing-section .section-title {
        width: 100%;
    }

    .listing-header-holder .toolbar-holder {
        display: none;
    }

    .toolbar-section .controls-container {
        display: none !important;
    }

    .active-filters-content.sticky .btn:first-child {
        position: relative;
    }

    .hotel-recommended-rooms.list-view .listing-item .image-holder {
        width: 7.25rem;
    }

    .profile-section .listing-header-holder .toolbar-holder {
        display: flex;
    }

    .available-rooms .toolbar-section.overflow-on .toolbar-section-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .desktop-room-item .room-options-holder .room-options-total {
        padding: 0;
    }

    .available-rooms .desktop-room-item .splide-container {
        padding: 0 0 3.125rem 0;
    }

    .available-rooms .desktop-room-item .splide__slide {
        max-width: 15rem;
    }

    .reserve-section .form-section .promo-code .promo-code-info {
        position: absolute;
        top: unset;
        right: unset;
        left: 0;
        bottom: 100%;
        margin-right: 0;
        margin-bottom: 1.25rem;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .reserve-section .form-section .promo-code .promo-code-info-arrow {
        top: unset;
        bottom: -2.25rem;
        left: 20%;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
}

@media (max-width: 991px) {
    .header>.container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .header .logo {
        display: none;
    }

    .header .logo-mobile {
        display: block;
        width: 2.5rem;
    }

    .featured-seasonal-section .image-col .image-holder {
        margin-bottom: 3rem;
    }

    .call-to-action-section .content-holder {
        align-items: flex-start;
        margin-bottom: 3rem;
    }

    .call-to-action-section .content-holder .item-content {
        text-align: center;
        width: 100%;
    }

    .destinations-we-love-col {
        margin-bottom: 2.5rem;
    }

    .listing-page .main-listing-section .section-title {
        width: 100%;
    }

    .list-view .listing-item .image-holder {
        width: 7.25rem;
    }

    .listing-header-holder .section-title h1 {
        font-size: 1.5rem;
    }

    .profile-section.my-travels .travel-year:not(:first-child) {
        margin-top: 0;
    }

    .profile-section .list-view .listing-item-col {
        margin-bottom: 3rem;
    }

    .profile-section .list-view .listing-item {
        flex-wrap: wrap;
    }

    .profile-section .list-view .listing-item .image-holder {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .profile-section .list-view .listing-item .item-content {
        flex-wrap: wrap;
        height: unset;
    }

    .profile-section .list-view .listing-item .item-rating {
        flex-wrap: wrap;
    }

    .profile-section .list-view .listing-item .item-content .item-info-holder {
        display: block;
        width: 100%;
    }

    .profile-section .list-view .listing-item .item-content .item-options-holder {
        align-items: flex-start;
        width: 100%;
        height: unset;
        padding-bottom: unset;
        margin-top: 1rem;
    }

    .profile-section .list-view .listing-item .item-content .item-options-holder .button-holder {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        text-align: left;
        margin-top: 0;
    }

    .profile-section .list-view .listing-item .item-options-holder .item-rating {
        display: none;
    }

    .profile-section .list-view .listing-item .rating-holder .btn {
        padding: 0 2rem 0 0;
    }

    .profile-section .list-view .listing-item .rating-holder .rating-text {
        order: 2;
        margin-right: 0;
        margin-left: 0.625rem;
        text-align: left;
    }

    .profile-section .list-view .listing-item .item-time-counter .btn-information {
        margin-left: 0.25rem;
    }

    .profile-section .list-view .listing-item .item-time-counter {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-basis: 100%;
        margin-top: 0.25rem;
    }

    .hotel-header-holder {
        flex-wrap: wrap;
    }

    .hotel-header-holder .section-title {
        width: 100%;
        margin-bottom: 1.875rem;
    }

    .hotel-header-holder .section-title h1 {
        font-size: 1.5rem;
    }

    .hotel-header .item-options-holder {
        width: 100%;
        justify-content: space-between;
    }

    .hotel-header-holder .rating-holder .rating-square {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 0.875rem;
    }

    .hotel-header-holder .rating-holder .rating-text {
        order: 2;
        margin-right: 0;
        margin-left: 0.625rem;
        text-align: left;
    }

    .hotel-header-holder .rating-holder .rating-text p strong {
        font-size: 0.875rem;
    }

    .hotel-header .item-options-holder .option-holder:not(:last-child) {
        margin-right: 0.625rem;
    }

    .hotel-header .item-options-holder .btn-option {
        height: 2rem;
    }

    .hotel-header .item-options-holder .btn-option .media-body {
        font-size: 0.75rem;
    }

    .hotel-featured-contents {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .hotel-featured-contents .item-content {
        min-width: unset;
        margin: 0 1rem 0 0;
    }

    .hotel-recommended-rooms .title-holder .title {
        font-size: 1.25rem;
    }

    .hotel-recommended-rooms.list-view .listing-item {
        flex-wrap: wrap;
    }

    .hotel-recommended-rooms.list-view .listing-item .image-holder {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .hotel-recommended-rooms.list-view .listing-item .image-holder::before {
        padding-top: 75%;
    }

    .hotel-recommended-rooms.list-view .listing-item .item-content {
        flex-wrap: wrap;
        height: unset;
    }

    .hotel-recommended-rooms.list-view .listing-item .item-content .item-options-holder {
        align-items: flex-start;
        width: 100%;
        height: unset;
        padding-bottom: unset;
        margin-top: 0.625rem;
    }

    .hotel-recommended-rooms.list-view .listing-item .item-content .item-options-holder .policy-options {
        justify-content: flex-start;
    }

    .hotel-recommended-rooms.list-view .listing-item .item-content .item-options-holder .policy-options .option-item {
        justify-content: flex-start;
    }

    .hotel-recommended-rooms.list-view .listing-item .item-content .item-price-elements {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        text-align: left;
        margin-top: 1rem;
    }

    .hotel-recommended-rooms .reserve-room {
        position: relative;
        top: unset;
        margin-bottom: 2rem;
        width: 100%;
        padding-left: unset;
    }

    .hotel-recommended-rooms .reserve-room .reserve-holder {
        width: 100%;
    }

    .availability-section .main-filter {
        padding: 1rem;
        -webkit-border-radius: .5rem;
        -moz-border-radius: .5rem;
        border-radius: .5rem;
    }

    .availability-section .main-filter .filter-options {
        flex: 0 0 auto;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .availability-section .main-filter .filter-options>.form-group:first-child {
        flex: 0 0 auto;
        width: 50%;
        margin-right: 0;
        margin-bottom: 1rem;
        padding-right: 0.5rem;
    }

    .availability-section .main-filter .filter-options .form-group:nth-child(2) {
        flex: 0 0 auto;
        width: 50%;
        min-width: unset;
        margin-right: 0;
        margin-bottom: 1rem;
        padding-left: 0.5rem;
    }

    .availability-section .main-filter .button-holder {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 100%;
    }

    .property-surroundings .surroundings-col:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .property-rules .rule-item {
        flex-wrap: wrap;
    }

    .property-rules .rule-title {
        width: 100%;
    }

    .property-rules .rule-content {
        margin-top: 1rem;
        padding-left: 2.625rem;
    }

    .messages-main-container .container.custom-container {
        max-width: 100%;
    }

    .chat-section .aside-col,
    .chat-section .aside-col .chat-aside {
        width: 20rem;
    }

    .property-header .media,
    .reservation-header .media {
        align-items: flex-start;
    }

    .guest-header .media-image,
    .reservation-header .media-image {
        width: 5rem;
    }

    .offcanvas-reservation-preview-mobile .property-header .media-image {
        width: 5rem;
        height: 5rem;
    }

    .offcanvas-reservation-preview-mobile .property-header .media-body h3 {
        font-size: 1rem;
    }

    .guest-header .media-body h3,
    .reservation-header .media-body h3 {
        font-size: 1rem;
        word-break: break-word;
    }

    .reservation-header .reservation-data {
        flex-wrap: wrap;
    }

    .reservation-header .reservation-data .reservation-data-item:not(:last-child) {
        border: 0 none;
    }

    .reservation-header .reservation-data .reservation-data-item {
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
    }

    .reservation-header .reservation-data .reservation-data-item:not(:last-child) {
        border: 0 none;
    }

    .reservation-details .collapse-col .item-header .media-image {
        width: 3rem;
        height: 3rem;
    }

    .reservation-details .collapse-col .item-header .media-body h3 {
        font-size: 1rem;
    }

    .reservation-details .collapse-col .collapse-holder {
        padding: 0 0 0 0;
    }

    .reservation-details .payment-info .icon-item .media .media-body ul {
        width: calc(100% - 1.25rem);
    }

    .profile-section.user-profile .user-header .media-image {
        width: 5rem;
    }

    .profile-section.user-profile .user-header .media .btn-action {
        width: 2.5rem;
        height: 2.5rem;
        left: 3.5rem;
    }

    .profile-section.user-profile .user-header .media-image .user-initials {
        font-size: 1.25rem;
    }

    .profile-section.user-profile .user-header .media-body h2 {
        font-size: 1rem;
    }

    .profile-section.user-profile .user-header .user-data {
        flex-wrap: wrap;
    }

    .profile-section.user-profile .user-header .user-data .user-data-item:not(:last-child) {
        border: 0 none;
    }

    .profile-section.user-profile .user-header .user-data .user-data-item {
        width: 100%;
        padding: 0;
    }

    .profile-section.user-profile .user-header .user-data .user-data-item:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .reservation-details-section .list-view .listing-item .item-content {
        flex-wrap: wrap;
        height: auto;
    }

    .reservation-details-section .list-view .listing-item .item-content .item-info-holder {
        width: 100%;
        border-right: 0 none;
        margin-bottom: 1.5rem;
    }

    .reservation-details-section .listing-item .item-details {
        width: 100%;
        padding-top: 0;
        padding-left: 0.25rem;
    }

    .reservation-details-section .reservation-payment-process .payment-item.tripundo .media {
        padding-right: 0;
    }

    .reservation-details-section .reservation-payment-process .payment-item.tripundo .media::after {
        display: none;
    }

    .reservation-details-section .reservation-payment-process .payment-item .payment-data-holder {
        margin-top: 1rem;
        padding-left: 4.25rem;
    }

    .footer .footer-content {
        margin-bottom: 2.5rem;
    }

    .footer .content-holder.content-left {
        width: 100%;
        justify-content: center;
    }

    .footer .content-holder.content-right {
        margin-top: 1rem;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {

    .header .host-button,
    .header .btn-user .media-body span.name-desktop,
    .header .login-desktop {
        display: none;
    }

    .main-filter .filter-options .form-group:nth-child(2),
    .main-filter .filter-options .form-group:nth-child(3) {
        width: 100%;
        flex: 0 0 auto;
        padding: 0;
    }

    .availability-section .main-filter .filter-options>.form-group:first-child,
    .availability-section .main-filter .filter-options .form-group:nth-child(2) {
        width: 100%;
        flex: 0 0 auto;
        padding: 0;
    }

    .title-section .main-title h1 {
        font-size: 2rem;
    }

    .title-section .main-title p {
        font-size: 1rem;
    }

    .section-title h2 {
        font-size: 1.875rem;
    }

    .splide-recently-viewed-section .splide__slide {
        max-width: 65vw;
    }

    .featured-seasonal-section .image-col figure svg {
        width: 5rem;
    }

    .featured-seasonal-section .listing-item-col:not(:last-child) {
        margin-bottom: 3rem;
    }

    .featured-seasonal-section .listing-item-col:first-child {
        padding-right: 0;
    }

    .featured-seasonal-section .listing-item-col:last-child {
        padding-left: 0;
    }

    .offcanvas-currency .currency-item {
        max-width: 14rem;
    }

    .property-header .media {
        align-items: flex-start;
    }

    .property-header .media-image {
        width: 5rem;
    }

    .property-header .media-body h3 {
        font-size: 1rem;
        word-break: break-word;
    }

    .property-header .property-data {
        flex-wrap: wrap;
    }

    .property-header .property-data .property-data-item {
        width: 100%;
        padding: 0;
    }

    .profile-section .listing-header-holder {
        flex-wrap: wrap;
    }

    .profile-section .section-title {
        width: 100%;
    }

    .profile-section.my-travels .section-title,
    .profile-section.favorites .section-title,
    .profile-section.notifications .section-title {
        margin-bottom: 1rem;
    }

    .check-review-title {
        flex-wrap: wrap;
    }

    .check-review-title .form-title {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .check-review-title .rating-holder .rating-text {
        order: 2;
        margin-right: 0;
        margin-left: 0.625rem;
        text-align: left;
    }

    .profile-section.user-profile .form-section .select-fields .form-group {
        margin-bottom: 1rem;
    }

    .profile-section.user-profile .form-section .select-fields .form-group.label-title,
    .profile-section.user-profile .form-section .select-fields .form-group:nth-last-child(2) {
        margin-bottom: 0;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data,
    .reserve-section .form-section .card-data {
        flex-wrap: wrap;
        width: 100%;
        padding: 1.5rem;
        -webkit-border-radius: .5rem;
        -moz-border-radius: .5rem;
        border-radius: .5rem;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data:last-child,
    .reserve-section .form-section .card-data:last-child {
        padding-bottom: 1.5rem;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item,
    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.issuer,
    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.valid-until,
    .reserve-section .form-section .card-data .card-data-item,
    .reserve-section .form-section .card-data .card-data-item.issuer,
    .reserve-section .form-section .card-data .card-data-item.valid-until {
        width: 50%;
        padding: 0;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item:first-child,
    .reserve-section .form-section .card-data .card-data-item:first-child {
        width: 100%;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item:not(:last-child),
    .reserve-section .form-section .card-data .card-data-item:not(:last-child) {
        border: 0 none;
        margin-bottom: 1rem;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.primary-card .form-check-holder,
    .reserve-section .form-section .card-data .card-data-item.primary-card .form-check-holder {
        width: 100%;
        justify-content: flex-start;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.issuer .title,
    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item .title,
    .reserve-section .form-section .card-data .card-data-item.issuer .title,
    .reserve-section .form-section .card-data .card-data-item .title {
        margin-bottom: 0.25rem;
    }

    .profile-section.cards-and-payment-history .cards-section .card-data .card-data-item.action {
        width: 100%;
        justify-content: flex-end;
    }

    .profile-section.cards-and-payment-history .payment-list-item {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .profile-section.cards-and-payment-history .payment-list-item .media {
        width: 100%;
    }

    .profile-section.cards-and-payment-history .payment-list-item .button-holder {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 2rem;
    }

    .profile-section.profile-settings .settings-list-item.device-item {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .profile-section.profile-settings .settings-list-item.device-item .media {
        width: 100%;

    }

    .profile-section.profile-settings .settings-list-item.device-item .button-holder {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 1rem;
    }

    .profile-section.profile-settings .settings-list-item.delete-account {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .profile-section.profile-settings .settings-list-item.delete-account .media {
        width: 100%;

    }

    .profile-section.profile-settings .settings-list-item.delete-account .button-holder {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 1rem;
    }

    .select-language-modal .language-item {
        max-width: 14rem;
    }

    .reservation-details-section .list-view .listing-item {
        flex-wrap: wrap;
    }

    .reservation-details-section .list-view .listing-item .image-holder {
        width: 100%;
        margin-bottom: 1rem;
    }

    .reservation-details-section .list-view .listing-item .item-content {
        width: 100%;
    }

    .reservation-details-section .list-view .listing-item .item-content .item-info-holder {
        padding-top: 0;
    }

    html.messages-closed,
    html.messages-closed body,
    html.messages-opened,
    html.messages-opened body {
        height: 100%;
        /* max-height: 100vh; */
        overflow: hidden;
        touch-action: none;
    }

    .chat-section .aside-col {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    html.messages-opened .top-header-container,
    html.messages-opened .header-container,
    html.messages-opened .chat-section .aside-col {
        visibility: hidden;
        opacity: 0;
        display: none !important;
    }

    html.messages-opened .main-container.messages-main-container {
        padding: 0;
    }

    .main-container.messages-main-container {
        padding: 1.25rem 0;
    }

    .messages-chat .btn-back {
        position: absolute;
        bottom: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: transparent;
        padding: 0;
        height: 3rem;
        font-size: 0.875rem;
    }

    .messages-chat .btn-back svg {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        margin-right: 0.313rem;
    }

    .chat-section .aside-col,
    .chat-section .aside-col .chat-aside {
        width: 100%;
    }

    .chat-aside,
    .chat-section .page-container {
        padding: 0 0.75rem;
    }

    .chat-section .aside-col {
        z-index: 1;
    }

    .chat-section .page-container {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        z-index: 1021;
        padding-top: 3rem;
        padding-bottom: 1.25rem;
        height: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        /* smooth scroll on iOS */
        box-sizing: border-box;
        /* Osiguraj da padding ne povećava ukupnu visinu */
        -webkit-transition: right 0.3s ease-in-out;
        -o-transition: right 0.3s ease-in-out;
        transition: right 0.3s ease-in-out;
    }

    .messages-chat .messages-content-holder {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .messages-chat .message-input {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

    .chat-aside .aside-box {
        -webkit-border-top-right-radius: 0.5rem;
        -webkit-border-bottom-right-radius: 0.5rem;
        -moz-border-radius-topright: 0.5rem;
        -moz-border-radius-bottomright: 0.5rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }

    .chat-section .page-holder.messages-chat {
        -webkit-border-top-left-radius: 0.5rem;
        -webkit-border-bottom-left-radius: 0.5rem;
        -moz-border-radius-topleft: 0.5rem;
        -moz-border-radius-bottomleft: 0.5rem;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    .messages-chat .messages-chat-header .media-image,
    .messages-chat .message .message-image-holder {
        width: 2.5rem;
    }

    .messages-chat .messages-chat-header .media-body p.contact-name {
        font-size: 1rem;
    }

    .messages-chat .messages-chat-header .media-body p.property-name {
        font-size: 0.75rem;
    }

    .messages-chat .messages-chat-header-options .btn-action {
        width: 2.25rem;
        height: 2.25rem;
    }

    .messages-chat .messages-chat-header-options .btn-action span {
        font-size: 1.25rem;
    }

    .gm-style .gm-style-iw-c {
        max-width: 276px !important;
    }

    .split-screen .login-networks {
        flex-wrap: wrap;
    }

    .split-screen .login-networks .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .split-screen .login-networks .btn {
        width: 100%;
        flex: unset;
    }

    .footer .payment-cards {
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 0.75rem;
    }

    .footer .payment-cards .payment-item {
        width: inherit;
        margin: 0.25rem;
    }

    .footer .payment-cards .payment-item:not(:last-child) {
        margin-right: 0.25rem;
    }

    .footer .payment-cards .payment-item:nth-child(1),
    .footer .payment-cards .payment-item:nth-child(6) {
        margin-left: 0;
    }

    .footer .payment-cards .payment-item:nth-child(4),
    .footer .payment-cards .payment-item:nth-child(8) {
        margin-right: 0;
    }
}