@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");

.hotel-ficility-wrapper, .hotel-room-wrapper, .contact-info, .menu-list, .pagination {
    display: flex;
    flex-wrap: wrap;
}


.slick-dots li button, .filter button::after, .filter button, .hotel-item__content .hover-brand-logo, .hotel-item__content .hotel-name, .hotel-item__content .top-content, .hotel-item__content::before, .header, .btn, .overlay, a,
img,
.name {
    transition: all 0.3s;
}

:root {
    --heading-font: "Lato", sans-serif;
    --body-font: "Lato", sans-serif;
    --heading: 0 0% 10%;
    --body: 0 0% 10%;
    --border: 0 0% 90%;
    --bg-section: 0 0% 96%;
    --base-h: 328;
    --base-s: 94%;
    --base-l: 21%;
    --base: var(--base-h) var(--base-s) var(--base-l);
    --accent-h: 260;
    --accent-s: 92%;
    --accent-l: 10%;
    --accent: var(--accent-h) var(--accent-s) var(--accent-l);
    --light-h: 148;
    --light-s: 0%;
    --light-l: 95%;
    --light: var(--light-h) var(--light-s) var(--light-l);
    --primary: 245 82% 67%;
    --secondary: 210 7% 56%;
    --success: 147 67% 47%;
    --danger: 360 78% 62%;
    --warning: 29 100% 63%;
    --info: 200 90% 53%;
    --dark: 206 70% 11%;
    --white: 0 0% 100%;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: hsl(var(--body));
    font-family: var(--body-font);
}

a {
    text-decoration: none;
    color: hsl(var(--body));
}

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

span,
sub,
sup,
a {
    display: inline-block;
}

.bg_img {
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.bg_fixed {
    background-attachment: fixed !important;
}

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

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 111;
    visibility: hidden;
    opacity: 0;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

.scrollToTop {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: hsl(var(--white));
    z-index: 9999;
    bottom: 30px;
    right: 30px;
    font-size: 18px;
    position: fixed;
    transform: translateY(150px);
    background: hsl(var(--base));
    border-radius: 3px;
}

.scrollToTop:hover {
    color: hsl(var(--white));
}

.scrollToTop.active {
    transform: translateY(0);
    animation: bounceInDown 2s;
}

.fs--12px {
    font-size: 12px !important;
}

.fs--13px {
    font-size: 13px !important;
}

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

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

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
    line-height: 1.3;
    color: hsl(var(--heading));
    font-family: var(--heading-font);
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: hsl(var(--heading));
}

h1 {
    font-size: 45px;
}

@media (max-width: 1199px) {
    h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    h1 {
        font-size: 30px;
    }
}

h2 {
    font-size: 30px;
}

