@font-face {
    font-family: 'Instrument Serif';
    src: url('../fonts/InstrumentSerif-Italic.eot');
    src: local('Instrument Serif Italic'), local('InstrumentSerif-Italic'),
        url('../fonts/InstrumentSerif-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/InstrumentSerif-Italic.woff2') format('woff2'),
        url('../fonts/InstrumentSerif-Italic.woff') format('woff'),
        url('../fonts/InstrumentSerif-Italic.ttf') format('truetype'),
        url('../fonts/InstrumentSerif-Italic.svg#InstrumentSerif-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* =======================testingh */

@font-face {
    font-family: 'Instrument Serif';
    src: url('../fonts/InstrumentSerif-Regular.eot');
    src: local('Instrument Serif Regular'), local('InstrumentSerif-Regular'),
        url('../fonts/InstrumentSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/InstrumentSerif-Regular.woff2') format('woff2'),
        url('../fonts/InstrumentSerif-Regular.woff') format('woff'),
        url('../fonts/InstrumentSerif-Regular.ttf') format('truetype'),
        url('../fonts/InstrumentSerif-Regular.svg#InstrumentSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('../fonts/RethinkSans-ExtraBold.eot');
    src: local('Rethink Sans ExtraBold'), local('RethinkSans-ExtraBold'),
        url('../fonts/RethinkSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RethinkSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/RethinkSans-ExtraBold.woff') format('woff'),
        url('../fonts/RethinkSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/RethinkSans-ExtraBold.svg#RethinkSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('../fonts/RethinkSans-Bold.eot');
    src: local('Rethink Sans Bold'), local('RethinkSans-Bold'),
        url('../fonts/RethinkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RethinkSans-Bold.woff2') format('woff2'),
        url('../fonts/RethinkSans-Bold.woff') format('woff'),
        url('../fonts/RethinkSans-Bold.ttf') format('truetype'),
        url('../fonts/RethinkSans-Bold.svg#RethinkSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('../fonts/RethinkSans-Regular.eot');
    src: local('Rethink Sans Regular'), local('RethinkSans-Regular'),
        url('../fonts/RethinkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RethinkSans-Regular.woff2') format('woff2'),
        url('../fonts/RethinkSans-Regular.woff') format('woff'),
        url('../fonts/RethinkSans-Regular.ttf') format('truetype'),
        url('../fonts/RethinkSans-Regular.svg#RethinkSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('../fonts/RethinkSans-Medium.eot');
    src: local('Rethink Sans Medium'), local('RethinkSans-Medium'),
        url('../fonts/RethinkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RethinkSans-Medium.woff2') format('woff2'),
        url('../fonts/RethinkSans-Medium.woff') format('woff'),
        url('../fonts/RethinkSans-Medium.ttf') format('truetype'),
        url('../fonts/RethinkSans-Medium.svg#RethinkSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('../fonts/RethinkSans-SemiBold.eot');
    src: local('Rethink Sans SemiBold'), local('RethinkSans-SemiBold'),
        url('../fonts/RethinkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RethinkSans-SemiBold.woff2') format('woff2'),
        url('../fonts/RethinkSans-SemiBold.woff') format('woff'),
        url('../fonts/RethinkSans-SemiBold.ttf') format('truetype'),
        url('../fonts/RethinkSans-SemiBold.svg#RethinkSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-head: 'Instrument Serif';
    --font-content: 'Rethink Sans';
    --text-2xs: 10px;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-md: 18px;
    --text-lg: 20px;
    --text-xl: 22px;
    --text-2xl: 24px;
    --text-mid: 28px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 60px;
    --text-7xl: 72px;
    --text-mid4xl: 40px;
    --color-base: #000;
    --color-white: #fff;
    --color-header-gray: #757575;
    --color-light-sky: #F3F3F3;
    --color-muted-sky: #EAEAEA;
    --color-theme-orange: #ffab76;
    --color-dark-red: #EA1A40;
    --color-gray: #757575;
    --color-dark-gray: #474747;
    --color-dark: #1D1D1D;
    /* additional css */
    --color-neutral: #F1F2F9;
    --color-shadow: #19213D0F;
    --color-blue-violet: #170F49;
    --color-dark-purple: #6F6C8F;
    --color-grayish-blue: #3C3C434D;
    --color-spanish-gray: #898989;
    --color-light-gray: #EDEDED;
    --color-transparent: #00000099;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    outline: none !important;
    transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease, background 0.3s ease, text-decoration 0.3s ease;
    transition: all 0.3s ease;
}

svg,
svg path {
    transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease, background 0.3s ease, text-decoration 0.3s ease;
}

button {
    border: none;
    box-shadow: none;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease, background 0.3s ease, text-decoration 0.3s ease;
    transition: all 0.3s ease;
}

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

li {
    list-style: none;
}

body {
    font-family: var(--font-content);
    letter-spacing: -.03em;
}

.container {
    width: 100%;
    max-width: 96%;
    margin: auto;
    /* overflow: hidden; */
}

section {
    overflow-x: hidden;
}

.contact-container {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.contact-container img {
    width: 100%;
    object-fit: cover;
}

/* css new */
.page-template-templatestemplate-accommondation-php .mphb-check-in-date-wrapper {
    padding: 8px 16px;
    background: var(--color-white) #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
}

.page-template-templatestemplate-accommondation-php .mphb-required-fields-tip {
    font-weight: 600;
    font-size: var(--text-mid);
    line-height: 1.2;
    letter-spacing: -0.03em;
    vertical-align: middle;
    color: var(--color-base);
}

.page-template-templatestemplate-accommondation-php .mphb_room_type_check_in_datepicker.is-datepick {
    border: none !important;
    width: 100%;
}

.page-template-templatestemplate-accommondation-php .mphb-datepick.mphb_datepicker.is-datepick {
    border: none !important;
}

.page-template-templatestemplate-accommondation-php .mphb-reserve-btn.button {
    width: 100%;
    background: var(--color-base);
    border-radius: 8px;
    padding: 18px 15px;
    cursor: pointer;
    font-size: var(--text-md) 18px;
    line-height: 1;
    font-weight: 500;
    color: var(--color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid transparent;
}

.page-template-templatestemplate-accommondation-php .mphb-reserve-btn.button:hover {
    background: transparent;
    border: 2px solid var(--color-base);
    color: var(--color-base);
}

.page-template-templatestemplate-accommondation-php .mphb-confirm-reservation {
    width: 100%;
    background: var(--color-base);
    border-radius: 8px;
    padding: 18px 15px;
    cursor: pointer;
    font-size: var(--text-md) 18px;
    line-height: 1;
    font-weight: 500;
    color: var(--color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid transparent;
}

.page-template-templatestemplate-accommondation-php .mphb-confirm-reservation:hover {
    background: transparent;
    border: 2px solid var(--color-base);
    color: var(--color-base);
}

.page-template-templatestemplate-accommondation-php .mphb-check-out-date-wrapper {
    padding: 8px 16px;
    background: var(--color-white) #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
}

.page-template-templatestemplate-accommondation-php .mphb_sc_booking_form-wrapper.is-direct-booking {
    width: 100%;
}

.page-template-templatestemplate-accommondation-php .datepick.datepick-multi {
    height: 455px;
}

.page-template-templatestemplate-accommondation-php .mphb_room_type_check_in_datepicker.is-datepick:focus-visible {
    outline: none;
}

.page-template-templatestemplate-accommondation-php .datepick-popup .datepick {
    width: 500px !important;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 14px rgba(0, 0, 0, .15) !important;
    padding: 0 15px;
}

.page-template-templatestemplate-accommondation-php .mphb-datepick.mphb_datepicker.is-datepick:focus-visible {
    outline: none;
}

.page-template-templatestemplate-accommondation-php .mphb-period-price.mphb-regular-price {
    font-size: var(--text-xl);
    line-height: 1.4;
    margin: 0 0 15px;
    text-align: left;
}

.page-template-templatestemplate-accommondation-php .mphb-period-price.mphb-regular-price .mphb-price {
    font-size: var(--text-xl);
    line-height: 1.4;
    margin: 0 0 15px;
    text-align: left;
}

.page-template-templatestemplate-accommondation-php .datepick {
    box-shadow: unset !important;
    padding: 0;
}

.page-template-templatestemplate-accommondation-php .mphb-price {
    font-weight: 400 !important;
    font-size: var(--text-2xs);
    line-height: 1.2;
    letter-spacing: -.03em;
    text-align: center;
    color: var(--color-spanish-gray) !important;
    text-transform: uppercase;
}

.page-template-templatestemplate-accommondation-php .calendar-section {
    padding: 0 18px 18px;
}

.page-template-templatestemplate-accommondation-php .datepick-cmd.datepick-cmd-today {
    display: none;
    opacity: 0;
}

/* css end */
@media (min-width:992px) {
    .contact__form .btn {
        width: 450px;
        background: #000000 !important;
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1600px;
    }

    .contact-container {
        max-width: unset;
    }
}


.header__main {
    background: transparent;
    padding: 15px 0;
    position: fixed;
    inset-inline: 0;
    top: 0;
    transition: all 0.6s ease;
    z-index: 7;
    font-family: var(--font-content);
    letter-spacing: -.03em;
}

.header__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.menu__bar {
    cursor: pointer;
    z-index: 9;
    display: none;
}

.menu__bar span {
    display: block;
    height: 2px;
    width: 28px;
    background: var(--color-base);
    border-radius: 10px;
    transition: all 0.3s ease;
}


/*  */

.menu__bar span:nth-child(2) {
    margin: 8px 0;
}

.menu__bar.menu__close span:nth-child(2) {
    display: none;
}

.menu__bar.menu__close span:first-child {
    transform: rotate(45deg) translate(1px, 6px);
}

.menu__bar.menu__close span:last-child {
    transform: rotate(-45deg) translate(-5px, 0);
}

.header-action {
    display: flex;
    gap: 80px;
    align-items: center;
}

.menu__list {
    display: flex;
    gap: 35px;
}

.menu__list li {
    position: relative;
}

.menu__list li a {
    font-size: var(--text-md);
    color: var(--color-header-gray);
    font-weight: 400;
}

.menu__list li a:hover,
.menu__list li a.active {
    color: var(--color-base);
}

.menu__list li a.active {
    font-weight: 500;
}

.menu__list li a:hover,
.menu__list li.current-menu-item a {
    color: var(--color-base);
}

.menu__list li.current-menu-item a {
    font-weight: 500;
}

.header__main.fixed {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .24);
    background: var(--color-light-sky);
}

.logo img {
    max-width: 95px;
    transition: all 0.6s ease;
}

.header__main.fixed .logo img {
    mix-blend-mode: multiply;
}

.language__selector {
    perspective: 600px;
}

.language__flip-container {
    position: relative;
    width: 56px;
    height: 56px;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
    cursor: pointer;
}

.language__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: var(--color-muted-sky);
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--color-gray);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    transition: color 0.3s ease, background 0.3s ease;
}

.language__button--front {
    transform: rotateY(0deg);
}

.language__button--back {
    transform: rotateY(180deg);
}

/* Active state color */
.language__button.active {
    color: var(--color-base);
}

.btn-theme {
    background: var(--color-base);
    border-radius: 8px;
    padding: 20px 23px;
    font-size: var(--text-md);
    line-height: 1;
    font-weight: 500;
    color: var(--color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid transparent;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.btn-theme:focus-visible {
    background: transparent !important;
    border: 2px solid var(--color-base) !important;
    color: var(--color-base) !important;
    box-shadow: none !important;
}

.header-cta {
    display: flex;
    gap: 15px;
    align-items: center;
}

/*--------------------------Hero section----------------------*/
.hero__main {
    margin-top: 123px;
    padding-bottom: 25px;
}

.hero__home {
    max-height: 800px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.hero-image {
    position: relative;
    height: 100%;
}


.hero-image::after {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(90.25deg, rgba(255, 255, 255, .6) 26.35%, rgba(255, 255, 255, 0) 72.52%);
    background: linear-gradient(90.25deg, rgba(255, 255, 255, .6) -50.65%, rgba(255, 255, 255, 0) 55.52%);
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-video,
.hero-image video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hero-image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.hero__home--inner {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero__content {
    margin: 0 10px 40px;
    letter-spacing: -.03em;
    max-width: 520px;
}

.section-head-highlight {
    width: auto;
    display: inline-block;
    padding: 12px 20px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 30px;
    font-size: var(--text-xs);
    line-height: 1.3;
    font-weight: 500;
    font-family: var(--font-content);
    letter-spacing: -.03em;
    color: var(--color-base);
    margin: 0 0 20px;
}

.hero__content .section-head-highlight {
    display: inline;
}

.hero__content h2 {
    font-size: var(--text-6xl);
    line-height: 1.1;
    color: var(--color-base);
    margin: 20px 0;
}

.hero__content h2 span {
    font-family: var(--font-head);
    font-style: italic;
}

.hero__content p {
    font-size: var(--text-lg);
    line-height: 1.4;
    color: var(--color-base);
}

.hero__content p span {
    display: inline-block;
}

.hero__search-box {
    border-radius: 20px;
    overflow: hidden;
    letter-spacing: -.04em;
    display: flex;
    flex-direction: column;
}

.search-form {
    background: var(--color-white);
    padding: 20px 15px;
    max-height: 100%;
    overflow-y: auto;
}

.search-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.hero__search-box label {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--color-base);
    margin-bottom: 8px;
    display: block;
}

.hero__search-box .mphb_sc_search-check-in-date br,
.hero__search-box .mphb_sc_search-check-out-date br,
.hero__search-box .mphb_sc_search-children br,
.hero__search-box .mphb_sc_search-adults br {
    display: none;
}

.homepage-banner-widget {
    padding: 25px 20px;
}

.field-input-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    min-height: 80px;
    border-radius: 10px;
    background-color: var(--color-muted-sky);
    padding: 0 12px;
}

.hero__search-box input[type=text],
.hero__search-box select {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative !important;
    min-height: 80px;
    border-radius: 10px !important;
    background-color: var(--color-muted-sky) !important;
    padding: 0 12px 0 40px !important;
    color: var(--color-dark-gray) !important;
    width: 100% !important;
    border: none;
}

.mphb_sc_search-check-in-date,
.mphb_sc_search-check-out-date,
.mphb_sc_search-children,
.mphb_sc_search-adults {
    position: relative;
}

.hero__search-box .mphb_sc_search-check-in-date::before,
.hero__search-box .mphb_sc_search-check-out-date::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 70%;
    transform: translateY(-50%);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    background-image: url('data:image/svg + xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 2V6" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 2V6" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 10H21" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.hero__search-box .mphb_sc_search-adults::before,
.hero__search-box .mphb_sc_search-children::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 70%;
    transform: translateY(-50%);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    background-image: url('data:image/svg + xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 20L12 14L15 20" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 8L12 10L18 8" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 10V14" stroke="%23474747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.hero__search-box .mphb_sc_search-submit-button-wrapper {
    margin: 0 !important;
    position: relative;
    height: 80px;
    flex: none !important;
    width: 210px !important;
}

.hero__search-box .mphb_sc_search-submit-button-wrapper input {
    height: 100%;
    transition: all 0.3s ease;
}

/* .hero__search-box .mphb_sc_search-submit-button-wrapper::before{
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20px;
  top: 70%;
  transform: translateY(-50%);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
  background-image: url('data:image/svg + xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21.0002 21L16.6602 16.66" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
} */
.hero__search-box p {
    margin: 0 !important;
}

.hero__search-box input[type=text] {
    width: 100%;
}

.hero__search-box form>div {
    margin: 0 !important;
}

.hero__search-box input::placeholder,
.hero__search-box select option {
    color: var(--color-dark-gray);
}

.hero__search-box select {
    appearance: none;
    background-image: url("data:image/svg + xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-size: 12px 12px !important;
    padding-right: 20px !important;
}

.hero__search-box svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 20px;
    max-height: 20px;
}

.hero__search-box svg path {
    fill: var(--color-dark-gray);
}

.hero__search-box svg.vbo-caltrigger {
    padding: 0 !important;
}

.hero__search-box form {
    display: grid;
    gap: 20px;
    grid-template-columns: 16% 16% 0 1fr 16%;
}

.hero__search-box .vbmodhorsearchrac {
    display: flex;
    gap: 20px;
}

.hero__search-box .vbmodhorsearchroomsel,
.hero__search-box .vbmodhorsearchroomdentr {
    flex-grow: 1;
}

.hero__search-box .vbmodhorsearchroomdentrfirst {
    display: flex !important;
}

.hero__search-box .vbmodhorsearchroomdentrfirst .horsanumdiv,
.hero__search-box .vbmodhorsearchroomdentrfirst .horscnumdiv {
    flex-grow: 1;
    margin-right: 20px;
}

.hero__search-box .vbmodhorsearchroomdentrfirst .horsrnum {
    align-self: center;
    font-size: var(--text-sm);
    font-weight: 500;
    margin-right: 8px;
}

.hero__search-box .vbmodhorsearchbookdiv .btn {
    background: var(--color-base);
    border-radius: 8px;
    padding: 18px 15px;
    font-size: var(--text-md);
    line-height: 1;
    font-weight: 500;
    color: var(--color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid transparent;
    margin: 0;
    height: 80px;
    width: 100%;
}

.hero__search-box .vbmodhorsearchbookdiv .btn:hover,
.hero__search-box .vbmodhorsearchbookdiv .btn:focus {
    background: transparent;
    border: 2px solid var(--color-base);
    color: var(--color-base);
}

/* .datepick-popup{
  top: 11.6% !important;
} */
.page-id-14 .datepick-popup,
.page-id-1341 .datepick-popup {
    top: 12.5% !important;
}

.datepick {
    width: 550px !important;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 14px rgba(0, 0, 0, .15);
    padding: 0 15px;
}

.datepick-nav{
    background: var(--color-white) !important;
    margin: 18px 0;
    font-size: var(--text-base);
    font-weight: 400;
}
.datepick-ctrl{
    background: var(--color-white) !important;
    margin: 0 0 18px;
    font-size: var(--text-base);
    font-weight: 400;
}

.datepick-nav {
    border-bottom: 1px solid rgba(111, 108, 143, 0.25) !important;
    padding-bottom: 10px;
}

.datepick a {
    color: var(--color-base);
}

.datepick-cmd:hover {
    background: none !important;
    color: #0dcaf0 !important;
}

.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
    background: none !important;
    color: var(--color-base) !important;
}

.datepick-month {
    width: 49% !important;
    border: none !important;
}

.datepick-month.first {
    margin-right: 1%;
}

.datepick-month.last {
    margin-left: 1%;
    /* border-left: 1px solid rgba(111, 108, 143, 0.25) !important; */
}
.datepick-month-row{
    position: relative;
    width: 100%;
    display: inline-block;
}
.datepick-month-row::after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: rgba(111, 108, 143, 0.25);
    pointer-events: none;
}

.datepick-month thead th {
    border: none !important;
}

.datepick-month th,
.datepick-month th a {
    background: none !important;
    color: var(--color-dark-gray) !important;
    font-weight: 400 !important;
}

.datepick-month td a {
    color: var(--color-base) !important;
}



/* .datepick-month td .datepick-weekend:not(.mphb-unselectable-date),  .datepick-month td .datepick-weekend:not(.mphb-unselectable-date--check-in){
    color: var(--color-base) !important;
    background: var(--color-white) !important;
} */
.datepick-month td .datepick-weekend,
.datepick-month td .datepick-weekend {
    color: var(--color-base) !important;
    background: var(--color-white) !important;
}

.datepick-month td a.datepick-selected,
.datepick-month td span.datepick-selected,
.datepick-month td .datepick-selected,
.mphb-selected-date--check-out.datepick-weekend.mphb-unselectable-date--check-in.datepick-selected,
.mphb-unselectable-date--check-out.mphb-selected-date--check-in.datepick-weekend.datepick-selected,
.datepick-month td span[title="Booked"].mphb-selected-date--check-out.datepick-selected,
.datepick-month td .datepick-selected.datepick-weekend {
    background: var(--color-base) !important;
    color: var(--color-white) !important;
    opacity: 1;
}

.datepick-month td a:hover {
    background: #eaeaea !important;
}



/* .datepick-month td span[title="Booked"].mphb-selected-date--check-out.datepick-selected{

} */

.datepick-month td :is(.datepick-weekend.mphb-unselectable-date, .datepick-weekend.mphb-unselectable-date--check-in, .datepick-weekend.mphb-unselectable-date--check-out) {
    color: #888 !important;
    background: #eee !important;
    opacity: 0.5;
}

/* .datepick-month :is(.mphb-unselectable-date--check-out, .mphb-selected-date--check-in, .datepick-selected){
    color: var(--color-white) !important;
} */
.mphb-calendar td .mphb-available-date {
    color: #888 !important;
}

.mphb-datepick-popup .datepick-month td .mphb-booked-date.datepick-weekend:not(.mphb-selectable-date),
.mphb-unselectable-date--check-out,
.mphb-unselectable-date--check-in {
    opacity: .5;
    background-color: #eee !important;
    color: #888 !important;
}

.mphb-calendar td .mphb-date-check-in {
    background: #ddd !important;
}

.mphb-unselectable-date--check-out.datepick-weekend {
    background: #ddd !important;
}

.datepick-month td span[title="Booked"] {
    background: #ddd !important;
    color: #888 !important;
}

.datepick-month td span[title="Booked"].mphb-unselectable-date {
    opacity: .5 !important;
}

.datepick-month td .datepick-today {
    background: rgba(117, 117, 117, 0.1) !important;
    color: rgba(0, 0, 0, 0.67) !important;
}

.datepick-month td,
.datepick-month td a {
    border-color: rgba(111, 108, 143, 0.13) !important;
    background: none !important;
    border-radius: 3px;
    overflow: hidden;
}

.datepick-month table {
    border-collapse: inherit !important;
}

.datepick-month td:has(.datepick-other-month) {
    border: none !important;
}

.datepick-month-header {
    margin-bottom: 20px !important;
    font-size: var(--text-base) !important;
    font-weight: 400 !important;
    border-radius: 6px;
    background: rgba(234, 234, 234, 0.5) !important;
}

.datepick-month-header select,
.datepick-month-header input {
    font-size: var(--text-base) !important;
    font-weight: 400 !important;
}

.field-icon {
    max-width: 20px;
}

.search-form .form-select,
.search-form .form-control {
    border: none;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
    color: #666;
    padding: 0;
    outline: none;
    flex: 1;
}

.search-form .form-select {
    background-image: url("data:image/svg + xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0 center !important;
    background-size: 12px 12px !important;
    padding-right: 20px;
}

.search-form .form-select:focus,
.search-form .form-control:focus {
    border: none;
    box-shadow: none;
    background: transparent;
}

.search-form .form-control::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.search-form .search-btn {
    height: 80px;
}

.search-form .search-icon {
    font-size: 18px;
}

.promo-banner {
    padding: 10px;
    text-align: center;
    font-size: var(--text-sm);
    line-height: 1.3;
    font-weight: 500;
    color: var(--color-base);
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(10px);
}

.promo-banner span {
    color: var(--color-white);
}

.promo-banner strong {
    color: var(--color-dark-red);
    font-weight: 500;
}

.hero__search-box .promo-banner {
    display: none;
}

.hero__search-box.has-hero-offer .promo-banner,
.hero__search-box.has-offer-activate .promo-banner {
    display: block;
}

.hero__search-box.has-offer-activate {
    flex-direction: column-reverse;
}

.form-select option {
    padding: 10px;
}

input[type="date"] {
    position: relative;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #666;
}

.feature-room {
    padding: 40px 0;
}

.section-head-main {
    font-size: var(--text-mid4xl);
    font-weight: 500;
    line-height: 1.3;
    color: var(--color-base);
    letter-spacing: -.02em;
    text-transform: capitalize;
}

.section-head-main span {
    font-family: var(--font-head);
    font-style: italic;
    text-transform: capitalize;
}

.btn-primary {
    background: var(--color-white);
    border-color: rgba(0, 0, 0, 0.2);
    color: var(--color-base);
}

/* .btn-primary:hover,
  .btn-primary:focus {
  background: var(--color-theme-orange);
  border-color: transparent;
  color: var(--color-white);
} */

.feature-header {
    display: flex;
    position: relative;
    gap: 40px;
    margin-bottom: 40px;
}

.feature-header-left {
    flex-shrink: 0;
}

.section-head-brief {
    font-size: var(--text-base);
    line-height: 1.4;
    margin: 0 0 15px;
    text-align: center;
}

.feature-header-right {
    text-align: center;
    flex-grow: 1;
    padding-left: 85px;
}

.greek_body .feature-header-right {
    padding-left: 135px;
}

.feature-room-tab-list .nav-link {
    border: 1.8px solid rgba(0, 0, 0, 0.2);
    background: rgba(117, 117, 117, 0.1) !important;
    padding: 17px 20px;
    border-radius: 30px;
    font-size: var(--text-sm);
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 1;
    color: var(--color-gray);
}

.feature-room-tab-list .nav-link.active {
    border-color: var(--color-base);
    color: var(--color-base);
}

.feature-room-tab-list .nav-link:hover {
    border-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.6);
}

.feature-room-tab-list {
    gap: 16px 10px;
    margin-bottom: 40px;
}

.feature-room-tab-content {
    background: var(--color-light-sky);
    border-radius: 30px;
    padding: 25px 0 25px 25px;
}

.feature-room-slider-img {
    height: 330px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.feature-room-slider-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.feature-room-slider-img:hover::before {
    opacity: 1;
}

.feature-room-slider-img:hover img {
    transform: scale(1.08);
}

.feature-room-slider-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.feature-room-slider-item p {
    font-size: var(--text-md);
    line-height: 1.2;
    font-weight: 500;
    color: var(--color-base);
    margin: 0;
    text-align: center;
}

.feature-room-slider .slick-slide {
    padding: 0 10px;
}

.feature-room-slider {
    position: static;
}

.feature-room-slider .slick-list {
    padding-right: 3%;
    margin-left: -10px;
}

.feature-highlight-item {
    background: var(--color-white);
    border-radius: 16px;
    padding: 20px 18px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: var(--text-base);
    color: var(--color-dark-gray);
    line-height: 1.1;
    flex: none;
}

.feature-highlight-item img {
    max-width: 20px;
    max-height: 20px;
    filter: brightness(0.1);
}

.feature-highlight-row {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    overflow-x: auto;
    width: 100%;
    justify-content: flex-start !important;
}

.feature-room-slider .slick-prev,
.feature-room-slider .slick-next {
    width: 75px;
    height: 75px;
    background: rgba(117, 117, 117, 0.1);
    color: var(--color-base);
    border-radius: 100%;
    bottom: 0;
    top: inherit;
    transform: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-room-slider .slick-prev:hover,
.feature-room-slider .slick-prev:focus,
.feature-room-slider .slick-next:hover,
.feature-room-slider .slick-next:focus {
    background: var(--color-base);
    color: var(--color-white);
}

.feature-room-slider .slick-prev::before,
.feature-room-slider .slick-next::before {
    content: "";
}

.feature-room-slider .slick-prev i,
.feature-room-slider .slick-next i {
    font-size: var(--text-md);
}

.feature-room-slider .slick-prev {
    left: 0;
}

.feature-room-slider .slick-next {
    left: 90px;
}

.feature-room {
    position: relative;
    overflow: hidden;
}

.feature-room::before {
    content: "";
    width: 900px;
    height: 600px;
    background: url(../images/ellipse-big.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 30%;
    z-index: 0;
}

.feature-room::after {
    content: "";
    width: 800px;
    height: 220px;
    background: url(../images/ellipse-big.png) no-repeat bottom left;
    background-size: 100%;
    position: absolute;
    left: 0px;
    bottom: -105px;
    z-index: -1;
    transform: rotate(-155deg);
}

.spaces__feature {
    padding: 40px 0 60px;
    position: relative;
    overflow: hidden;
}

.amenity-card {
    background: var(--color-light-sky);
    border-radius: 10px;
    padding: 15px;
    height: 100%;
    border: none;
    box-shadow: 0 2px 10px transparent;
    transition: all 0.3s ease;
}

.amenity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.amenity-icon {
    width: 45px;
    height: 45px;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 12px;
}

.amenity-icon img {
    max-width: 22px;
}

.amenity-title {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--color-base);
    margin-bottom: 10px;
}

.amenity-description {
    font-size: var(--text-md);
    color: var(--color-header-gray);
    line-height: 1.5;
    margin: 0;
}

.space-arrow {
    height: 110px;
    width: 110px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.space-arrow img {
    max-width: 45px;
}

.spaces__feature::before {
    content: "";
    width: 730px;
    height: 730px;
    background: url(../images/ellipse-big.png) no-repeat bottom center;
    background-size: 100%;
    position: absolute;
    left: -10%;
    bottom: 200px;
    z-index: 0;
    transform: rotate(-50deg);
}

.spaces__feature::after {
    content: "";
    width: 70%;
    height: 85%;
    background: url(../images/ellipse-bigger.png) no-repeat right center;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: 23%;
    top: 155px;
    z-index: -1;
    transform: rotate(0deg);
}

.gallery__section {
    padding: 10px;
}

.gallery__section .btn-theme {
    background: transparent;
}

.gallery__section--container {
    background: var(--color-light-sky);
    border-radius: 30px;
    padding: 40px 15px 15px;
}

.gallery__section .section-head-highlight {
    padding-inline: 30px;
}

.gallery__section .section-head-main {
    max-width: 925px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 230px 280px;
    gap: 15px;
    margin-top: 40px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
}

.gallery-item:hover {
    transform: translateY(-5px) scale(1.02);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    transition: transform 0.6s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* Grid positioning - 6 items total */
.item-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    /* Spans both rows - tall left image */
}

.item-2 {
    grid-column: 3 / 4;
    grid-row: 1;
    /* Top middle */
}

.item-3 {
    grid-column: 4 / 6;
    grid-row: 1;
    /* Top right - spans 2 columns */
}

.item-4 {
    grid-column: 3 / 5;
    grid-row: 2;
    /* Bottom middle - spans 2 columns */
}

.item-5 {
    grid-column: 5 / 6;
    grid-row: 2;
    /* Bottom right small */
}

.item-6 {
    grid-column: 6 / -1;
    grid-row: 1 / 3;
}

.gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.gallery-item:hover::before {
    opacity: 1;
}

/* Loading animation */
.gallery-item {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
    transform: translateY(30px);
}

.gallery-item:nth-child(1) {
    animation-delay: 0.1s;
}

.gallery-item:nth-child(2) {
    animation-delay: 0.2s;
}

.gallery-item:nth-child(3) {
    animation-delay: 0.3s;
}

.gallery-item:nth-child(4) {
    animation-delay: 0.4s;
}

.gallery-item:nth-child(5) {
    animation-delay: 0.5s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.location__section {
    padding: 50px 0 65px;
}

.location__section--view__box {
    height: 450px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.location__section--view__box iframe {
    width: 100%;
    height: 100%;
}

.location__section--head {
    max-width: 855px;
    text-align: center;
    margin-bottom: 40px;
}

.testimonial__section {
    padding: 0 0 60px;
}

.testimonial__card {
    background: linear-gradient(0deg, #F8FAFC, #F8FAFC), linear-gradient(0deg, #F3F3F3, #F3F3F3);
    border: 1px solid rgb(222, 229, 237);
    border-radius: 16px;
    padding: 25px;
    position: relative;
    height: 100%;
    box-shadow: 0 2px 10px transparent;
    transition: all 0.3s ease;
}

.testimonial__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.testimonial__card::after {
    content: "";
    width: 19px;
    height: 13px;
    background: url(../images/quotation.png) no-repeat top right;
    background-size: 100%;
    position: absolute;
    top: 12px;
    right: 12px;
}

.stars {
    --rating: 3.6;
    --star-color: #dddddd;
    --star-background: #FFD029;
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--text-md);
    line-height: 1;
}

.stars::before {
    content: '★★★★★';
    letter-spacing: 6px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial__dp {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.testimonial__dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.testimonial__client {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(222, 229, 237);
}

.testimonial__client h6 {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-dark);
    margin: 0;
}

.testimonial__card p {
    font-size: var(--text-base);
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-dark);
    margin: 0 0 10px;
}

.testimonial__card a img {
    max-width: 22px;
}

.travel__guidance {
    padding: 0 0 70px;
}

.travel-location-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.travel__location--box {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.travel__location--box iframe {
    width: 100%;
    height: 100%;
}

.travel__guide--box {
    box-shadow: 0px -6px 8px 0px #00000008 inset;
    background: var(--color-light-sky);
    border-radius: 30px;
    /* max-height: 750px;
    overflow-y: auto; */
    padding: 20px 15px;
}

.travel-guide-wrapper {
    max-height: 750px;
    overflow-y: auto;
}

.section-head-sm {
    font-size: var(--text-2xl);
    font-weight: 500;
    color: var(--color-base);
    line-height: 1.25;
    margin: 0 0 20px;
}

.travel__brief {
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.travel__brief-img {
    height: 210px;
    border-radius: 10px;
    overflow: hidden;
}

.travel__brief-img img {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.faq__section {
    padding-bottom: 40px;
}

.faq__block {
    max-width: 750px;
    margin-inline: auto;
}

.faq__block .accordion-button::after {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 7px !important;
    background-position: center;
    color: var(--color-white) !important;
    transition: 0.3s ease-in-out;
}

.faq__accordion {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 40px;
}

.faq__block .accordion-item {
    border: 1px solid var(--color-neutral);
    box-shadow: 0px 1px 4px 0px var(--color-shadow);
    border-radius: 16px;
    overflow: auto;
}

.faq__block .accordion-header {
    width: 100%;
}

.faq__block .accordion-button::after {
    content: '';
    background-image: url('../images/accordion-closed.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: auto;
    background-color: var(--color-neutral);
    box-shadow: 0px 0.5px 1px 0px #19213D12;
}

.faq__block .accordion-button:not(.collapsed)::after {
    background-image: url('../images/accordion-open.png') !important;
    transform: rotate(0deg);
    background-color: var(--color-base);
    box-shadow: 0px 2px 6px 0px #4A3AFF1A,
        0px 1px 1.5px 0px #FFFFFF40 inset,
        0px -1px 1px 0px #0000001F inset !important;
}

.faq__block .accordion-button:not(.collapsed) {
    background-color: var(--color-white);
    box-shadow: unset;
    padding: 20px 25px 8px;
}

.faq__block .accordion-header .accordion-button {
    font-family: var(--font-content);
    letter-spacing: -.03em;
    font-weight: 600;
    font-size: var(--text-md);
    line-height: 1.1;
    color: var(--color-blue-violet);
    padding: 20px 25px;
    gap: 8px;
}

.faq__block .accordion-item .accordion-body {
    font-family: var(--font-content);
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--color-dark-purple);
    max-width: 700px;
    padding: 0px 28px 30px 28px;
}

.faq__block .accordion-item:has(.accordion-collapse.show) {
    box-shadow: 0px 5px 15px 0px var(--color-shadow);
}

/* Gallery page */
.tabs-container {
    margin-bottom: 20px;
}

.gallery__tabs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    gap: 40px 20px;
}

.gallery__top-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 35px !important;
}

.gallery__top-block p {
    max-width: 580px;
    text-transform: capitalize;
}

.gallery__top-block h2 {
    text-align: center;
    max-width: 610px;
    margin-inline: auto;
    margin-bottom: 14px;
    text-transform: capitalize;
}

.gallery__top-block h3 {
    margin-bottom: 22px;
}

.gallery__content {
    display: none;
}

.gallery__content.active {
    display: block;
}

.gallery-bottom-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 15px 10px;
}

.gallery__img {
    overflow: hidden;
}

.gallery__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.gallery__img:nth-child(1),
.gallery__img:nth-child(4n + 1) {
    grid-column: 1/3;
    max-height: 448px;
}

.gallery__img:nth-child(2),
.gallery__img:nth-child(4n + 2) {
    grid-column: 1 / 2;
    max-height: 700px;
}

.gallery__img:nth-child(3),
.gallery__img:nth-child(4n + 3) {
    grid-column: 2 / -1;
    max-height: 700px;
}

.gallery__img:nth-child(4),
.gallery__img:nth-child(4n + 4) {
    grid-column: 1/3;
    max-height: 960px;
}

.gallery__img:nth-child(3) img {
    object-position: bottom center;
}

.gallery__contents {
    padding-top: 60px;
}

.gallery__img:nth-child(4) img {
    object-position: bottom;
}

.gallery__heading {
    font-size: var(--text-md);
    line-height: 1.4;
    color: var(--color-base);
    margin-top: 20px;
    text-align: center;
}

.gallery__item {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    cursor: pointer;
    height: 153px;
    /* box-shadow: 0px 0px 14px 0px #00000040; */
    transition: all 0.3s ease-in-out;
}

.gallery__item img {
    transform: unset !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gallery__item:hover {
    border: 2px solid #000000;
}

.gallery__item.active {
    border: 2px solid #000000;
    transform: scale(1.1);
}

.main-content {
    display: flex;
    flex-direction: column;
}

.content-section {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

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

.gallery__content .feature-highlight-item {
    border: 1px solid #00000033 !important;
}

.content-section-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    gap: 10px;
}

/* footer */
.footer-main {
    padding-bottom: 16px;
    padding-top: 35px;
    border-top: 2px dashed rgba(0, 0, 0, 0.2);
}

.footer__top {
    display: flex;
    gap: 80px;
}

.footer__info-top {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    max-width: 1080px;
    flex-wrap: wrap;
}

.footer__middle {
    max-width: 1080px;
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
}

.footer__middle__wrapperone {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.footer__middle__wrapperone a {
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
}

.footer__middle__wrapperone a:hover {
    text-decoration-color: var(--color-base);
}

.footer__logo {
    max-width: 150px;
}

.footer__info-top {
    width: 100%;
    display: flex;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
}

.footer__wrapper hr {
    background: #000000;
    height: 1.5px;
    opacity: 1;
}

.footer__info-wrapper {
    flex: 1;
}

.footer__item>a {
    font-size: var(--text-sm);
    letter-spacing: -.03em;
    font-weight: 600;
    line-height: 1;
    color: var(--color-gray);
}

.footer__item:hover a,
.footer__item.active a {
    color: var(--color-base);
}

.footer__middle span {
    font-size: var(--text-xs);
    letter-spacing: -.03em;
    font-weight: 500;
    line-height: 1;
    color: var(--color-base);
    opacity: 40%;
    text-transform: uppercase;
}

.footer__middle .details {
    font-size: var(--text-sm);
    letter-spacing: -.03em;
    font-weight: 400;
    line-height: 1;
    color: var(--color-base);
    opacity: 1;
    margin-top: 14px;
    text-transform: none;
}

.footer__bottom>span {
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: 1;
    color: var(--color-base);
}

#backToTopBtn {
    position: fixed;
    bottom: 63px;
    right: 30px;
    display: none;
    width: 42px;
    height: 42px;
    font-size: 24px;
    z-index: 9999;
    color: #fff;
    background: var(--color-base);
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}


.footer__media {
    width: 40px;
    height: 40px;
    /* border: 2px solid rgba(0, 0, 0, 0.4); */
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    font-size: var(--text-lg);
    color: rgba(0, 0, 0, 0.5);
}

.footer__media svg path {
    fill: rgba(0, 0, 0, 0.5);
    transition: all .3s ease;
}

.footer__media svg {
    height: 20px;
}

.footer__media:nth-child(2) svg {
    height: 25px;
}

.footer__media:hover {
    background: var(--color-base);
}

.footer__media:hover svg path {
    fill: var(--color-white);
}


/*--------------------------Contact page-----------------------*/
.contact__main {
    padding: 30px 0;
}

.contact__map-area {
    height: 100%;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

.contact__map-area iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.contact__form-section {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 20px 20px 30px;
}

.contact__header {
    margin-bottom: 40px;
    max-width: 570px;
}

.section-head-big {
    font-size: var(--text-5xl);
    line-height: 1.1;
    color: var(--color-base);
    margin: 0 0 10px;
    text-transform: capitalize;
}

.section-head-big span {
    font-family: var(--font-head);
    font-style: italic;
}

.contact__form .form-group {
    margin-bottom: 12px;
}
.contact__form .form-row .flatpickr-wrapper{
    width: 100%;
}

.contact__form .form-group label {
    display: block;
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--color-base);
    margin-bottom: 8px;
}

.contact__form .form-control {
    width: 100%;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    font-size: var(--text-base);
    background: var(--color-white);
    height: 60px;
    line-height: 60px;
}

.contact__form .form-control::placeholder {
    color: var(--color-dark-gray);
}

.contact__form .form-control:focus::placeholder {
    opacity: 0;
}

.contact__form .form-select {
    width: 100%;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    font-size: var(--text-base);
    font-family: var(--font-content);
    background-color: var(--color-white);
    cursor: pointer;
    height: 60px;
    line-height: 60px;
}

.contact__form .form-select:focus {
    outline: none;
}

.form-row {
    display: flex;
    gap: 15px;
}

.form-row .form-group {
    flex: 1;
}

.contact__form textarea.form-control {
    resize: vertical;
    min-height: 160px;
    line-height: 1.2;
    padding: 15px 15px 8px;
}

.contact__form .checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 0;
}

.contact__form .checkbox-group input[type="checkbox"] {
    margin-top: 2px;
}

.contact__form .checkbox-group label {
    font-size: var(--text-sm);
    color: var(--color-header-gray);
    margin: 0;
    line-height: 1.4;
    cursor: pointer;
}

.contact__form .checkbox-group a {
    color: var(--color-header-gray);
    text-decoration: underline;
}

/*---------------------------Location page----------------------------*/
.location__hero {
    height: 580px;
    border-radius: 20px;
    overflow: hidden;
}

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

.location__header {
    max-width: 570px;
    margin-bottom: 35px;
}

.location__feature--item {
    background: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    transition: all 0.3s ease;
    transform: translateY(0);
    box-shadow: 0 2px 10px transparent;
}

.location__feature--item img {
    height: 36px;
}

.location__feature--item p {
    font-size: var(--text-md);
    font-weight: 500;
    line-height: 1.4;
    margin: 10px 0 0;
    text-align: center;
}

.location__feature--item:hover {
    transition: all 0.3s ease;
    transform: translateY(-5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.location__display-map {
    position: relative;
    overflow: hidden;
}

.location__display-map::before {
    content: "";
    width: 620px;
    height: 620px;
    background: url(../images/ellipse-big.png) no-repeat bottom center;
    background-size: 100%;
    position: absolute;
    left: -15%;
    bottom: 0;
    z-index: 0;
    transform: rotate(-50deg);
}

.location__highlight-item {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    transform: translateY(0);
    box-shadow: 0 2px 10px transparent;
    height: 100%;
}

.location__highlight-item:hover {
    transition: all 0.3s ease;
    transform: translateY(-5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.location__highlight-img {
    width: 230px;
    height: 125px;
    border-radius: 10px;
    overflow: hidden;
    flex: none;
}

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

.location__highlight-item p {
    width: 100%;
    flex-grow: 1;
    margin: 0;
    text-align: left;
}

.location__highlight {
    margin-bottom: 35px;
}



/*----------------------------------------Accommodation page------------------------------------------*/
body {
    position: relative;
    z-index: 1;
}

html {
    scroll-behavior: smooth;
}

.body.noScroll {
    overflow: hidden;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

.modal-backdrop {
    z-index: 1 !important;
}

.gallery-popup {
    position: fixed;
    top: 0;
    inset-inline: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: transparent;
    overflow-y: scroll;
}

.gallery-popup .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.gallery-popup .modal-content {
    border: none;
    background-color: #000000;
    padding: 30px 0;
}

.gallery-popup .btn-close {
    opacity: 1;
    width: 85px;
    height: 50px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 55px !important;

}

.gallery-popup .gallery-popup__content {
    display: block;
}

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

.accomodation__top {
    margin-bottom: 16px;
}

.accomodation__top .section-head-big {
    margin: 0 0 0px;
}

.accomodation__top button img {
    width: 24px;
    height: 24px;
}

.accomodation__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* grid-auto-rows: minmax(250px, auto); */
    grid-template-rows: auto;
    gap: 20px;
    overflow: hidden;
}

.accomodation__grid-item {
    overflow: hidden;
    border-radius: 10px;
}

.accomodation__grid-item:first-child,
.accomodation__grid-item:nth-child(2) {
    grid-column: span 6;
    height: 200px;
}

.accomodation__grid-item:nth-child(3) {
    grid-column: span 8;
}

.accomodation__grid-item:nth-child(4) {
    grid-column: span 4;
}

.accomodation__bottom {
    display: flex;
    gap: 20px;
}

.accomodation__bottom-item {
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 20px;
}

.accomodation__bottom-item,
.accomodation__grid {
    overflow: hidden;
    height: 480px;
}

.accomodation__item-wrapper:nth-child(1) {
    flex: 1;
    overflow: hidden;
}

.accomodation__item-wrapper:nth-child(2) {
    flex: 1;
    overflow: hidden;
}

.accomondation-content__item .feature-highlight-item {
    padding: 0px !important;
}

.resize-content {
    text-transform: unset;
    max-width: 750px;
    font-size: var(--text-mid4xl);
}

.accomondation-content__item {
    flex: 1;
}

.accomondation-content__wrapper {
    gap: 20px;
}

.accomondation-content__item .section-head-brief {
    font-size: var(--text-md);
    font-weight: 400;
    letter-spacing: -.03em;
}

.accomondation-content__item {
    display: flex;
    flex-direction: column;
}

.icon img {
    width: 42px;
    height: 42px;
}

.content__cards {
    border-top: 1px solid #00000033;
    border-bottom: 1px solid #00000033;
    padding: 40px 0px;
    margin-top: 40px;
}

.content__cards p {
    max-width: 360px;
}

.content__cards .accomondation-content__card {
    border-radius: 20px;
    padding: 10px 16px;
    border: 1px solid #00000033;
    height: 100%;
}

.accomondation-content__card .content-title {
    font-size: var(--text-md);
    font-weight: 500;
    line-height: 1.2;
    margin: 10px 0 0;
}

.accomondation-content__card p {
    font-size: var(--text-base);
    font-weight: 400;
    color: var(--color-header-gray);
    line-height: 1.4;
    margin: 10px 0 0;
    padding-bottom: 5px;
}

.accommodation-item span {
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.03em;
    font-size: var(--text-base);
    color: var(--color-base);
}

.amenities {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #00000033;
}

.amenities__wrapper {
    text-align: center;
}

.amenities__wrapper .accordion-button:not(.collapsed) {
    color: #000000 !important;

}

.amenities__wrapper .accordion-button:not(.collapsed) {
    color: #000000 !important;

}

.amenities__wrapper .amenities-title {
    margin-bottom: 40px;
}

.amenities-highlight-item {
    background: var(--color-white);
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 26px 20px;
    gap: 12px;
    font-size: var(--text-md);
    color: var(--color-dark-gray);
    line-height: 1;
    width: 100%;
    border: 1.1px solid #00000033;
}

.amenities-highlight-item img {
    max-width: 20px;
}

#toggle-amenities {
    margin-top: 40px;
}

/* ==============popup amenities ================= start 25-11-2025*/

.amenities-popup {
    position: fixed;
    display: block;
    padding: 75px 20px 20px;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 60%;
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #00000033;
    background: #ffffff;
    z-index: 0;
}

.amenities-popup.show {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    z-index: 99;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 44px;
    cursor: pointer;
    color: #333;
    transition: 0.2s ease;
}

.close-popup:focus {
    color: #000;
    transform: scale(1.1);
}

.amenities-block {
    padding-bottom: 20px;
}

/* .amenities-block>span {
    display: inline-block;
    text-align: left;
    font-size: var(--text-xl);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.amenities-block .amenities-highlight-item {
    border-radius: 0;
    padding: 24px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: 1.1px solid #00000033;
} */

body.end-scroll {
    overflow: hidden;
}

/* accomodation */
.Check-availability {
    padding-top: 40px;
    overflow: visible;
}

/* accomodation udated css */
.page-template-template-accommondation .calendar-section .datepick-month span {
    text-align: center;
    font-size: var(--text-base);
    line-height: 1.2;
    letter-spacing: 0.031em;
    color: #3C3C4399;
    text-transform: uppercase;
    border: none;
}
.page-template-template-accommondation .calendar-section .datepick-month .mphb-price, .page-template-template-accommondation .calendar-section .datepick-month .mphb-currency{
    font-size: var(--text-xs);
}

.page-template-template-accommondation .calendar-section .datepick-month span:not(.page-template-template-accommondation .calendar-section .datepick-month span span):not(.page-template-template-accommondation .calendar-section .datepick-month a span):not(.page-template-template-accommondation .calendar-section .datepick-month thead th span) {
    border: 1px solid rgba(111, 108, 143, 0.13);
    border-radius: 3px;
}
.page-template-template-accommondation .calendar-section .datepick-month span.mphb-extra-date{
    border: none !important;
}

.page-template-template-accommondation .calendar-section .datepick-month td a {
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.2;
    letter-spacing: 0.062em;
    text-align: center;
}

.page-template-template-accommondation .booking-container {
    display: grid;
    grid-template-columns: minmax(0, 840px) 1fr;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    /* overflow: hidden; */
    gap: 20px;
}

.page-template-template-accommondation .datepick {
    width: 100% !important;
}

.page-template-template-accommondation .calendar-section .datepick-month-header select,
.page-template-template-accommondation .calendar-section .datepick-month-header {
    font-size: var(--text-base) !important;
    letter-spacing: -0.0625em;
    color: var(--color-base) !important;
    height: 25px;
    line-height: 25px;
    outline: none;
}

.page-template-template-accommondation .calendar-section .datepick-month td {
    border: none;
    padding-bottom: 4px;
}
.page-template-template-accommondation .calendar-section table {
    border-spacing: 4px;
}
.page-template-template-accommondation .calendar-section .datepick-month td a {
    border-color: rgba(111, 108, 143, 0.13) !important;
    border-radius: 3px;
    overflow: hidden;
    border-width: 1px !important;
    border-style: solid;
}

.page-template-template-accommondation .calendar-section .page-template-template-accommondation .calendar-section .page-template-template-accommondation .calendar-section
/*  end */

.booking-container {
    display: flex;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    gap: 20px;
}

/* Calendar Section */
.calendar-section {
    flex: 1;
    background-color: var(--color-white);
    padding: 24px;
    border: 1px solid #00000033;
    border-radius: 20px;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.calendar-grid {
    width: 100%;
}

.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    margin-bottom: 8px;
}

.weekday {
    text-align: center;
    font-weight: 600;
    font-size: var(--text-xs);
    line-height: 1.2;
    letter-spacing: 0.031em;
    color: var(--color-grayish-blue);
    text-transform: uppercase;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 50px;
    gap: 3px;
    overflow: hidden;
    padding: 3px;
}

.day-number.in-range {
    position: relative;
}

.day-number.in-range::after {
    content: '';
    position: absolute;
    background-color: var(--color-light-gray);
    width: 380%;
    height: 100%;
    right: 100%;
    top: 0;
}

.day-number.in-range::before {
    content: '';
    position: absolute;
    width: 380%;
    height: 100%;
    left: 100%;
    top: 0;
    background-color: var(--color-light-gray);
}

.day-number.in-range {
    background-color: var(--color-light-gray);
    color: black;
}

.calendar-day .day-number {
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.2;
    letter-spacing: 0.062em;
    text-align: center;
    color: var(--color-base);
    padding: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.calendar-day .selected-start,
.calendar-day .selected-end {
    background-color: var(--color-light-gray);
    width: 40px;
    min-height: 40px;
    color: var(--color-white);
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.calendar-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    transition: all 0.2s ease;
    position: relative;
    gap: 2px;
}

.calendar-day .selected-start::before,
.calendar-day .selected-start::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-light-gray);
}

.calendar-day .selected-start::before {
    top: 0px;
    right: 0;
    background-color: var(--color-base);
    z-index: 2;
    border-radius: 50%;
}

.calendar-day .selected-start::after {
    left: 0;
    border-radius: 50%;
    z-index: 1;
    width: 125%;
}

.calendar-day .selected-end::before,
.calendar-day .selected-end::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-light-gray);
}

.calendar-day .selected-end::before {
    top: 0px;
    right: 0;
    background-color: var(--color-base);
    z-index: 2;
    border-radius: 50%;
}

.calendar-day .selected-end::after {
    right: 0;
    border-radius: 50%;
    z-index: 1;
    width: 125%;
}

.other-month .day-number {
    opacity: 0;
}

.calendar-day .day-price {
    font-weight: 400;
    font-size: var(--text-2xs);
    line-height: 1.2;
    letter-spacing: -.03em;
    text-align: center;
    color: var(--color-spanish-gray);
    text-transform: uppercase;
}

/* Day States */


.other-month .day-price {
    opacity: 0;
}

.calendar-day.available:hover {
    background-color: #f8f9fa;
}

/* Selected Range States */
.calendar-day.checkin {
    background-color: #212529;
    color: white;
}

.calendar-day.checkin .day-price {
    color: #e9ecef;
}

.calendar-day.checkout {
    background-color: #212529;
    color: white;
}

.calendar-day.checkout .day-price {
    color: #e9ecef;
}

.calendar-day.in-range {
    background-color: #f1f3f4;
    color: #212529;
}

.calendar-day.in-range .day-price {
    color: #6c757d;
}

/* Booking Panel */

.price-section {
    margin-bottom: 24px;
}

.price {
    font-size: 22px;
    font-weight: 600;
    color: #212529;
    margin-right: 8px;
}

.duration {
    font-size: 14px;
    color: #6c757d;
}

.date-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    margin-bottom: 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.date-input-group {
    background: white;
    padding: 12px 16px;
    border-right: 1px solid #dee2e6;
}

.date-input-group:last-child {
    border-right: none;
}

.date-input-group label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 4px;
}

.date-input {
    border: none;
    font-size: 14px;
    color: #495057;
    width: 100%;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.guests-section {
    margin-bottom: 24px;
}

.guests-section label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 8px;
}

.guests-select {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.2;
    color: var(--color-dark-gray);
    letter-spacing: -0.04em;
    cursor: pointer;
    outline: none;
}

.guests-select:focus {
    border-color: #212529;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.arrow-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.month-year {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: var(--text-base);
    line-height: 1.2;
    letter-spacing: -0.0625em;
    color: var(--color-base);
}

.month-year select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 3px;
    font-weight: 600 !important;
    font-size: var(--text-base) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.0625em !important;
    color: var(--color-base) !important;
}

.accomodation-location {
    padding-top: 55px !important;
}

.accomodation-location__text {
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--color-base);
    /* max-width: 1300px; */
    margin-top: 40px;
}

.custom-arrow {
    margin-left: 22px;
    width: 11px;
    height: 18px;
}

.custom-arrow img {
    width: unset;
    height: unset;
    object-fit: unset;
}

.day-price {
    font-size: 10px;
    line-height: 1;
    color: #717171;
}

.calendar-day:hover {
    background-color: var(--color-light-gray);
}

.selected-start span {
    position: relative;
    z-index: 4;
}

.selected-end span {
    position: relative;
    z-index: 4;
}

.calendar-day.selected-start .day-price,
.calendar-day.selected-end .day-price {
    color: #e0e0e0;
}

/* In-between dates - LIGHT GRAY */
.calendar-day.in-range {
    background-color: #f0f0f0;
    color: #222222;
}

.calendar-day.in-range .day-price {
    color: #717171;
}

/* Other month dates */


.calendar-day.other-month .day-price {
    color: #dddddd;
}

.calendar-day.other-month:hover {
    background: white;
}

/* Booking Panel - RIGHT SIDE */
.booking-panel {
    flex-basis: 596px;
    padding: 32px;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-shadow: 0px 0px 30px 0px #00000017;
    border: 1px solid #00000033;
    border-radius: 20px;
}

.price-display {
    margin-bottom: 14px;
    display: inline-block;
    vertical-align: baseline;
}

.price-amount {
    font-weight: 600;
    font-size: var(--text-mid);
    line-height: 1.2;
    letter-spacing: -0.03em;
    vertical-align: middle;
    color: var(--color-base);
}

.price-duration {
    font-weight: 500;
    font-size: var(--text-md);
    line-height: 1.2;
    letter-spacing: -0.03em;
    vertical-align: middle;
    color: var(--color-base);
}

.date-selection {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.date-field {
    padding: 8px 16px;
    border: none;
    background: var(--color-white);
    border: 1px solid #00000033;
    border-radius: 10px;
}

.date-field label,
.guests-field label {
    display: block;
    font-weight: 500;
    font-size: var(--text-base);
    line-height: 1.2;
    letter-spacing: -0.04em;
    margin-bottom: 4px;
}

.date-field input {
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
    font-weight: 400;
    font-size: var(--text-base);
    line-height: 1.2;
    color: var(--color-dark-gray);
    letter-spacing: -0.04em;
}

.guests-field {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #00000033;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    appearance: none;
    margin-bottom: 12px;
}

/* review */
.review {
    padding-top: 40px;
}

.review__total {
    display: flex;
    gap: 50px;
}

.score-block {
    display: inline-flex;
    border-radius: 10px;
    background: var(--color-base);
    font-weight: 600;
    font-size: var(--text-2xl);
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: center;
    color: var(--color-white);
    padding: 16px;
    min-height: 65px;
    align-items: center;
}

.score-itemone {
    gap: 12px;
}

.score-text span {
    font-weight: 600;
    font-size: var(--text-md);
    line-height: 1.2;
    color: var(--color-header-gray);
    letter-spacing: -0.03em;
}

.score-text {
    gap: 6px;
}

.score-text .subtext {
    font-weight: 600;
    font-size: var(--text-mid);
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: var(--color-base);
}

.review__wrapper {
    display: flex;
    gap: 50px;
}

.score-itemtwo {
    display: flex;
    gap: 50px;
}

.progress-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.progress-item span {
    font-weight: 600;
    font-size: var(--text-md);
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.review__score {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.progress-barone,
.progress-bartwo {
    flex: 1;
}

.progress-barone .review-progress-block,
.progress-bartwo .review-progress-block {
    display: flex;
    flex-direction: row-reverse;
}

.review-progress-block {
    display: flex;
    gap: 14px;
    align-items: center;
}

.review-progress-block a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: var(--text-xl);
    line-height: 1.2;
    letter-spacing: 0.33px;
    color: var(--color-transparent);
}

.review__itemone {
    display: flex;
    gap: 12px;
    align-items: center;
}

.review__block {
    display: flex;
    flex-direction: column;
    flex-basis: 480px;
}

.review__star {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.review__itemone span {
    font-weight: 500;
    font-size: var(--text-5xl);
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--color-base);
}

.review__itemone img,
.review__itemtwo img {
    object-fit: contain;
}

.review__itemone img {
    width: 50px;
    height: 50px;
}

.review__itemtwo img {
    width: 16px;
    height: 16px;
}

.review__itemtwo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review__itemtwo span {
    font-weight: 600;
    font-size: var(--text-mid);
    line-height: 1;
    letter-spacing: -0.03em;
}

.review__block .review-progress-block {
    margin-bottom: 25px;
}

.rating-bar {
    height: 11px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 100px;
    overflow: hidden;
}

.rating-fill {
    height: 100%;
    background-color: var(--color-base);
    border-radius: 30px;
}

/* accomodation-location */
.accomodation-location .location__feature {
    margin-bottom: 35px;
}

/* testimonial */
.accomodation-testimonial .testimonial__card a img {
    width: unset;
    height: unset;
    object-fit: unset;
}

.accomodation-testimonial {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 0 40px;
}

.lg-toolbar .lg-icon.lg-zoom-in::after {
    content: " + ";
    content: "";
    background: url('data:image/svg + xml,<svg aria-hidden="true" width="24" height="24" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M13.854 14.9147C12.5764 15.9577 10.9446 16.5833 9.16667 16.5833C5.07056 16.5833 1.75 13.2628 1.75 9.16667C1.75 5.07056 5.07056 1.75 9.16667 1.75C13.2628 1.75 16.5833 5.07056 16.5833 9.16667C16.5833 10.9446 15.9577 12.5764 14.9147 13.854L18.0303 16.9697C18.3232 17.2626 18.3232 17.7374 18.0303 18.0303C17.7374 18.3232 17.2626 18.3232 16.9697 18.0303L13.854 14.9147ZM3.25 9.16667C3.25 5.89898 5.89898 3.25 9.16667 3.25C12.4344 3.25 15.0833 5.89898 15.0833 9.16667C15.0833 10.7631 14.4511 12.2118 13.4234 13.2761C13.396 13.2968 13.3696 13.3197 13.3447 13.3447C13.3197 13.3696 13.2968 13.396 13.2761 13.4234C12.2118 14.4511 10.7631 15.0833 9.16667 15.0833C5.89898 15.0833 3.25 12.4344 3.25 9.16667Z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="%23ffffff" d="M9.16666 5.91666C9.58087 5.91666 9.91666 6.25244 9.91666 6.66666V11.6667C9.91666 12.0809 9.58087 12.4167 9.16666 12.4167C8.75244 12.4167 8.41666 12.0809 8.41666 11.6667V6.66666C8.41666 6.25244 8.75244 5.91666 9.16666 5.91666Z"></path><path class="pswp__zoom-icn-bar-h" fill-rule="evenodd" clip-rule="evenodd" fill="%23ffffff" d="M5.91666 9.16666C5.91666 8.75244 6.25244 8.41666 6.66666 8.41666H11.6667C12.0809 8.41666 12.4167 8.75244 12.4167 9.16666C12.4167 9.58087 12.0809 9.91666 11.6667 9.91666H6.66666C6.25244 9.91666 5.91666 9.58087 5.91666 9.16666Z"></path></svg>') no-repeat center;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: block;
    transition: background 0.2s linear;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-zoomed .lg-toolbar .lg-icon.lg-zoom-out::after {
    content: "–";
    content: "";
    background: url('data:image/svg + xml,<svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" fill-rule="evenodd" clip-rule="evenodd" d="M13.854 14.9147C12.5764 15.9577 10.9446 16.5833 9.16667 16.5833C5.07056 16.5833 1.75 13.2628 1.75 9.16667C1.75 5.07056 5.07056 1.75 9.16667 1.75C13.2628 1.75 16.5833 5.07056 16.5833 9.16667C16.5833 10.9446 15.9577 12.5764 14.9147 13.854L18.0303 16.9697C18.3232 17.2626 18.3232 17.7374 18.0303 18.0303C17.7374 18.3232 17.2626 18.3232 16.9697 18.0303L13.854 14.9147ZM3.25 9.16667C3.25 5.89898 5.89898 3.25 9.16667 3.25C12.4344 3.25 15.0833 5.89898 15.0833 9.16667C15.0833 10.7631 14.4511 12.2118 13.4234 13.2761C13.396 13.2968 13.3696 13.3197 13.3447 13.3447C13.3197 13.3696 13.2968 13.396 13.2761 13.4234C12.2118 14.4511 10.7631 15.0833 9.16667 15.0833C5.89898 15.0833 3.25 12.4344 3.25 9.16667Z"></path><path class="pswp__zoom-icn-bar-h" fill-rule="evenodd" clip-rule="evenodd" fill="%23000000" d="M5.91666 9.16666C5.91666 8.75244 6.25244 8.41666 6.66666 8.41666H11.6667C12.0809 8.41666 12.4167 8.75244 12.4167 9.16666C12.4167 9.58087 12.0809 9.91666 11.6667 9.91666H6.66666C6.25244 9.91666 5.91666 9.58087 5.91666 9.16666Z"></path></svg>');
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: block;
    transition: background 0.2s linear;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-toolbar .lg-icon.lg-zoom-in:hover::after,
.lg-toolbar .lg-icon.lg-zoom-in:focus::after {
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <path fill="%23000000" fill-rule="evenodd" clip-rule="evenodd" d="M13.854 14.9147C12.5764 15.9577 10.9446 16.5833 9.16667 16.5833C5.07056 16.5833 1.75 13.2628 1.75 9.16667C1.75 5.07056 5.07056 1.75 9.16667 1.75C13.2628 1.75 16.5833 5.07056 16.5833 9.16667C16.5833 10.9446 15.9577 12.5764 14.9147 13.854L18.0303 16.9697C18.3232 17.2626 18.3232 17.7374 18.0303 18.0303C17.7374 18.3232 17.2626 18.3232 16.9697 18.0303L13.854 14.9147ZM3.25 9.16667C3.25 5.89898 5.89898 3.25 9.16667 3.25C12.4344 3.25 15.0833 5.89898 15.0833 9.16667C15.0833 10.7631 14.4511 12.2118 13.4234 13.2761C13.396 13.2968 13.3696 13.3197 13.3447 13.3447C13.3197 13.3696 13.2968 13.396 13.2761 13.4234C12.2118 14.4511 10.7631 15.0833 9.16667 15.0833C5.89898 15.0833 3.25 12.4344 3.25 9.16667Z" > </path > <path fill-rule="evenodd" clip-rule="evenodd" fill="%23000000" d="M9.16666 5.91666C9.58087 5.91666 9.91666 6.25244 9.91666 6.66666V11.6667C9.91666 12.0809 9.58087 12.4167 9.16666 12.4167C8.75244 12.4167 8.41666 12.0809 8.41666 11.6667V6.66666C8.41666 6.25244 8.75244 5.91666 9.16666 5.91666Z" > </path > <path class="pswp__zoom-icn-bar-h" fill-rule="evenodd" clip-rule="evenodd" fill="%23000000" d="M5.91666 9.16666C5.91666 8.75244 6.25244 8.41666 6.66666 8.41666H11.6667C12.0809 8.41666 12.4167 8.75244 12.4167 9.16666C12.4167 9.58087 12.0809 9.91666 11.6667 9.91666H6.66666C6.25244 9.91666 5.91666 9.58087 5.91666 9.16666Z" > </path > </svg > ');
    transition: background 0.2s linear;
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-toolbar .lg-icon.lg-close::after {
    content: "✕";
}

.lg-prev::after {
    content: "‹";
    font-size: 52px;
    font-size: clamp(20px, 5vw, 52px);
}

.lg-next::before {
    content: "›";
    font-size: 52px;
    font-size: clamp(20px, 5vw, 52px);
}

.lg-toolbar .lg-icon {
    width: 47px;
    font-weight: 800;
    background: transparent;
    margin-left: 10px;
    border-radius: 100%;
    color: #fff;
    position: relative;
}

.lg-toolbar .lg-icon:hover,
.lg-toolbar .lg-icon:focus {
    background: #fff;
    color: #000;
}

.lg-sub-html {
    display: none !important;
}

.lg-outer .lg-thumb {
    padding: 10px 0;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    padding: 0 8px;
}



/*-------------------------------Checkout page----------------------------*/
/* .checkout__main {
    background: rgba(241, 241, 241, 0.42);
} */

.mphb_sc_checkout-wrapper .section-head-main {
    text-align: center;
    margin-top: 70px;
    display: none;
}

.mphb-login-form-wrap {
    text-align: center;
}

.mphb_sc_checkout-wrapper form {
    margin-top: 55px;
}

.mphb-checkout-section {
    background: var(--color-white);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(50, 54, 72, 0.05);
    box-shadow: 0 2px 8px 0 rgba(50, 54, 72, 0.05);
    margin-bottom: 40px;
    max-width: 900px;
    margin-inline: auto;
    padding: 0 50px 45px;
}

.mphb-total-price,
.mphb-errors-wrapper,
.mphb_sc_checkout-submit-wrapper {
    max-width: 900px;
    margin-inline: auto;
}

.mphb_sc_checkout-wrapper form .rias-mphb-checkout-right .mphb-errors-wrapper {
    margin: -10px 0;
    text-align: left;
    max-width: 100%;
    color: red;
}

.mphb_sc_checkout-wrapper form h3,
.mphb_sc_checkout-wrapper form h4 {
    font-size: var(--text-2xl);
    font-weight: 500;
    margin: 35px 0 30px;
}

.mphb_sc_checkout-wrapper form .mphb-check-in-date,
.mphb_sc_checkout-wrapper form .mphb-check-out-date {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
    margin-bottom: 10px;
}

.mphb_sc_checkout-wrapper form .mphb-check-in-date span:first-child,
.mphb_sc_checkout-wrapper form .mphb-check-out-date span:first-child {
    width: 100px;
    text-align: left;
}

.mphb_sc_checkout-wrapper form .mphb-check-in-date span:not(:first-child),
.mphb_sc_checkout-wrapper form .mphb-check-out-date span:not(:first-child) {
    padding-inline: 5px;
}

.mphb_sc_checkout-wrapper form .mphb-check-in-date strong,
.mphb_sc_checkout-wrapper form .mphb-check-out-date strong {
    font-weight: 500;
}

.mphb_sc_checkout-wrapper form p {
    display: flex;
    /* flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding-right: 8px; */
}

.mphb_sc_checkout-wrapper form label {
    flex: none;
    text-align: left;
}

.mphb_sc_checkout-wrapper .mphb-room-rate-variant label {
    width: auto;
}

.mphb_sc_checkout-wrapper .mphb-room-rate-variant input {
    width: auto;
    height: auto !important;
    box-shadow: none !important;
}

.mphb_sc_checkout-wrapper .mphb-room-rate-variant {
    /* max-width: 250px;
    margin-inline: auto; */
    justify-content: center;
    margin-bottom: 5px;
}

/* .mphb_sc_checkout-wrapper  .mphb-room-rate-variant input:focus {
    box-shadow: none !important;
} */

.mphb_sc_checkout-wrapper form .mphb-customer-details label {
    width: 165px;
    text-align: left;
}


.mphb_sc_checkout-wrapper form input:not([type="checkbox"]),
.mphb_sc_checkout-wrapper form select,
.mphb_sc_checkout-wrapper form textarea {
    flex-grow: 1;
    width: 100%;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    font-size: var(--text-base);
    background: var(--color-white);
    height: 42px;
    line-height: 42px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;
}


.mphb_sc_checkout-wrapper form textarea {
    height: 80px;
    line-height: 1.2;
    padding: 6px 15px;
}

.mphb_sc_checkout-wrapper form input:not([type="checkbox"]):focus,
.mphb_sc_checkout-wrapper form select:focus,
.mphb_sc_checkout-wrapper form textarea:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.mphb_sc_checkout-wrapper form select {
    padding-right: 30px;
}

.mphb-room-type-title a {
    font-weight: 600;
    text-decoration: underline;
    letter-spacing: 0px;
    padding-left: 6px;
    text-decoration-thickness: 1px;
    /* color: var(--color-blue-violet); */
}

.mphb_sc_checkout-wrapper form .mphb_checkout-services-list li label {
    width: auto;
    display: flex;
    gap: 8px;
}

.mphb_sc_checkout-wrapper form .mphb_checkout-services-list li label input.mphb_sc_checkout-service {
    width: auto;
    height: auto !important;
    box-shadow: none !important;
}

.mphb-checkout-section {
    margin-top: 0;
}

.mphb-total-price {
    font-size: var(--text-md);
    margin-bottom: 30px;
}

.mphb-total-price strong {
    font-weight: 600;
    display: inline-block;
    padding-left: 8px;
}

.mphb_sc_checkout-submit-wrapper {
    margin-top: 40px;
}

.mphb_sc_checkout-wrapper form .mphb_sc_checkout-submit-wrapper input {
    width: 100%;
    background: var(--color-base);
    border-radius: 8px;
    padding: 18px 15px;
    cursor: pointer;
    font-size: var(--text-md) 18px;
    line-height: 1;
    font-weight: 500;
    color: var(--color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid transparent;
    height: auto;
    transition: all .3s ease;
}

.mphb_sc_checkout-wrapper form .mphb_sc_checkout-submit-wrapper input:hover,
.mphb_sc_checkout-wrapper form .mphb_sc_checkout-submit-wrapper input:focus {
    background: transparent;
    border: 2px solid var(--color-base);
    color: var(--color-base);
}

.mphb_sc_checkout-wrapper form table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
}

.mphb_sc_checkout-wrapper form table th,
.mphb_sc_checkout-wrapper form table td {
    text-align: left;
    padding: 8px 0px;
    border: none;
}

.mphb_sc_checkout-wrapper form table td:last-child,
.mphb_sc_checkout-wrapper form table th:last-child {
    text-align: right;
}


.page-id-615 .mphb_sc_checkout-wrapper,
.page-id-1076 .mphb_sc_checkout-wrapper {
    text-align: center;
    /* background: var(--color-white); */
    border-radius: 5px;
    /* -webkit-box-shadow: 0 2px 8px 0 rgba(50, 54, 72, 0.05);
    box-shadow: 0 2px 8px 0 rgba(50, 54, 72, 0.05); */
    margin-bottom: 40px;
    max-width: 1200px;
    margin-inline: auto;
    /* padding: 45px 50px; */
    margin-top: 130px;
}

.default_page .mphb_sc_booking_confirmation {
    text-align: left;
}

.default_page .mphb_sc_booking_confirmation .mphb-booking-details-section.booking .accommodations {
    display: none;
}

.default_page .mphb_sc_booking_confirmation .mphb-payment-messages {
    font-size: var(--text-2xl);
    line-height: 1.25;
    padding: 40px 0 0;
}

.default_page .mphb_sc_booking_confirmation .mphb-booking-details-title {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: rgba(0, 0, 0, .5);
    text-decoration-thickness: 1px;
    padding: 10px 15px 0 0;
    font-size: var(--text-2xl);
    font-weight: 500;
    margin: 35px 0 30px;
}

.page-id-615 .title_box,
.page-id-1076 .title_box,
.page-id-619 .title_box,
.page-id-1515 .title_box {
    display: none;
}

.rias-mphb-checkout-left .mphb-checkout-section,
.rias-mphb-checkout-right .mphb-checkout-section {
    width: 100%;
}

.rias-mphb-checkout-left .mphb-checkout-section,
.rias-mphb-checkout-right .mphb-checkout-section {
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

.rias-mphb-checkout-left .mphb-checkout-section {
    padding: 0 !important;
    border: none !important;
}

.mphb_sc_checkout-wrapper form h4 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.mphb_sc_checkout-wrapper form h4,
.mphb_sc_checkout-wrapper form h3 {
    text-align: left;
}

.mphb_sc_checkout-wrapper form .rias-mphb-checkout-left h3,
.mphb_sc_checkout-wrapper form .rias-mphb-checkout-left h4 {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .08);
}

.mphb_sc_checkout-wrapper form .mphb-reserve-rooms-details .mphb-room-number,
.mphb_sc_checkout-wrapper form .mphb-services-details .mphb-services-details-title {
    box-shadow: none;
    border: none;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: rgba(0, 0, 0, .5);
    text-decoration-thickness: 1px;
    padding-left: 0;
    padding-bottom: 0;
}

.rias-mphb-checkout-right {
    margin-top: 45px;
}

.rias-mphb-checkout-left {
    margin-top: 10px;
}

.rias-mphb-checkout-left label {
    font-weight: 500;
}

.mphb-room-details p:not(.mphb-room-type-title),
.mphb-customer-details p {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.mphb_sc_checkout-wrapper form .mphb-customer-details p br {
    display: none;
}

.mphb_sc_checkout-wrapper form p.mphb-required-fields-tip {
    display: none;
}

.mphb_sc_checkout-wrapper form input:not(.mphb_sc_checkout-wrapper form .mphb_sc_checkout-submit-wrapper input):not([type="checkbox"]),
.mphb_sc_checkout-wrapper form select,
.mphb_sc_checkout-wrapper form textarea {
    background-color: var(--color-muted-sky) !important;
    color: var(--color-dark-gray) !important;
    width: 100% !important;
    border: none !important;
}

.mphb_sc_checkout-wrapper form input:focus,
.mphb_sc_checkout-wrapper form select:focus,
.mphb_sc_checkout-wrapper form select:focus-visible,
.mphb_sc_checkout-wrapper form select:focus-within,
.mphb_sc_checkout-wrapper form textarea:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
    box-shadow: none !important;
}

.mphb-total-price,
.mphb_sc_checkout-wrapper form .mphb-price-breakdown-dates,
.mphb_sc_checkout-wrapper form .mphb-price-breakdown-date {
    display: none !important;
}

.mphb-price-breakdown-total th {
    font-size: var(--text-lg);
}

.mphb-customer-details .mphb-customer-details-title {
    margin-top: 0;
}

.rias-mphb-checkout-left .mphb-booking-details {
    margin-bottom: 0 !important;
}

.mphb-price-breakdown-booking .mphb-price-breakdown-rate {
    display: none;
}


.mphb_checkout-services-list,
.mphb_sc_checkout-services-list {
    list-style: none;
    text-align: left;
    /* max-width: 400px; */
    margin-inline: auto;
    padding-bottom: 4px;
}

.mphb_sc_checkout-services-list li {
    width: auto;
    display: inline-block;
    padding: 8px;
    background: rgb(234, 234, 234, .68);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.rias-mphb-checkout-right .mphb-stripe-payment-fields {
    border: none;
}

.rias-mphb-checkout-right .mphb-stripe-payment-fields label {
    font-weight: 500;
    text-align: left;
    display: block;
}

.mphb_sc_checkout-wrapper form .Button.Button--pay {
    background: var(--color-base);
    color: var(--color-white);
}

.mphb_sc_checkout-wrapper form .mphb_sc_checkout-submit-wrapper {
    /* display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    grid-template-columns: 0.42fr;
    justify-content: end;
    gap: 80px; */
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.page-id-615:has(.mphb_sc_checkout-wrapper) section.default_page,
.page-id-1076:has(.mphb_sc_checkout-wrapper) section.default_page {
    overflow: visible;
}

.mphb_sc_checkout-wrapper form .rias-mphb-checkout-right {
    position: sticky;
    top: 175px;
}

.mphb-reserve-rooms-details .mphb-room-type-title {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: rgba(0, 0, 0, .5);
    text-decoration-thickness: 1px;
    padding: 10px 15px 0 0;
    font-size: var(--text-2xl);
    font-weight: 500;
    margin: 35px 0 30px;
    display: block;
    text-align: left;
}

.mphb-reserve-rooms-details .mphb-room-number {
    display: none;
}


/*----------------Hide Total---------------*/
.rias-mphb-checkout-right .mphb-price-breakdown-accommodation-taxes, .rias-mphb-checkout-right .mphb-price-breakdown-accommodation-taxes-total, 
.rias-mphb-checkout-right .mphb-price-breakdown-fees, .rias-mphb-checkout-right .mphb-price-breakdown-fees-total {
    display: none;
}





.amenities__accordion {
    max-width: 1000px;
    margin: 20px auto 0;
}

.amenities-block {
    padding-bottom: 0;
    /* border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden; */
}

.amenities-block .accordion-button {
    text-align: left;
    font-size: var(--text-lg);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    outline: none !important;
    box-shadow: none !important;
}

.amenities-block .accordion-button::after {
    background-size: 100%;
    height: 16px;
    width: 16px;
}

.amenities-block .accordion-button:not(.collapsed),
.amenities-block .accordion-button:not(.collapsed):hover {
    background: rgba(234, 234, 234, 0.54);
}

.amenities-block .accordion-button:hover {
    background: rgba(234, 234, 234, 0.35);
}

.amenities-block .accordion-body {
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.amenities-block .amenities-highlight-item {
    padding: 12px 20px;
    font-size: var(--text-md);
    width: auto;
}

.hidden-amenity {
    display: none;
}

/* Smooth transition for showing/hiding */
#accordionAmenities .accordion-item {
    transition: opacity 0.3s ease-in-out;
}

.accordion-item:not(.hidden-amenity) {
    animation: fadeIn 0.4s ease forwards;
}

.amenities {
    padding-top: 65px;
    padding-bottom: 20px;
    border-bottom: 1px solid #00000033;
}


/*-------------------------------Privacy------------------------------*/
.page-id-1935 p,
.page-id-2038 p {
    font-size: var(--text-base);
    line-height: 1.4;
    margin: 0 0 15px;
}

.default_content_page {
    max-width: 1100px;
    margin-inline: auto;
    padding-top: 40px;
}

.default_content_page,
.default_content_page a {
    color: var(--color-dark-gray);
}

.default_content_page a {
    text-decoration: underline;
}

.default_content_page a:hover {
    color: var(--color-base);
}



@media (min-width:1600px) {
    .spaces__feature::before {
        left: -4%;
    }
}

@media (min-width:1800px) {
    .feature-room::before {
        left: 37%;
    }

    .spaces__feature::before {
        left: -36px;
        width: 815px;
        height: 815px;
    }

    .spaces__feature::after {
        width: 65%;
        height: 105%;
        top: 155px;
    }
}

@media (min-width:2000px) {
    .spaces__feature::before {
        left: -36px;
        width: 1000px;
        height: 1000px;
        bottom: 105px;
    }

    .feature-room::after {
        width: 1100px;
        height: 800px;
        left: -20px;
        bottom: -550px;
        transform: rotate(-180deg);
    }

    .spaces__feature::after {
        width: 70%;
        height: 145%;
        top: 125px;
    }
}

@media (min-width:2200px) {
    .spaces__feature::after {
        width: 60%;
        top: 155px;
    }
}


@media (min-width:3000px) {
    .feature-room::before {
        left: 40%;
    }

    .feature-room::after {
        display: none;
    }

    .spaces__feature::before {
        display: none;
    }

    .spaces__feature::after {
        display: none;
    }
}

@media (min-width:4000px) {
    .feature-room::before {
        left: 44%;
    }
}


@media (max-width:1500px) {
    .feature-highlight-row {
        margin-right: 25px;
    }
}

@media (max-width:1400px) {


    .page-template-template-accommondation .booking-container {
        grid-template-columns: 2fr 1fr;
    }

    .feature-room-slider-img {
        height: 290px;
    }

    .feature-header-right {
        padding-left: 50px;
    }

    .greek_body .feature-header-right {
        padding-left: 95px;
    }



    /*-----------------------Location page--------------------*/

    .location__highlight-img {
        width: 190px;
    }

    .location__hero {
        height: 520px;
    }
}

@media (max-width:1200px) {

    .page-id-14 .datepick-popup,
    .page-id-1341 .datepick-popup {
        top: 9.5% !important;
    }

    .default_page .mphb_sc_booking_confirmation .mphb-payment-messages {
        padding: 25px 0 20px;
    }

    .feature-header-right,
    .greek_body .feature-header-right {
        padding-left: 0;
    }

    .hero__main {
        margin-top: 115px;
    }

    .menu__list li:not(:last-child) {
        padding-bottom: 25px;
    }

    .menu__list {
        opacity: 0;
        transition: opacity .3s ease-in;
        transition-delay: .4s;
        flex-direction: column;
        gap: 0;
    }

    .navbar__main.show__menu .menu__list {
        opacity: 1;
    }

    .menu__bar {
        display: block;
    }

    .navbar__main.show__menu {
        transform: scaleY(1);
        opacity: 1;
        pointer-events: auto;
        transition: transform .4s ease-in, opacity .4s ease-in;
    }

    .navbar__main {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
        padding: 140px 10px 35px;
        background: var(--color-light-sky);
        position: fixed;
        inset: 0;
        height: 100vh;
        z-index: 8;
        transition: transform .4s ease-in, opacity .4s ease-in;
        transform: scaleY(0);
        opacity: 0;
        pointer-events: none;
        transform-origin: top;
        max-height: 100%;
        overflow-y: auto;
    }

    .header__main .btn-theme {
        width: 100%;
        max-width: 400px;
    }

    .search-field {
        margin-bottom: 18px;
    }

    .field-input-wrapper,
    .search-btn {
        height: 50px;
        min-height: inherit;
    }

    .hero__search-box form {
        flex-wrap: wrap !important;
    }

    .hero__search-box .homepage-banner-widget {
        height: 100%;
        overflow-y: auto;
    }

    .mphb_sc_search-check-in-date,
    .mphb_sc_search-check-out-date,
    .mphb_sc_search-children,
    .mphb_sc_search-adults {
        width: 45% !important;
    }

    .hero__search-box label {
        margin: 0;
        font-size: var(--text-base);
    }

    .hero__search-box input,
    .hero__search-box select {
        font-size: var(--text-base);
    }

    .hero__search-box .vbmodhorsearchmaindiv input[type=text],
    .hero__search-box select {
        min-height: 54px;
    }

    .hero__search-box input[type=text],
    .hero__search-box select {
        min-height: 54px;
    }

    .hero__search-box .mphb_sc_search-submit-button-wrapper {
        height: 54px;
        width: 100% !important;
    }

    .hero__search-box .mphb_sc_search-submit-button-wrapper .btn-theme {
        padding: 10px 15px;
    }

    .hero__search-box .mphb_sc_search-check-in-date::before,
    .hero__search-box .mphb_sc_search-check-out-date::before,
    .hero__search-box .mphb_sc_search-adults::before,
    .hero__search-box .mphb_sc_search-children::before {
        top: 73%;
    }

    .hero__search-box .vbmodhorsearchroomdentrfirst .horscnumdiv {
        margin-right: 0;
    }

    .homepage-banner-widget {
        padding: 20px 15px;
    }

    .hero__content h2 {
        font-size: var(--text-4xl);
        margin: 14px 0;
    }

    .hero__content p,
    .field-label {
        font-size: var(--text-base);
    }

    .hero__content {
        margin-bottom: 30px;
        max-width: 100%;
    }

    .logo img {
        max-width: 85px;
    }

    .feature-room::before {
        display: none;
    }

    .feature-room-tab-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

    .feature-room-slider .slick-prev,
    .feature-room-slider .slick-next {
        width: 35px;
        height: 35px;
        bottom: inherit;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .feature-room-slider .slick-prev i,
    .feature-room-slider .slick-next i {
        font-size: var(--text-xs);
    }

    .feature-room-slider .slick-prev {
        left: -40px;
    }

    .feature-room-slider .slick-next {
        /* right: -40px; */
        right: calc(-30px + 1.5%);
        left: inherit;
    }

    .feature-room-slider {
        position: relative;
    }

    .feature-header {
        flex-direction: column;
        gap: 10px;
    }

    .feature-room .section-head-highlight {
        margin-inline: auto;
    }

    .feature-room h2.section-head-highlight {
        display: table;
    }

    .feature-room .section-head-main {
        text-align: center;
    }

    .feature-room-tab-list {
        margin-bottom: 18px;
    }

    .spaces__feature::before {
        bottom: 275px;
    }

    /*-------------------------Contact page-----------------------*/
    .section-head-big {
        font-size: var(--text-4xl);
    }

    /*----------------------------Location page--------------------------*/
    .location__highlight-img {
        width: 180px;
    }

    .location__hero {
        height: 490px;
    }

    /*-----------------------------------Gallery page---------------------------------*/
    .gallery__item {
        height: 130px;
    }

    /*------------------------Accommodation page--------------------------*/
    .resize-content {
        font-size: var(--text-4xl);
    }
}

@media (max-width:1024px) {
    .page-template-template-accommondation .booking-container {
        grid-template-columns: 1fr;
    }

    .spaces__feature::before {
        bottom: 50%;
        width: 650px;
        height: 650px;
    }
}

@media (max-width:991.98px) {
    .travel__guidance .container .travel__brief .row {
        flex-direction: inherit !important;
    }

    .travel-guide-wrapper {
        max-height: 660px;
    }

    .page-id-14 .datepick-popup,
    .page-id-1341 .datepick-popup {
        top: 7% !important;
    }

    .default_page .mphb_sc_booking_confirmation .mphb-payment-messages {
        padding: 25px 0 10px;
    }

    /* .hero-image::after{
        background: linear-gradient(180.25deg, rgba(255, 255, 255, .9) 26.35%, rgba(255, 255, 255, 0) 72.52%);
    } */
    .hero-image::after {
        /* background: linear-gradient(-75.25deg, rgba(255, 255, 255, .7) 75.35%, rgba(255, 255, 255, 0) 140.52%); */
        background: linear-gradient(90.75deg, rgba(255, 255, 255, .7) 30.35%, rgba(255, 255, 255, 0) 80.52%);
    }

    .hero__content {
        max-width: 350px;
    }

    .amenities-popup {
        width: 100%;
    }

    .hero__home {
        max-height: inherit;
        height: 660px;
    }

    .hero__main {
        margin-top: 100px;
    }

    /* .hero-image img {
        min-height: 1600px;
    } */

    .hero__content h2 {
        font-size: var(--text-3xl);
    }

    .logo img {
        max-width: 80px;
    }

    .header__main {
        padding: 8px 0;
    }

    .language__flip-container {
        width: 48px;
        height: 48px;
    }

    .language__button {
        font-size: var(--text-base);
    }

    .feature-room-slider-img {
        height: 270px;
    }

    .feature-highlight-item {
        padding: 15px;
        font-size: var(--text-base);
        gap: 8px;
    }

    .feature-highlight-item img {
        max-width: 16px;
    }

    .feature-highlight-row {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        gap: 15px;
    }

    .space-arrow {
        display: none;
    }

    .spaces__feature::before {
        display: none;
    }

    .gallery-grid {
        grid-template-rows: 160px 210px;
        height: auto;
        gap: 10px;
    }

    .section-head-main {
        font-size: var(--text-4xl);
    }

    .btn-theme {
        font-size: var(--text-base);
    }

    .location__section--view__box {
        height: 350px;
    }

    .travel__location--box {
        height: 250px;
    }

    .section-head-sm {
        font-size: var(--text-xl);
    }

    .footer__top {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .footer__logo {
        max-width: 120px;
    }

    .footer__logo img {
        max-width: 100%;
    }

    .footer__middle {
        margin-top: 50px;
    }

    .footer__info-wrapper {
        width: 100%;
        max-width: 600px;
    }

    .footer__info-top {
        gap: 25px;
    }

    .footer__middle__wrapperone {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .footer__middle__wrappertwo {
        width: 100%;
    }

    /*-------------------------Contact page-----------------------*/
    .section-head-big {
        font-size: var(--text-3xl);
    }

    .contact__main {
        padding: 20px 0;
    }

    .contact__form-section {
        width: 100%;
    }

    .contact__form .form-control,
    .contact__form .form-select {
        height: 50px;
        line-height: 50px;
    }

    /*--------------------------------Location page-----------------------------*/
    .location__highlight-img {
        width: 150px;
    }

    .location__hero {
        height: 450px;
    }

    /*-----------------------------------Gallery page---------------------------------*/
    .gallery__tabs {
        grid-auto-columns: minmax(150px, 1fr);
        gap: 20px;
        grid-auto-flow: column;
        overflow-y: hidden;
        overflow-x: scroll;
        grid-template-columns: unset;
        grid-template-rows: unset;
    }

    .gallery__img {
        max-height: 350px !important;
    }

    .image-tab {
        width: 80%;
        height: 80px;
    }

    .gallery__item.active {
        border: 2px solid var(--color-base);
        transform: unset;
    }

    /* .gallery__contents .feature-highlight-row {
        padding-left: 50px;
    } */

    .gallery__contents {
        padding-top: 30px;
    }

    /*------------------------Accommodation page--------------------------*/
    .calendar-days {
        overflow-x: auto;
    }

    .accomodation__bottom {
        flex-direction: column;
    }

    .accomodation__bottom-item,
    .accomodation__grid {
        height: unset;
    }

    .resize-content {
        font-size: var(--text-mid);
        margin-bottom: 18px;
    }

    .accomondation-content__item .section-head-brief {
        font-size: var(--text-base);
        margin-top: 18px;
    }

    .score-block {
        font-size: var(--text-lg);
        min-height: 55px;
        max-height: 55px;
    }

    .review__wrapper {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .review__itemtwo span {
        font-size: var(--text-xl);
    }

    .review__itemtwo img {
        width: 10px;
        height: 10px;
    }

    .review-progress-block a {
        font-size: var(--text-md);
    }

    .rating-bar {
        height: 8px;
    }

    .review__itemone span {
        font-size: var(--text-4xl);
    }

    .review__itemone img {
        width: 40px;
        height: 40px;
    }

    .review__block .review-progress-block {
        margin-bottom: 15px;
    }

    .progress-item span {
        font-size: var(--text-base);
    }

    .accomodation__bottom-item {
        border-radius: 10px;
    }


    /*-------------------------Privacy page-----------------------*/
    .default_content_page {
        padding-top: 25px;
    }
}

@media (max-width:768px) {
    .mphb-reserve-rooms-details .mphb-room-type-title {
        font-size: var(--text-xl);
    }

    .page-id-14 .datepick-popup,
    .page-id-1341 .datepick-popup {
        top: 5.5% !important;
    }



    .default_page .mphb_sc_booking_confirmation .mphb-payment-messages {
        font-size: var(--text-xl);
    }

    /* faq section */
    .faq__block .accordion-button:not(.collapsed) {
        padding: 20px 18px 8px 18px !important;
    }

    .faq__block .accordion-item .accordion-body {
        font-size: var(--text-sm) !important;
        padding: 0px 18px 30px 18px !important;
    }

    .faq__block .accordion-header .accordion-button {
        font-size: var(--text-base) !important;
        padding: 20px 18px;
    }

    .faq__block .accordion-button::after {
        width: 24px !important;
        height: 24px !important;
    }

    .container {
        max-width: 100%;
        padding: 0 30px;
    }

    .faq__block {
        max-width: 100%;
        padding: 0 30px;
    }

    .travel-guide-wrapper {
        max-height: 600px;
    }


    .page-template-templatestemplate-accommondation-php .datepick.datepick-multi {
        height: auto;
    }

    .page-template-templatestemplate-accommondation-php .datepick-month.first {
        width: 100% !important;
    }

    .page-template-templatestemplate-accommondation-php .datepick-month.last {
        width: 100% !important;
    }

    .hero__main {
        margin-top: 90px;
    }


    /*--------------------------------------Gallery page-------------------------------------*/
    .gallery__img {
        max-height: 300px !important;
    }

    .gallery__item {
        height: 110px;
    }

    /*-----------------------Home page--------------------*/
    .spaces__feature {
        padding: 25px 0 45px;
    }

    .hero__search-box select,
    .hero__search-box input[type=text],
    .hero__search-box select,
    .hero__search-box .mphb_sc_search-submit-button-wrapper {
        min-height: 48px;
        height: 48px;
    }

    .hero__search-box .mphb_sc_search-check-in-date::before,
    .hero__search-box .mphb_sc_search-check-out-date::before,
    .hero__search-box .mphb_sc_search-adults::before,
    .hero__search-box .mphb_sc_search-children::before {
        top: 74%;
        left: 14px;
        width: 17px;
        height: 17px;
    }

    .hero__search-box svg {
        max-width: 15px;
        max-height: 15px;
    }

    .field-input-wrapper,
    .search-btn {
        height: 40px;
    }

    .hero__content h2 {
        font-size: var(--text-mid);
        margin: 10px 0 5px;
    }

    .logo img {
        max-width: 70px;
    }

    .language__flip-container {
        width: 42px;
        height: 42px;
    }

    .language__button {
        font-size: var(--text-sm);
    }

    .amenity-card {
        max-width: 390px;
        margin-inline: auto;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 10px;
    }

    .gallery-item {
        grid-column: 1;
        grid-row: auto;
    }

    .gallery-item img {
        max-height: 350px;
    }

    .section-head-main {
        font-size: var(--text-3xl);
    }

    .location__section--view__box {
        height: 300px;
    }

    .section-head-sm {
        font-size: var(--text-lg);
    }

    #backToTopBtn {
        bottom: 88px;
        width: 32px;
        height: 32px;
    }

    .footer__middle__wrapperone {
        gap: 20px;
    }

    .footer__top {
        gap: 30px;
    }

    .footer__middle {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 40px;
    }

    .footer__logo {
        margin-inline: auto;
    }

    .footer__info-top {
        justify-content: center;
        gap: 10px 30px;
    }

    .footer__item {
        flex: unset;
    }

    .footer__top {
        flex-direction: column;
    }


    /*-------------------------Contact page-----------------------*/
    .section-head-big {
        font-size: var(--text-mid);
    }

    .contact__main {
        padding: 0;
    }

    .form-row {
        flex-direction: column;
        gap: 0;
    }

    .contact__form textarea.form-control {
        min-height: 120px;
    }

    .contact__form-section {
        padding: 15px 15px 20px;
    }

    /*--------------------------Location page------------------------------*/
    .location__highlight-item {
        flex-direction: column;
        gap: 10px;
    }

    .location__highlight-img {
        width: 100%;
    }

    .location__feature--item {
        max-width: 450px;
        margin-inline: auto;
        padding: 25px 15px;
    }

    .location__hero {
        height: 380px;
    }

    /*----------------------------Accommodation page--------------------------*/
    .booking-panel {
        max-height: 400px;
    }

    #CheckAvailabilityId .booking-panel {
        max-height: 100% !important;
    }

    .booking-container {
        flex-direction: column;
    }

    .booking-panel {
        width: 100%;
    }

    .calendar-day {
        min-height: 50px;
        font-size: 12px;
    }

    .day-price {
        font-size: 9px;
    }

    .booking-container {
        flex-direction: column;
    }

    .booking-panel {
        width: 100%;
    }

    .review__wrapper {
        flex-direction: column;
    }

    .accomodation__top button {
        padding: 16px;
    }

    .accomondation-content__wrapper {
        flex-direction: column;
    }

    .resize-content {
        font-size: var(--text-2xl);
    }

    .accommodation-item span {
        font-size: var(--text-sm);
    }

    .score-text .subtext {
        font-size: var(--text-2xl);
    }

    .score-text span {
        font-size: var(--text-base);
    }

    .review__itemone img {
        width: 30px;
        height: 30px;
    }

    .review__itemone span {
        font-size: var(--text-3xl);
    }

    .review__itemtwo span {
        font-size: var(--text-lg);
    }

    .accomodation-location {
        padding-bottom: 15px;
    }


    /*----------------------------Checkout page--------------------------*/
    .mphb-checkout-section {
        padding: 0 20px 30px;
    }

    .page-id-615 .mphb_sc_checkout-wrapper,
    .page-id-1076 .mphb_sc_checkout-wrapper {
        padding: 0;
    }

    .mphb_sc_checkout-wrapper form h3,
    .mphb_sc_checkout-wrapper form h4 {
        margin: 35px 0 30px;
        font-size: var(--text-xl);
    }

    .mphb-room-type-title a {
        width: 100%;
    }

    .mphb_sc_checkout-wrapper form .mphb-room-type-title a {
        width: auto;
    }

    .mphb_sc_checkout-wrapper form input:not([type="checkbox"]):not([type="radio"]),
    .mphb_sc_checkout-wrapper form select,
    .mphb_sc_checkout-wrapper form textarea {
        width: 100%;
    }

    /*-------------------------Privacy page-----------------------*/
    .default_content_page {
        padding-top: 15px;
    }



}


@media (max-width:768px) {

    /* .page-id-485 .booking-container .calendar-section {
        order: 2;
    } */
    .page-template-template-accommondation .booking-container .calendar-section {
        order: 2;
    }

    .page-template-template-accommondation .booking-container .booking-container .booking-panel {
        order: 1;
    }

    .testimonial__client h6 {
        font-size: var(--text-sm);
    }

    .testimonial__card p {
        font-size: var(--text-sm);
    }
}


@media (max-width:576px) {
    .mphb-reserve-rooms-details .mphb-room-type-title {
        font-size: var(--text-lg);
    }

    .default_page .mphb_sc_booking_confirmation .mphb-payment-messages {
        font-size: var(--text-md);
    }

    .page-template-templatestemplate-accommondation-php .datepick-popup .datepick {
        width: 360px !important;
    }
    .datepick-month-row::after {
        display: none;
    }

    .container {
        padding: 0 20px;
    }

    .hero-image img {
        min-height: inherit;
    }

    .hero-image img {
        object-position: 0 20%;
    }

    .hero__content {
        margin-inline: 0;
    }

    .btn-theme {
        padding: 17px 20px;
    }

    .hero__search-box form {
        gap: 10px;
    }

    .hero__search-box input:not([type="submit"]),
    .hero__search-box select {
        font-size: 16px;
    }

    .hero__search-box input[type="submit"] {
        margin-top: 10px !important;
    }

    .hero__search-box input[type=text],
    .hero__search-box select {
        padding: 0 5px 0 5px !important;
    }

    .hero__search-box select,
    .hero__search-box input[type=text],
    .hero__search-box select,
    .hero__search-box .mphb_sc_search-submit-button-wrapper {
        min-height: 40px;
        height: 40px;
    }

    .hero__home {
        height: 610px;
        border-radius: 18px;
    }

    .hero__search-box,
    .feature-room-tab-content {
        border-radius: 12px;
    }

    .hero-image::after {
        background: linear-gradient(90.75deg, rgba(255, 255, 255, .75) 40.35%, rgba(255, 255, 255, 0) 75.52%);
    }


    .feature-highlight-item {
        border-radius: 10px;
    }

    .feature-room-tab-content,
    .gallery__section--container,
    .location__section--view__box,
    .travel__guide--box,
    .travel__location--box {
        border-radius: 18px;
    }

    .hero__search-box .mphb_sc_search-check-in-date::before,
    .hero__search-box .mphb_sc_search-check-out-date::before,
    .hero__search-box .mphb_sc_search-adults::before,
    .hero__search-box .mphb_sc_search-children::before {
        top: 69%;
        left: 10px;
        width: 14px;
        height: 14px;
    }

    /* .mphb_sc_search-check-in-date,
    .mphb_sc_search-check-out-date,
    .mphb_sc_search-children,
    .mphb_sc_search-adults {
        width: 100% !important;
    } */

    .feature-room-slider .slick-list {
        padding-right: 0;
        margin: 0;
    }

    .feature-room-tab-content {
        padding: 20px;
    }

    .feature-room-slider .slick-slide {
        padding: 0 5px;
    }

    .feature-highlight-row {
        margin-right: 0;
    }

    .feature-room-slider .slick-prev {
        left: -30px;
    }

    .feature-room-slider .slick-next {
        right: -30px;
    }

    .feature-room-slider .slick-prev,
    .feature-room-slider .slick-next {
        display: none !important;
    }

    .amenity-card:hover {
        transform: translateY(0);
        box-shadow: none;
    }


    .section-head-main {
        font-size: var(--text-mid);
    }

    .location__section--view__box {
        height: 235px;
    }

    .footer__middle__wrapperone {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer__middle {
        flex-direction: column;
    }

    /*-------------------Location page----------------------*/
    .location__highlight-item {
        max-width: 450px;
        margin-inline: auto;
    }

    .location__hero {
        height: 340px;
    }

    .location__highlight-item:hover {
        transform: translateY(0);
        box-shadow: none;
    }

    /*--------------------------Gallery page-----------------------*/
    .gallery__contents {
        padding-top: 60px;
    }

    /* .gallery__contents .feature-highlight-row {
        padding-left: 140px;
    } */

    .gallery__img {
        grid-column: span 1 !important;
        max-height: 250px !important;
    }

    .gallery-bottom-block {
        grid-template-columns: 1fr;
    }

    /*------------------------Accommodation page--------------------------*/
    .amenities-block .amenities-highlight-item {
        padding: 10px 14px;
        font-size: var(--text-base);
        width: auto;
        text-align: left;
    }

    .amenities-block .accordion-button {
        font-size: var(--text-md);
        padding: 12px 14px;
    }

    .amenities-block .accordion-body {
        padding: 16px 14px;
        gap: 14px;
    }

    .review__total {
        gap: 20px;
        flex-direction: Column;
    }

    .review__block {
        flex-direction: column;
        flex-basis: unset;
    }

    .month-year select {
        padding: 5px;
    }

    .booking-panel {
        padding: 16px;
    }

    .guests-field {
        margin-bottom: 8px;
    }

    .date-selection {
        padding-bottom: 12px;
    }

    .date-selection {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .accomodation__top button {
        padding: 10px;
    }

    .accommodation-item span {
        font-size: var(--text-xs);
    }

    .resize-content {
        font-size: var(--text-xl);
    }

    .review__star {
        margin-bottom: 20px;
    }

    .accomodation__grid,
    .accomodation__bottom {
        gap: 14px;
    }


    /*----------------------------Checkout page--------------------------*/
    .mphb_sc_checkout-wrapper form h3,
    .mphb_sc_checkout-wrapper form h4 {
        font-size: var(--text-lg);
    }

    .mphb_sc_checkout-wrapper .section-head-main {
        margin-top: 50px;
    }

    .mphb_sc_checkout-wrapper form {
        margin-top: 40px;
    }

    .mphb_sc_checkout-wrapper form .mphb-check-in-date span:first-child,
    .mphb_sc_checkout-wrapper form .mphb-check-out-date span:first-child {
        width: 100%;
        text-align: left;
    }

    .mphb_sc_checkout-wrapper .mphb-room-rate-variant {
        justify-content: flex-start;
    }

    .mphb_checkout-services-list,
    .mphb_sc_checkout-services-list {
        max-width: 100%;
    }

    .mphb_checkout-services-list,
    .mphb_sc_checkout-services-list li {
        padding-bottom: 6px;
    }


}

@media (max-width:480px) {
    .hero-image::after {
        background: linear-gradient(90.75deg, rgba(255, 255, 255, .8) 55.35%, rgba(255, 255, 255, 0) 100.52%)
    }

    .feature-room-tab-content {
        padding: 15px;
    }

    .feature-highlight-row {
        margin-right: 0;
    }

    .hero-image img {
        object-position: 0 35%;
    }

    .faq__block .accordion-header .accordion-button {
        align-items: flex-start;
    }



    /*---------------------------Gallery page------------------------*/
    /* .gallery__contents .feature-highlight-row {
        padding-left: 210px;
    } */

    .gallery__tabs {
        grid-auto-columns: minmax(120px, 1fr);
    }


}

@media (max-width:390px) {
    .hero__main.greek_hero .hero__home {
        min-height: 665px;
        -webkit-min-height: 665px;
        -moz-min-height: 665px;
        -ms-min-height: 665px;
        -o-min-height: 665px;
    }
}