@media (max-width: 767px) {
    h2 {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    h2 {
        font-size: 22px;
    }
}

h3 {
    font-size: 30px;
}

@media (max-width: 1199px) {
    h3 {
        font-size: 26px;
    }
}

@media (max-width: 450px) {
    h3 {
        font-size: 24px;
    }
}

h4 {
    font-size: 22px;
}

@media (max-width: 1199px) {
    h4 {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    h4 {
        font-size: 16px;
    }
}

h5 {
    font-size: 20px;
}

@media (max-width: 1199px) {
    h5 {
        font-size: 16px;
    }
}

h6 {
    font-size: 16px;
}

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

.text--secondary {
    color: hsl(var(--secondary)) !important;
}

.text--success {
    color: hsl(var(--success)) !important;
}

.text--danger {
    color: hsl(var(--danger)) !important;
}

.text--warning {
    color: hsl(var(--warning)) !important;
}

.text--info {
    color: hsl(var(--info)) !important;
}

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

.text--muted {
    color: hsl(var(--muted)) !important;
}

.text--base {
    color: hsl(var(--base)) !important;
}

.text--body {
    color: hsl(var(--body)) !important;
}

/* background color css start */
.bg--primary {
    background-color: hsl(var(--primary)) !important;
}

.bg--secondary {
    background-color: hsl(var(--secondary)) !important;
}

.bg--success {
    background-color: hsl(var(--success)) !important;
}

.bg--danger {
    background-color: hsl(var(--danger)) !important;
}

.bg--warning {
    background-color: hsl(var(--warning)) !important;
}

.bg--info {
    background-color: hsl(var(--info)) !important;
}

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

.bg--light {
    background-color: hsl(var(--light)) !important;
}

.bg--base {
    background-color: hsl(var(--base)) !important;
}

.bg--accent {
    background-color: hsl(var(--accent)) !important;
}

.bg--section {
    background-color: hsl(var(--bg-section)) !important;
}

/* background color css end */
.pt-70 {
    padding-top: 70px !important;
}

@media (max-width: 767px) {
    .pt-70 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-70 {
        padding-top: 40px !important;
    }
}

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

@media (max-width: 767px) {
    .pb-70 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-70 {
        padding-bottom: 40px !important;
    }
}

.pt-80 {
    padding-top: 80px !important;
}

@media (max-width: 767px) {
    .pt-80 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-80 {
        padding-top: 40px !important;
    }
}

.pb-80 {
    padding-bottom: 80px !important;
}

@media (max-width: 767px) {
    .pb-80 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-80 {
        padding-bottom: 40px !important;
    }
}

.pt-100 {
    padding-top: 100px !important;
}

@media (max-width: 767px) {
    .pt-100 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-100 {
        padding-top: 40px !important;
    }
}

.pb-100 {
    padding-bottom: 100px !important;
}

@media (max-width: 767px) {
    .pb-100 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-100 {
        padding-bottom: 40px !important;
    }
}

.pt-120 {
    padding-top: 120px !important;
}

@media (max-width: 767px) {
    .pt-120 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-120 {
        padding-top: 40px !important;
    }
}

.pb-120 {
    padding-bottom: 120px !important;
}

@media (max-width: 767px) {
    .pb-120 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-120 {
        padding-bottom: 40px !important;
    }
}

.pt-130 {
    padding-top: 130px !important;
}

@media (max-width: 767px) {
    .pt-130 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-130 {
        padding-top: 40px !important;
    }
}

.pb-130 {
    padding-bottom: 130px !important;
}

@media (max-width: 767px) {
    .pb-130 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-130 {
        padding-bottom: 40px !important;
    }
}

.pt-160 {
    padding-top: 160px !important;
}

@media (max-width: 767px) {
    .pt-160 {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    .pt-160 {
        padding-top: 40px !important;
    }
}

.pb-160 {
    padding-bottom: 160px !important;
}

@media (max-width: 767px) {
    .pb-160 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 575px) {
    .pb-160 {
        padding-bottom: 40px !important;
    }
}

.btn {
    font-size: 14px;
    padding: 11px 20px;
    font-weight: 600;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0px;
    z-index: 1;
}

.btn.btn--lg {
    padding: 13px 45px !important;
}

@media (min-width: 992px) {
    .btn.btn--lg {
        font-size: 18px;
    }
}

.btn.btn--md {
    padding: 8px 25px !important;
    font-size: 15px;
}

.btn.btn--sm {
    padding: 5px 15px !important;
    font-size: 14px;
}

.btn.btn--xs {
    padding: 0px 10px !important;
    font-size: 13px;
}

.btn--base {
    background-color: hsl(var(--base));
    color: hsl(var(--white));
}

.btn--base:hover {
    color: hsl(var(--base));
    border: 1px solid hsl(var(--base));
}

.hotel-btn-base {
    letter-spacing: 0.5px;
    font-weight: 300;
    padding: 11px 32px;
    background-color: #063973;
    color: hsl(var(--white));
}

.hotel-btn-base:hover {
    color: #063973 !important;
    border: 1px solid #6783a0 !important;
}

.hotel-btn-outline {
    color: #063973;
    border: 1px solid #6783a0;
    padding: 15px 50px;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .hotel-btn-outline {
        padding: 13px 40px;
    }
}

@media (max-width: 767px) {
    .hotel-btn-outline {
        padding: 10px 30px;
    }
}

.hotel-btn-outline:hover {
    border: 1px solid #6783a0 !important;
    background-color: #063973 !important;
    color: hsl(var(--white)) !important;
}

.badge--base {
    background-color: hsl(var(--base)/0.15);
    border: 1px solid hsl(var(--base));
    color: hsl(var(--base));
}

.badge--accent {
    background-color: hsl(var(--accent)/0.15);
    border: 1px solid hsl(var(--accent));
    color: hsl(var(--accent));
}

.badge--primary {
    background-color: hsl(var(--primary)/0.15);
    border: 1px solid hsl(var(--primary));
    color: hsl(var(--primary));
}

.badge--secondary {
    background-color: hsl(var(--secondary)/0.15);
    border: 1px solid hsl(var(--secondary));
    color: hsl(var(--secondary));
}

.badge--success {
    background-color: hsl(var(--success)/0.15);
    border: 1px solid hsl(var(--success));
    color: hsl(var(--success));
}

.badge--danger {
    background-color: hsl(var(--danger)/0.15);
    border: 1px solid hsl(var(--danger));
    color: hsl(var(--danger));
}

.badge--warning {
    background-color: hsl(var(--warning)/0.15);
    border: 1px solid hsl(var(--warning));
    color: hsl(var(--warning));
}

.badge--info {
    background-color: hsl(var(--info)/0.15);
    border: 1px solid hsl(var(--info));
    color: hsl(var(--info));
}

.badge--dark {
    background-color: hsl(var(--dark)/0.15);
    border: 1px solid hsl(var(--dark));
    color: hsl(var(--dark));
}

.badge--white {
    background-color: hsl(var(--white)/0.15);
    border: 1px solid hsl(var(--white));
    color: hsl(var(--white));
}

.badge {
    border-radius: 18px;
    padding: 4px 15px;
}

.badge.badge--icon {
    padding: 6px;
    border-radius: 5px;
}

.badge.badge--lg {
    padding: 6px 16px;
}

.badge.badge--md {
    padding: 4px 12px;
}

.badge.badge--sm {
    padding: 3px 10px;
}

.badge--fill-primary {
    background-color: hsl(var(--primary));
    border: 1px solid hsl(var(--primary));
    color: hsl(var(--white));
}

.badge--fill-primary:hover {
    color: hsl(var(--white));
}

.badge--fill-secondary {
    background-color: hsl(var(--secondary));
    border: 1px solid hsl(var(--secondary));
    color: hsl(var(--white));
}

.badge--fill-secondary:hover {
    color: hsl(var(--white));
}

.badge--fill-success {
    background-color: hsl(var(--success));
    border: 1px solid hsl(var(--success));
    color: hsl(var(--white));
}

.badge--fill-success:hover {
    color: hsl(var(--white));
}

.badge--fill-danger {
    background-color: hsl(var(--danger));
    border: 1px solid hsl(var(--danger));
    color: hsl(var(--white));
}

.badge--fill-danger:hover {
    color: hsl(var(--white));
}

.badge--fill-warning {
    background-color: hsl(var(--warning));
    border: 1px solid hsl(var(--warning));
    color: hsl(var(--white));
}

.badge--fill-warning:hover {
    color: hsl(var(--white));
}

.badge--fill-info {
    background-color: hsl(var(--info));
    border: 1px solid hsl(var(--info));
    color: hsl(var(--white));
}

.badge--fill-info:hover {
    color: hsl(var(--white));
}

.badge--fill-white {
    background-color: hsl(var(--white));
    border: 1px solid hsl(var(--white));
    color: hsl(var(--white));
}

.badge--fill-white:hover {
    color: hsl(var(--white));
}

.badge--fill-dark {
    background-color: hsl(var(--dark));
    border: 1px solid hsl(var(--dark));
    color: hsl(var(--white));
}

.badge--fill-dark:hover {
    color: hsl(var(--white));
}

.badge--fill-base {
    background-color: hsl(var(--base));
    border: 1px solid hsl(var(--base));
    color: hsl(var(--white));
}

.badge--fill-base:hover {
    color: hsl(var(--white));
}

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

.form--control {
    height: 50px;
    border-radius: 5px;
    border: 1px solid hsl(var(--border));
    outline: 0 !important;
    box-shadow: none !important;
}

.form--control:focus {
    border: 1px solid hsl(var(--base));
}

.form--control[readonly] {
    border-color: hsl(var(--border));
    background-color: hsl(var(--light));
}

textarea.form--control {
    height: 130px;
}

.custom--radio {
    position: relative;
    padding-left: 0;
}

.custom--radio input[type=radio] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    cursor: pointer;
}

.custom--radio input[type=radio]:checked ~ label::before {
    border-width: 1px;
    border-color: hsl(var(--base)) !important;
}

.custom--radio input[type=radio]:checked ~ label::after {
    opacity: 1;
}

.custom--radio label {
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
}

.custom--radio label::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}

.custom--radio label::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 4px;
    width: 7px;
    height: 7px;
    background-color: hsl(var(--base)) !important;
    opacity: 0;
    border-radius: 50%;
}

.form-check .form-check-input {
    border-radius: 0;
}

/* form css end*/
.pagination {
    justify-content: center;
    gap: 12px;
}

.pagination .page-item {
    text-align: center;
}

.pagination .page-item .page-link {
    font-weight: 600;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-color: hsl(var(--border));
    box-shadow: none;
    color: hsl(var(--body));
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
    color: hsl(var(--white));
    background-color: hsl(var(--base));
    border-color: transparent;
}

.pagination .page-item.disabled {
    cursor: no-drop !important;
}

.pagination .page-item.disabled .page-link {
    color: hsl(var(--body));
    background: hsl(var(--dark)/0.1);
    border: none;
}

.header {
    position: sticky;
    top: 0;
    background-color: hsl(var(--white));
    width: 100%;
    z-index: 111;
    box-shadow: 0 3px 15px hsl(var(--dark)/0.1);
}

.header.sticky {
    box-shadow: 0 3px 15px hsl(var(--dark)/0.1);
}

.top-part {
	padding: 19px 0;
}

@media (max-width: 767px) {
    .top-part {
        border: none;
    }
}

@media (max-width: 575px) {
    .top-part {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .top-part .top-part-wrapper {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .top-part .logo {
        justify-self: flex-end;
    }
}

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

@media (max-width: 1199px) {
    .logo img {
        max-width: 250px;
        max-height: 60px;
    }
}

@media (max-width: 767px) {
    .logo img {
        max-width: 250px;
        height: 40px;
    }
}

@media (max-width: 575px) {
    .logo img {
        max-width: 150px;
        height: 40px;
    }
}

.menu-list {
    gap: 0 36px;
}

.menu-list .menu-item {
    position: relative;
}

.menu-list .menu-item:last-child::before {
    display: none;
}

.menu-list .menu-item::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: hsl(var(--white));
    border-radius: 50%;
    top: 40%;
    right: -18px;
}

.menu-list .menu-item .menu-link {
    color: hsl(var(--white));
    font-size: 14px;
    letter-spacing: 2px;
}

.left-toggler {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

@media (max-width: 575px) {
    .left-toggler {
        gap: 3px;
    }
}

.left-toggler span {
    width: 38px;
    height: 2px;
    background-color: hsl(var(--base));
    transition: 0.4s;
}

@media (max-width: 575px) {
    .left-toggler span {
        height: 1px;
        width: 24px;
    }
}

.left-toggler.active span:nth-child(1) {
    transform: translate(0px, 8px) rotate(45deg);
    width: 22px;
}

@media (max-width: 575px) {
    .left-toggler.active span:nth-child(1) {
        transform: translate(0px, 4px) rotate(45deg);
        width: 18px;
    }
}

.left-toggler.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(15px);
}

.left-toggler.active span:nth-child(3) {
    transform: translate(0, -8px) rotate(-45deg);
    width: 22px;
}

@media (max-width: 575px) {
    .left-toggler.active span:nth-child(3) {
        transform: translate(0, -4px) rotate(-45deg);
        width: 18px;
    }
}

.menu-sidebar-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    height: 100dvh;
    background-color: hsl(var(--base));
    padding: 30px;
    padding-right: 0;
    max-width: 285px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-110%);
    transition: all 0.4s ease-in-out;
    z-index: 11;
}

@media (max-width: 767px) {
    .menu-sidebar-wrapper {
        text-align: center;
        max-width: 100%;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100dvh - 60px);
        display: flex;
        flex-direction: column;
    }
}

.menu-sidebar-wrapper.active {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.menu-sidebar-wrapper .close-submenu {
    cursor: pointer;
}

.sidebar-submenu-two.active2 {
    z-index: 999;
    opacity: 1;
    transform: translateX(285px);
    visibility: visible;
}

@media (max-width: 767px) {
    .sidebar-submenu-two.active2 {
        transform: translateX(100%);
    }
}

.sidebar-menu-list {
    margin-top: 50px;
    position: relative;
}

@media (max-width: 767px) {
    .sidebar-menu-list {
        margin-top: 0;
        margin-bottom: 100px;
    }
}

.sidebar-menu-list > li > a {
    text-transform: uppercase;
}

.sidebar-menu-list > li > a::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: calc(100% - 1px);
    width: 25px;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 40% 50%);
    background-color: hsl(var(--base));
    z-index: 11;
    opacity: 0;
}

@media (max-width: 767px) {
    .sidebar-menu-list > li > a::after {
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% - 2px);
        height: 25px;
        width: 50px;
        clip-path: polygon(0 0, 100% 0, 50% 33%);
    }
}

.sidebar-menu-list li:not(:last-child) {
    border-bottom: 1px solid #51022d;
}

.sidebar-menu-list li a {
    padding: 13px 0;
    color: hsl(var(--white));
    display: block;
    font-size: 13px;
    position: relative;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .sidebar-menu-list li a {
        padding: 15px 0;
    }
}

.sidebar-menu-list li a:hover::after, .sidebar-menu-list li a.active::after {
    opacity: 1;
    z-index: 13;
}

@media (min-width: 768px) {
    .sidebar-menu-list li a:hover ~ .sidebar-submenu, .sidebar-menu-list li a:active ~ .sidebar-submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .sidebar-menu-list li a:focus ~ .sidebar-submenu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

.sidebar-submenu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sidebar-submenu:hover ~ a::after {
    opacity: 1;
}

@media (max-width: 767px) {
    .sidebar-submenu:hover {
        display: block;
    }
}

.sidebar-submenu {
    position: fixed;
    left: 285px;
    top: 0;
    height: 100dvh;
    padding: 25px 0;
    background-color: hsl(var(--white));
    max-width: 370px;
    width: 370px;
    overflow: hidden;
    box-shadow: 0px 0px 9.5px 0.5px hsl(var(--dark)/0.08);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .sidebar-submenu {
        position: relative;
        height: auto;
        left: -30px;
        right: -30px;
        top: -1px;
        min-width: 111%;
        max-width: unset;
        padding-top: 0;
        padding-bottom: 0;
        display: none;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 575px) {
    .sidebar-submenu {
        min-width: 115%;
    }
}

.sidebar-submenu .close-submenu {
    cursor: pointer;
}

@media (max-width: 767px) {
    .sidebar-submenu .close-submenu {
        display: none;
    }
}

.sidebar-submenu .logo-close-wrapper {
    display: flex;
    align-items: center;
}

.sidebar-submenu .hotel-logo {
    border-bottom: 1px solid hsl(var(--white));
    height: 50px;
    margin-inline: auto;
    text-align: center;
}

.sidebar-submenu .hotel-logo img {
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .sidebar-submenu .hotel-logo {
        display: none;
    }
}

.sidebar-submenu .social-links {
    justify-content: center;
    margin-top: 90px;
}

@media (max-width: 767px) {
    .sidebar-submenu .social-links {
        margin-top: 25px;
        margin-bottom: 30px;
    }
}

.sidebar-submenu .social-links li {
    border: none;
}

.sidebar-submenu .social-links li a {
    padding: 0;
    color: initial;
}

.sidebar-submenu-list {
    text-align: center;
    padding: 20px 45px 0;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .sidebar-submenu-list {
        padding-top: 0;
    }
}

.sidebar-submenu-list li:not(:last-child) {
    border-bottom: 1px solid #f1f1f1;
}

.sidebar-submenu-list li a {
    border: 0;
    font-size: 13px;
    padding: 10px 0;
    color: #000;
    letter-spacing: 1px;
}

.sidebar-submenu-list li a:hover {
    font-weight: 700;
}

.sidebar-submenu-list li a.active {
    font-weight: 700;
}

.book-now-responsive-btn {
    width: 100%;
    background-color: #a57f41;
    font-size: 15px;
    padding: 10px 25px;
    color: hsl(var(--white));
    z-index: 14;
    margin-top: auto;
}

.second-part-close {
    cursor: pointer;
    padding-right: 30px;
    font-size: 18px;
    color: hsl(var(--base));
}

.menu-sidebar-wrapper .first-part-close.active {
    opacity: 1;
}

.sidebar-submenu .second-part-close.active {
    opacity: 1;
}

.hotel-header {
    background-color: hsl(var(--base)) !important;
}

.hotel-header .social-links a {
    color: hsl(var(--white));
}

.hotel-header .social-links select {
    color: hsl(var(--white));
    transition: all 0.3s;
}

.hotel-header .social-links select option {
    color: initial;
}

.hotel-header .menu-list .menu-item::before {
    background-color: hsl(var(--black));
}

.hotel-header .menu-list .menu-item .menu-link {
    color: #000000;
}

.hotel-header .left-toggler span {
    background-color: hsl(var(--white));
}

@media (max-width: 767px) {
    .hotel-header.active {
        background-color: hsl(var(--white)) !important;
    }

    .hotel-header.active .social-links a {
        color: hsl(var(--base));
    }

    .hotel-header.active .social-links select {
        color: hsl(var(--base));
    }

    .hotel-header.active .left-toggler span {
        background-color: hsl(var(--base));
    }
}

.hotel-sidebar {
    padding-left: 12px;
    padding-top: 25px;
    max-width: 380px;
    background-color: hsl(var(--white)) !important;
}

@media (max-width: 767px) {
    .hotel-sidebar {
        max-width: 100%;
    }
}

.hotel-sidebar .vertical-bar {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    background-color: hsl(var(--base));
    z-index: 15;
}

.hotel-sidebar .triangle {
    position: absolute;
    content: "";
    left: 0px;
    top: 18px;
    width: 45px;
    height: 80px;
    background-color: hsl(var(--base));
    z-index: 15;
    clip-path: polygon(0 0, 0% 100%, 50% 50%);
    cursor: pointer;
    z-index: 16;
}

.hotel-sidebar .sidebar-menu-list li a::after {
    display: none;
}

.footer-section {
    padding-top: 90px;
    padding-bottom: 70px;
    background-color: hsl(var(--base));
}

@media (max-width: 767px) {
    .footer-section {
        padding-top: 50px;
        padding-bottom: 20px;
        padding-inline: 10px;
    }
}

@media (min-width: 992px) {
    .footer-left {
        border-right: 1px solid hsl(var(--white));
    }
}

.footer-links li a {
    font-weight: 300;
    color: hsl(var(--white));
}

@media (max-width: 575px) {
    .footer-links li a {
        font-size: 14px;
    }
}

.footer-logo-list {
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 80px;
    gap: 30px 50px;
}

.footer-logo-item img {
    max-width: 130px;
}

.footer-contact-form .form-control {
    height: 26px;
    border-radius: 0;
    background-color: transparent;
    border-color: hsl(var(--white));
    color: hsl(var(--white));
    padding: 0 10px;
}

@media (max-width: 767px) {
    .footer-contact-form .form-control {
        border-radius: 4px;
    }
}

.footer-contact-form textarea.form--control {
    height: 147px;
}

@media (max-width: 575px) {
    .footer-contact-form textarea.form--control {
        height: 50px;
    }
}

.footer-contact-form .form-check-input {
    background-color: transparent;
    border-color: hsl(var(--white));
    box-shadow: none !important;
    margin-top: 0.45em;
}

@media (max-width: 575px) {
    .footer-contact-form .form-check-input {
        border-radius: 4px;
        width: 14px;
        height: 14px;
    }
}

.footer-contact-form .submit-btn {
    border: 0 !important;
    color: #b38b47;
    font-weight: 700 !important;
    padding-inline: 0;
    margin-top: 3px;
}

@media (max-width: 767px) {
    .footer-contact-form .submit-btn {
        background-color: hsl(var(--white));
        display: block;
        width: 100%;
        padding: 8px 20px;
        margin-top: 12px;
        border-radius: 4px;
    }
}

.terms-list li {
    line-height: 1;
}

.terms-list li a {
    font-size: 12px;
    font-weight: 300;
    color: hsl(var(--white));
    padding-inline: 10px;
}

.terms-list li:not(:last-child) {
    border-right: 1px solid hsl(var(--white));
}

.banner-thumb {
    max-height: 885px;
}

@media (max-width: 767px) {
    .banner-thumb {
        height: 535px;
        object-fit: cover;
    }
}

.hotel-banner {
    position: relative;
}

.hotel-banner .hotel-banner-bg {
    max-height: 715px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .hotel-banner .hotel-banner-bg {
        height: 350px;
    }
}

.hotel-banner .hotel-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 130px;
    max-width: 100%;
}

@media (max-width: 1399px) {
    .hotel-banner .hotel-logo {
        max-width: 320px;
    }
}

@media (max-width: 991px) {
    .hotel-banner .hotel-logo {
        max-width: 250px;
        top: 110px;
    }
}

@media (max-width: 767px) {
    .hotel-banner .hotel-logo {
        top: 60px;
    }
}

@media (max-width: 767px) {
    .hotel-banner .hotel-logo {
        max-width: 160px;
        top: 30px;
    }
}

.section-header {
    margin-bottom: 50px;
}

@media (max-width: 575px) {
    .section-header {
        margin-bottom: 35px;
    }
}

.section-header .section-title-icon {
    max-width: 45px;
    margin: 0 auto 6px;
}

.section-header .section-title {
    font-size: 22px;
    color: hsl(var(--base));
    display: inline-block;
    position: relative;
}

@media (max-width: 767px) {
    .section-header .section-title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .section-header .section-title {
        font-size: 16px;
    }
}

.section-header .section-title::before, .section-header .section-title::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: 225px;
    background-image: -moz-linear-gradient(180deg, #69033a 0%, rgba(66, 4, 33, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #69033a 0%, rgba(66, 4, 33, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #69033a 0%, rgba(66, 4, 33, 0) 100%);
    height: 2px;
}

@media (max-width: 767px) {
    .section-header .section-title::before, .section-header .section-title::after {
        width: 120px;
    }
}

@media (max-width: 575px) {
    .section-header .section-title::before, .section-header .section-title::after {
        width: 80px;
    }
}

.section-header .section-title::before {
    left: calc(100% + 45px);
    transform: scaleX(-1);
}

@media (max-width: 575px) {
    .section-header .section-title::before {
        left: calc(100% + 12px);
    }
}

.section-header .section-title::after {
    right: calc(100% + 45px);
}

@media (max-width: 575px) {
    .section-header .section-title::after {
        right: calc(100% + 12px);
    }
}

.section-header .section-pera {
    margin-top: 32px;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .section-header .section-pera {
        margin-top: 25px;
    }
}

.section-header.section-header-black .section-title {
    color: #222222;
}

.section-header.section-header-black .section-title::after, .section-header.section-header-black .section-title::before {
    background-image: -moz-linear-gradient(180deg, #222, rgba(66, 4, 33, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #222, rgba(66, 4, 33, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #222, rgba(66, 4, 33, 0) 100%);
}

@media (max-width: 767px) {
    .hotel-section .container {
        padding: 0;
    }
}

.hotels-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}

@media (max-width: 1199px) {
    .hotels-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .hotels-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .hotels-grid .slick-slide {
        margin-inline: 6px;
    }

    .hotels-grid .slick-list {
        padding: 0 40px;
    }
}

.hotel-item {
    overflow: hidden;
    position: relative;
}

.hotel-item__thumb {
    height: 100%;
}

@media (max-width: 767px) {
    .hotel-item__thumb {
        max-height: 560px;
    }
}

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

.hotel-item__content {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hotel-item__content::before {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, #000 0%, #00000000 100%);
    opacity: 0.741;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
}

.hotel-item__content .hotel-top-text {
    letter-spacing: 5px;
    color: hsl(var(--white));
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 15px;
}

.hotel-item__content .hotel-logo {
    max-width: 100%;
    margin-inline: auto;
}

.hotel-item__content .top-content {
    position: relative;
    z-index: 1;
    padding-inline: 15px;
}

.hotel-item__content .bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.hotel-item__content .hotel-name {
    padding: 12px 0;
    font-weight: 700;
    color: hsl(var(--white));
    background-color: #063973;
    position: relative;
}

.hotel-item__content .hover-brand-logo {
    background-color: #063973;
    padding-top: 25px;
    margin-inline: auto;
    padding-bottom: 12px;
    transform: translateY(100%);
    z-index: -1;
}

.hotel-item__content .hover-brand {
    height: 65px;
    max-width: 100%;
    margin-inline: auto;
}

.hotel-item:hover .hotel-item__content::before {
    transform: translateY(-100%);
}

.hotel-item:hover .hotel-item__content .top-content {
    opacity: 0;
    visibility: hidden;
}

.hotel-item:hover .hotel-item__content .hover-brand-logo {
    transform: translateY(0);
}

.hotel-item:hover .hotel-item__content .hotel-name {
    padding-bottom: 30px;
}

.hotel-item:nth-of-type(5n + 2) .hotel-item__content .hotel-name,
.hotel-item:nth-of-type(5n + 2) .hotel-item__content .hover-brand-logo {
    background-color: #328c91;
}

.hotel-item:nth-of-type(5n + 3) .hotel-item__content .hotel-name,
.hotel-item:nth-of-type(5n + 3) .hotel-item__content .hover-brand-logo {
    background-color: #51022d;
}

.hotel-item:nth-of-type(5n + 4) .hotel-item__content .hotel-name,
.hotel-item:nth-of-type(5n + 4) .hotel-item__content .hover-brand-logo {
    background-color: #d2ae74;
}

.hotel-item:nth-of-type(5n + 5) .hotel-item__content .hotel-name,
.hotel-item:nth-of-type(5n + 5) .hotel-item__content .hover-brand-logo {
    background-color: #2a84a9;
}

@media (min-width: 768px) {
    .book-event-section::before {
        position: absolute;
        content: "";
        height: 30px;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: hsl(var(--bg-section));
    }
}

@media (max-width: 767px) {
    .book-event-section .container {
        max-width: 100%;
        padding: 0;
    }
}

.event-booking-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    bottom: 15px;
    object-fit: cover;
    width: 100%;
    height: calc(100% - 30px);
}

@media (max-width: 767px) {
    .event-booking-bg {
        top: 15px;
        bottom: -15px;
        margin-bottom: 15px;
        height: 100%;
    }
}

.book-event-thumb {
    height: 580px;
}

@media (max-width: 991px) {
    .book-event-thumb {
        height: 480px;
    }
}

@media (max-width: 767px) {
    .book-event-thumb {
        height: 450px;
    }
}

@media (max-width: 575px) {
    .book-event-thumb {
        height: 415px;
    }
}

.book-event-thumb img {
    height: 100%;
    object-fit: cover;
}

.book-event-content {
    padding: 35px 45px;
    background-color: hsl(var(--white));
    margin-top: -60px;
    z-index: 1;
    position: relative;
    box-shadow: 0 3px 35px hsl(var(--dark)/0.07);
}

@media (max-width: 767px) {
    .book-event-content {
        margin-inline: 15px;
        padding: 25px 35px;
    }
}

@media (max-width: 575px) {
    .book-event-content {
        padding: 22px;
    }
}

.book-event-content .title {
    font-size: 50px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

@media (max-width: 991px) {
    .book-event-content .title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .book-event-content .title {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .book-event-content .title {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.book-event-content p {
    max-width: 850px;
}

@media (max-width: 575px) {
    .book-event-content p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .book-event-content {
        margin-inline: 80px;
    }
}

.book-event-content .btn {
    margin-top: 40px;
}

@media (max-width: 575px) {
    .book-event-content .btn {
        display: block;
        padding: 6px 20px;
        margin-top: 25px;
    }
}

.filter .slick-list {
    padding: 0 45px;
}

@media (max-width: 991px) {
    .filter {
        overflow-x: auto;
        width: 100%;
        justify-content: initial !important;
        padding-inline: 12px;
    }

    .filter ::-webkit-scrollbar {
        display: none;
    }
}

.filter button {
    box-shadow: none !important;
    border: none !important;
    padding: 10px 35px;
    background-color: #dcdcdc;
    text-align: center;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .filter button {
        padding: 10px 20px;
    }
}

@media (max-width: 991px) {
    .filter button {
        width: 80%;
    }
}

.filter button::after {
    position: absolute;
    content: "";
    background-color: hsl(var(--base));
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 2px);
    height: 20px;
    width: 50px;
    clip-path: polygon(0 0, 100% 0, 50% 50%);
}

.filter button.active, .filter button:hover {
    background-color: hsl(var(--base));
    color: hsl(var(--white));
}

.filter button.active::after, .filter button:hover::after {
    opacity: 1;
}

.filter button .text {
    letter-spacing: 4px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .special-offers-section .container {
        max-width: 100%;
        padding: 0;
    }
}

.special-offers-section .section-header {
    margin-bottom: 90px;
}

@media (max-width: 991px) {
    .special-offers-section .section-header {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .special-offers-section .section-header {
        margin-bottom: 40px;
    }
}

.special-offers-section .filter {
    margin-bottom: 70px;
}

@media (max-width: 991px) {
    .special-offers-section .filter {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .special-offers-section .filter {
        margin-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .special-offers-section .filter {
        margin-bottom: 30px;
    }
}

.special-offer-item {
    position: relative;
}

.special-offer-item .item-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.special-offer-item__thumb {
    height: 360px;
}

.special-offer-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.special-offer-item__content {
    padding: 30px;
    background-color: hsl(var(--white));
    margin-inline: 8px;
    margin-top: -10px;
    position: relative;
}

@media (max-width: 575px) {
    .special-offer-item__content {
        padding: 25px 20px;
        margin-inline: 16px;
    }
}

.special-offer-item__content h4 {
    margin-bottom: 10px;
}

.special-offer-item__content p {
    max-width: 92%;
}

@media (max-width: 575px) {
    .special-offer-item__content p {
        font-size: 14px;
    }
}

.special-offer-item__content .btn {
    margin-top: 28px;
}

@media (max-width: 575px) {
    .special-offer-item__content .btn {
        display: block;
        padding: 6px 20px;
        margin-top: 23px;
    }
}

.special-offer-item:hover .btn {
    background-color: hsl(var(--white));
    color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.special-offers-wrapper {
    display: grid;
    margin: -12px;
}

@media (max-width: 767px) {
    .special-offers-wrapper {
        margin: 0;
    }
}

.special-offers-wrapper .special-offer-item {
    width: 33.3333333333%;
    padding: 12px;
}

@media (max-width: 991px) {
    .special-offers-wrapper .special-offer-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .special-offers-wrapper .special-offer-item {
        width: 100%;
    }
}

.hotel-section-info {
    max-width: 685px;
}

.hotel-section-info .title {
    margin-bottom: 22px;
}

@media (max-width: 575px) {
    .hotel-section-info .title {
        margin-bottom: 15px;
    }
}

.hotel-side-thumb {
    height: 100%;
    overflow: hidden;
}

.hotel-side-thumb:hover img {
    transform: scale(1.05);
}

.hotel-side-thumb img {
    z-index: -1;
    object-fit: cover;
    height: 100%;
    transition: all 0.8s ease-in-out;
    max-height: 460px;
    object-fit: cover;
}

.hotel-side-thumb::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: 0.15;
    z-index: 1;
}

.hotel-side-thumb .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    line-height: 1;
    z-index: 1;
}

@media (max-width: 1599px) {
    .hotel-side-thumb .title {
        font-size: 60px;
    }
}

@media (max-width: 1200px) {
    .hotel-side-thumb .title {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .hotel-side-thumb .title {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .hotel-side-thumb .title {
        font-size: 30px;
    }
}

.hotel-side-thumb .thumb-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.hotel-special-item-wrapper-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-special-offers-section .special-offer-item__content .btn {
    background-color: #063973;
}

.hotel-special-offers-section .special-offer-item:hover .special-offer-item__content .btn {
    color: #063973;
    border-color: #6783a0;
    background-color: transparent;
}

.attractions-section .special-offer-item__content .btn {
    background-color: #063973;
}

.attractions-section .special-offer-item:hover .special-offer-item__content .btn {
    color: #063973;
    border-color: #6783a0;
    background-color: transparent;
}

.hotel-facilities-wrapper {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(5, 1fr);
    padding-inline: 18px;
}

@media (max-width: 1399px) {
    .hotel-facilities-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .hotel-facilities-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .hotel-facilities-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .hotel-facilities-wrapper {
        gap: 8px;
        padding-inline: 8px;
    }
}

.hotel-facilities-item {
    position: relative;
}

.hotel-facilities-item__thumb {
    position: relative;
    height: 440px;
}

@media (max-width: 767px) {
    .hotel-facilities-item__thumb {
        height: 330px;
    }
}

.hotel-facilities-item__thumb::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #000;
    opacity: 0.2;
    z-index: 1;
}

.hotel-facilities-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-facilities-item__content {
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

@media (max-width: 575px) {
    .hotel-facilities-item__content {
        padding: 10px;
    }
}

.hotel-facilities-item__content .title {
    font-size: 28px;
    font-weight: 300;
    color: hsl(var(--white));
}

@media (max-width: 1199px) {
    .hotel-facilities-item__content .title {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .hotel-facilities-item__content .title {
        font-size: 18px;
    }
}

.the-hotel-content {
    max-width: 1020px;
}

.the-hotel-content .title {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .the-hotel-content .title {
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .the-hotel-content .title {
        margin-bottom: 20px;
    }
}

.spa-wrapper {
    display: flex;
    justify-content: center;
    gap: 100px;
}

@media (max-width: 1199px) {
    .spa-wrapper {
        gap: 50px;
    }
}

@media (max-width: 991px) {
    .spa-wrapper {
        flex-wrap: wrap;
    }
}

.spa-wrapper .spa-left-content {
    max-width: 550px;
    width: 100%;
}

@media (max-width: 1199px) {
    .spa-wrapper .spa-left-content {
        max-width: 500px;
    }
}

@media (max-width: 991px) {
    .spa-wrapper .spa-left-content {
        max-width: 100%;
    }
}

.spa-wrapper .spa-left-content > .title {
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
}

@media (max-width: 575px) {
    .spa-wrapper .spa-left-content > .title {
        margin-bottom: 30px;
        padding-bottom: 12px;
    }
}

.spa-content-item:not(:last-child) {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .spa-content-item:not(:last-child) {
        margin-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .spa-content-item:not(:last-child) {
        margin-bottom: 30px;
    }
}

.spa-content-item .title {
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .spa-content-item .title {
        margin-bottom: 12px;
    }
}

.spa-content-item .title .dot {
    width: 16px;
    height: 19px;
    background-color: #063973;
    margin-right: 18px;
}

@media (max-width: 575px) {
    .spa-content-item .title .dot {
        width: 12px;
        height: 14px;
        margin-right: 10px;
    }
}

.spa-content-item p {
    margin-bottom: 0;
}

.spa-thumb-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 70px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(var(--white));
    font-size: 24px;
}

@media (max-width: 575px) {
    .spa-thumb-slider .slick-arrow {
        width: 30px;
        height: 60px;
        font-size: 20px;
    }
}

.spa-thumb-slider .slick-arrow.left-right {
    left: 0;
}

.spa-thumb-slider .slick-arrow.arrow-right {
    right: 0;
}

.spa-form-wrapper {
    max-width: 450px;
    width: 100%;
}

@media (max-width: 991px) {
    .spa-form-wrapper {
        max-width: 100%;
    }
}

.spa-form-wrapper .form-header {
    background-color: #063973;
    padding: 16px 30px;
}

@media (max-width: 575px) {
    .spa-form-wrapper .form-header {
        padding-inline: 24px;
    }
}

.spa-form-wrapper .spa-form {
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 25px 30px;
}

@media (max-width: 575px) {
    .spa-form-wrapper .spa-form {
        padding-inline: 24px;
    }
}

.spa-form-wrapper .spa-form .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.spa-form-wrapper .spa-form .form-label {
    width: 140px;
}

@media (max-width: 575px) {
    .spa-form-wrapper .spa-form .form-label {
        width: 120px;
    }
}

.spa-form-wrapper .spa-form .form--control {
    height: 40px;
    width: calc(100% - 140px);
}

@media (max-width: 575px) {
    .spa-form-wrapper .spa-form .form--control {
        width: calc(100% - 120px);
    }
}

.spa-form-wrapper .spa-form .btn {
    margin-top: 20px;
}

.contact-wrapper {
    padding: 60px 120px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .contact-wrapper {
        padding: 50px 60px;
    }
}

@media (max-width: 767px) {
    .contact-wrapper {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .contact-wrapper {
        padding: 25px;
    }
}

.contact-wrapper .contact-form-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.contact-wrapper .title {
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .contact-wrapper .title {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .contact-wrapper .title {
        margin-bottom: 20px;
    }
}

.contact-info {
    padding-bottom: 60px;
    margin-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}

@media (max-width: 991px) {
    .contact-info {
        gap: 30px;
    }
}

@media (max-width: 575px) {
    .contact-info {
        padding-bottom: 40px;
        margin-bottom: 35px;
        gap: 20px;
    }
}

.contact-info li {
    width: 50%;
}

@media (max-width: 991px) {
    .contact-info li {
        width: 100%;
    }
}

.contact-form .form-label {
    margin-bottom: 0;
}

.contact-form .form--control {
    height: 25px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #063973;
    border-radius: 0;
    padding-left: 0;
}

.contact-form .form-check-label {
    transform: translateY(-2px);
}

#contactMap {
    height: 550px;
    margin-bottom: -8px;
    filter: grayscale(0.9);
}

.attractions-slider {
    margin-inline: -12px;
}

.attractions-slider .single-slide {
    padding-inline: 12px;
}

.attractions-slider .slick-arrow {
    position: absolute;
    font-size: 60px;
    z-index: 2;
    text-shadow: 1px 2px 4px hsl(var(--dark)/1);
    color: hsl(var(--white));
    top: 180px;
}

@media (max-width: 1199px) {
    .attractions-slider .slick-arrow {
        font-size: 50px;
        top: 140px;
    }
}

.attractions-slider .slick-arrow.arrow-left {
    left: 45px;
}

@media (max-width: 1199px) {
    .attractions-slider .slick-arrow.arrow-left {
        left: 30px;
    }
}

@media (max-width: 1199px) {
    .attractions-slider .slick-arrow.arrow-left {
        left: 20px;
    }
}

.attractions-slider .slick-arrow.arrow-right {
    right: 45px;
}

@media (max-width: 1199px) {
    .attractions-slider .slick-arrow.arrow-right {
        right: 30px;
    }
}

@media (max-width: 1199px) {
    .attractions-slider .slick-arrow.arrow-right {
        right: 20px;
    }
}
.hotel-rooms-section:nth-child(even) .hotel-room-wrapper {
    flex-direction: row-reverse;
}
.hotel-room-wrapper {
    align-items: start;
}

.hotel-rooms-section {
    background-color: hsl(var(--white));
    position: relative;
}

@media (max-width: 767px) {
    .hotel-rooms-section {
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .hotel-room-wrapper {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .hotel-rooms-section:last-child .hotel-room-wrapper {
        padding-bottom: 0;
    }

    .hotel-rooms-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 70px;
        background-color: hsl(var(--bg-section));
        top: 0;
        left: 0;
    }
}

.hotel-room-thumb {
    width: calc(100% - 600px);
}

@media (max-width: 1199px) {
    .hotel-room-thumb {
        width: calc(100% - 500px);
    }
}

@media (max-width: 991px) {
    .hotel-room-thumb {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .hotel-room-thumb {
        margin-top: -70px;
    }
}

.hotel-room-thumb img {
    max-height: 735px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-room-thumb .slick-list,
.hotel-room-thumb .slick-track {
    height: 100%;
}

.hotel-room-thumb .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 70px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(var(--white));
    font-size: 24px;
}

@media (max-width: 575px) {
    .hotel-room-thumb .slick-arrow {
        width: 30px;
        height: 60px;
        font-size: 20px;
    }
}

.hotel-room-thumb .slick-arrow.left-right {
    left: 0;
}

.hotel-room-thumb .slick-arrow.arrow-right {
    right: 0;
}


.hotel-room-content ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.hotel-room-content ul {
    padding: 22px 40px;
    background-color: hsl(var(--bg-section));
}

@media (max-width: 575px) {
    .hotel-room-content ul {
        padding: 20px;
    }
}

.hotel-room-content ul li {
    width: 50%;
}

.slick-dots li {
    width: auto;
    height: auto;
}

.slick-dots li button::before {
    display: none;
}

.slick-dots li button {
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 50%;
    background-color: #063973;
}

.slick-dots li.slick-active button {
    background-color: transparent;
    border: 1px solid #063973;
}

.hotel-room-content {
    padding: 55px 75px;
    padding-bottom: 0 !important;
    padding-right: 95px;
    background-color: hsl(var(--white));
    max-width: 600px;
    width: 100%;
}

@media (max-width: 1199px) {
    .hotel-room-content {
        max-width: 500px;
        padding: 50px;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .hotel-room-content {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .hotel-room-content {
        padding: 25px 15px;
    }
}

.hotel-room-content p {
    text-align: justify;
}

.hotel-room-content ul {
    margin-top: 45px;
}

@media (max-width: 575px) {
    .hotel-room-content ul {
        margin-top: 35px;
    }
}

.hotel-room-content .btn {
    margin-top: 40px;
    padding: 10px 55px;
}

.hotel-room-content h4 {
    margin-bottom: 24px;
}

@media (max-width: 575px) {
    .hotel-room-content .btn {
        margin-top: 30px;
    }
    .hotel-room-content h4 {
        margin-bottom: 18px;
    }
}

.hotel-ficility-section {
    background-color: hsl(var(--bg-section));
    position: relative;
    padding-bottom: 70px;
    z-index: 1;
}

@media (max-width: 767px) {
    .hotel-ficility-section {
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .hotel-ficility-section {
        padding-top: 70px;
    }

    .hotel-ficility-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 70px;
        background-color: hsl(var(--white));
        top: 0;
        left: 0;
        z-index: -1;
    }
}

.hotel-ficility-wrapper {
    align-items: start;
}

.hotel-ficility-thumb {
    width: calc(100% - 600px);
}

@media (max-width: 1199px) {
    .hotel-ficility-thumb {
        width: calc(100% - 500px);
    }
}

@media (max-width: 991px) {
    .hotel-ficility-thumb {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .hotel-ficility-thumb {
        margin-top: -70px;
    }
}

.hotel-ficility-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 735px;
}

.hotel-ficility-content {
    padding: 55px 75px;
    padding-bottom: 0 !important;
    padding-right: 110px;
    max-width: 600px;
    width: 100%;
}
.hotel-ficility-content h4 {
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .hotel-ficility-content {
        max-width: 500px;
        padding: 50px;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .hotel-ficility-content {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .hotel-ficility-content {
        padding: 25px 15px;
    }
}

body.direction-rtl {
    direction: rtl;
    text-align: right;
}

body.direction-rtl select.form-select {
    background-position: left 12px center !important;
}

body.direction-rtl .form-check-input {
    float: right;
}

body.direction-rtl .form-check-label {
    padding-left: 0;
    padding-right: 25px;
}

body.direction-rtl .text-end {
    text-align: left !important;
}

body.direction-rtl .second-part-close {
    transform: scaleX(-1);
}

body.direction-rtl .menu-sidebar-wrapper {
    left: auto;
    right: 0;
    padding-right: 50px;
    padding-left: 0;
    border-right: 0;
    transform: translateX(110%);
}

@media (max-width: 767px) {
    body.direction-rtl .menu-sidebar-wrapper {
        transform: translateX(100%);
        padding-right: 0;
    }
}

body.direction-rtl .menu-sidebar-wrapper.active {
    transform: translateX(0);
}

body.direction-rtl .menu-sidebar-wrapper .vertical-bar {
    right: 0;
    left: auto;
}

body.direction-rtl .menu-sidebar-wrapper .triangle {
    right: 0;
    left: auto;
    transform: scaleX(-1);
}

body.direction-rtl .menu-sidebar-wrapper .close-submenu {
    transform: scaleX(-1);
}

body.direction-rtl .hotel-sidebar {
    padding-right: 12px;
    padding-top: 25px;
    max-width: 380px;
    background-color: hsl(var(--white)) !important;
    border-left: 0;
}

@media (max-width: 767px) {
    body.direction-rtl .hotel-sidebar {
        max-width: 100%;
        border-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    body.direction-rtl .hotel-sidebar .sidebar-submenu-list {
        padding-right: 45px;
    }
}

body.direction-rtl .sidebar-submenu-two.active2 {
    transform: translateX(-285px) !important;
}

@media (max-width: 767px) {
    body.direction-rtl .sidebar-submenu-two.active2 {
        transform: translateX(-100%) !important;
    }
}

body.direction-rtl .left-toggler {
    direction: ltr;
}

@media (min-width: 768px) {
    body.direction-rtl .sidebar-submenu {
        right: 100%;
        left: auto;
        transform: translateX(-1px);
    }
}

body.direction-rtl .add-new-class {
    padding-right: 45px;
}

body.direction-rtl .sidebar-menu-list li a::before {
    left: 0;
    right: auto;
}

@media (max-width: 767px) {
    body.direction-rtl .sidebar-submenu-list {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    body.direction-rtl .footer-left {
        border-left: 1px solid hsl(var(--white));
        border-right: 0;
    }
}

@media (min-width: 1200px) {
    body.direction-rtl .footer-section .col-lg-4.ps-xl-5 {
        padding-left: 12px;
        padding-right: 45px;
    }
}

body.direction-rtl .terms-list li {
    border: 0;
}

body.direction-rtl .terms-list li:first-child {
    border-left: 1px solid hsl(var(--white));
}
/*# sourceMappingURL=main.css.map */


/****** oded ******/

.hotels-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
	max-width: 900px;
	margin: 0 auto;
}

.hotel-item {
	overflow: hidden;
	position: relative;
	min-height: 364px;
}


/****** oded mobile ******/

@media (max-width: 900px) {
    

}