* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* transition: 0.1s; */
}

body {
    overflow-x: hidden;
    padding-top: 95.2px !important;
}

.wrapper {
    max-width: 1319px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}

.wrapper-full {
    max-width: 100%;
}

.wrapper-padding-none {
    padding-left: 0;
    padding-right: 0;
}

#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 5px -1px #0005;
    z-index: 1001;
}

#header nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .site_logo img {
    /* height: 100px; */
    /* object-fit: cover; */
    width: 320px;
    padding: 14px 0;
}

@media (min-width: 1025px) {
    #header nav .navigation_toggle {
        display: none;
    }
}

#header nav > ul {
    display: flex;
    list-style: none;
    gap: 0 50px;
    margin: 0 !important;
}

#header nav > ul li {
    list-style: none !important;
}

#header nav > ul li a {
    display: flex;
    padding: 17px 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    transition: 0.3s;
    text-decoration: none;
}

@media (min-width: 1025px) {
    #header nav > ul li a {
        min-height: 58px;
        align-items: center;
    }
}

#header nav > ul li a:hover {
    opacity: 0.6;
}

#header nav > ul li.nav-item {
    position: relative;
    background-image: url(../images/angle-down-solid.svg);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 20px;
}

#header nav > ul li.nav-item:hover .submenuitems {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}

#header nav > ul li.nav-item .submenuitems {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    transform: translateY(15px);
    position: absolute;
    min-width: 180px;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    z-index: 1001;
    box-shadow: 0 -4px 10px -2px #0002;
}

#header nav > ul li.nav-item .submenuitems li {
    position: relative;
}

#header nav > ul li.nav-item .submenuitems li:not(:last-child):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ddd;
}

#header nav > ul li.nav-item .submenuitems li a:hover {
    background-color: #ddd;
    opacity: 1;
}

#header nav > ul li.nav-item .submenuitems li a {
    padding: 7px 15px;
    min-height: auto;
}

#landing_section {
    padding: 45px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 170px);
}

#landing_section .wrapper {
    position: relative;
    z-index: 100;
    pointer-events: none;
}

#landing_section .inner {
    pointer-events: none;
}

/* #landing_section::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff5;
  top: 0;
  left: 0;
  z-index: 0;
}

#landing_section.mapactive::after {
  height: 250px;
  background-color: #fff9;
} */

.landing_section:not(.active) #map {
    opacity: 0;
    pointer-events: none;
}

#landing_section.mapactive:not(.active) {
    min-height: auto;
    background-size: 0;
}

#landing_section.mapactive:not(.active) .heading {
    color: #000;
}

/* #map {
	width: 100%;
	height: calc(100vh - 170px) !important;
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
} */

/* #map canvas {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}*/

.marker span {
    margin-right: 18px;
    line-height: 1;
}

#landing_section .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    text-align: center;
    color: #fff;
    position: relative;
    transition: 0.3s;
    margin-bottom: 50px;

    /* display: none; */
}

#landing_section.active {
    background-size: 0 !important;
}

.landing_section.active .heading {
    margin-top: -90px;
    transform: translateY(126px);
    opacity: 0;
    pointer-events: none;
}

.landing_form {
    /* margin-top: 45px; */
    margin-top: 0px;
    position: relative;
    pointer-events: none;
}

.landing_form .input_row {
    display: flex;
    gap: 20px 16px;
    width: 100%;
    align-items: flex-end;
}

.landing_form .input_row .input_column {
    width: 100%;
    position: relative;
    pointer-events: all;
}

.landing_form .input_row .input_column.user_my_location_col {
    max-width: max-content;
}

.landing_form .input_column > label {
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    display: flex;
    margin-bottom: 4px;
    position: absolute;
    top: 9px;
    left: 42px;
    z-index: 1;
}

.landing_form .input_column input[type="text"],
.landing_form .input_column input[type="date"],
.landing_form .input_column select {
    outline: none;
    display: flex;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #000000;
    backdrop-filter: blur(4px);
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding-left: 40px;
    padding-right: 15px;
    color: #000000;
    min-height: 48px;
    width: 100%;
    background-size: 22px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-top: 13px;
}

.landing_form .input_column input[type="text"],
.landing_form .input_column input[type="date"] {
    padding-top: 19px;
    padding-bottom: 5px;
}

.landing_form .input_column .input_error {
    border-color: #f00 !important;
}

.location-pin {
    width: 300px !important;
}

.location-pin {
    background-image: url(../images/location-pin.svg);
}

.date {
    background-image: url(../images/date.svg);
}

.open_trv_output {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #000000;
    backdrop-filter: blur(4px);
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding-left: 40px;
    padding-right: 15px;
    color: #000000;
    min-height: 48px;
    width: 100%;
    background-size: 22px;
    background-position: 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-top: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.guests .open_trv_output {
    background-image: url(../images/users.svg);
    background-position: 10px center;
    background-size: 22px;
}

.rooms .open_trv_output {
    background-image: url(../images/house.svg);
    background-position: 10px center;
    background-size: 22px;
}

/* .car {
    width: 185px !important;
} */

.car {
    background-image: url(../images/car.svg), url(../images/down-arrow.svg);
    background-position:
        10px center,
        calc(100% - 10px) center !important;
    background-size: 22px, 15px !important;
}

@-moz-document url-prefix() {
    .landing_form .input_column input[type="text"],
    .landing_form .input_column input[type="date"],
    .landing_form .input_column select {
        padding-top: 19px;
        padding-bottom: 10px;
    }

    .landing_form .input_column select {
        padding-left: 37px;
        padding-top: 21px;
    }

    .landing_form .input_column > label {
        top: 6px;
    }
}

.input_bottom_row {
    margin-top: 30px;
}

.landing_form .input_bottom_row .input_column .trigger_find_closests:hover {
    background: rgba(255, 255, 255, 1);
}

.landing_form .input_bottom_row .input_column .trigger_find_closests {
    overflow: hidden;
    outline: none;
    width: auto;
    pointer-events: all;
    text-align: center;
    justify-content: center;
    transition: 0.3s;
    background: rgba(255, 255, 255, 0.5);
    /* backdrop-filter: blur(5px); */
    border: 1px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.36);
    border-radius: 26px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    padding: 13px 40px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
}

/* @-moz-document url-prefix() {
    .landing_form .input_bottom_row .input_column input[type="button"] {
        background: rgba(255, 255, 255, 1);
    }
} */

#hotels_section {
    width: 100%;
}

#hotels_section .heading {
    margin-top: 50px;
}

#hotels_section .hotels_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-bottom: 50px;
}

#hotels_section .hotels_grid .grid_box {
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    animation: show_up 0.5s ease;
    text-decoration: none !important;
    width: calc(25% - 20px);
}

@keyframes show_up {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

#hotels_section .hotels_grid .image_div .rooms_left {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #034e70;
    padding: 0px 6px 0px 5px;
    background: rgba(217, 217, 217, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 4px;
    position: absolute;
    top: 12px;
    left: 11px;
    z-index: 1;
}

#hotels_section .hotels_grid .image_div .favourites {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    --size: 30px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
}

#hotels_section .hotels_grid .image_div .favourites svg {
    transition: 0.3s;
}

#hotels_section .hotels_grid .image_div .favourites.saved {
    background-color: #f00;
    box-shadow: 0 0 0 4px #f00;
}

#hotels_section .hotels_grid .image_div .favourites.saved svg {
    width: 20px;
    /* transform: rotate(360deg); */
}

/* #hotels_section .hotels_grid .image_div {
    position: relative;
}
#hotels_section .hotels_grid .image_div::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #fff0, rgb(0 0 0 / 76%));
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 12px;
    opacity: .54;
    z-index: 0;
} */
#hotels_section .hotels_grid .image_div img {
    width: 100%;
    display: flex;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 12px;
}

#hotels_section .hotels_grid .content_div {
    padding: 10px 10px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    text-decoration: none !important;
}

#hotels_section .hotels_grid .content_div .hotel_name {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    display: flex;
    color: #000000;
    width: calc(100% - 93px);
    margin-right: 10px;
}

#hotels_section .hotels_grid .content_div .hotel_price {
    width: 100%;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #000000;
}

#hotels_section .hotels_grid .content_div .hotel_address {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    color: #000000;
    margin: 8px 0 10px;
}

#hotels_section .hotels_grid .content_div .icon_text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
}

/* #hotels_section .hotels_grid .content_div .icon_text .icon {} */

#hotels_section .hotels_grid .content_div .icon_text .text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    display: flex;
    color: #000000;
}

#hotels_section .hotels_grid .content_div .hotel_distance_time::after {
    content: "...";
    position: absolute;
    right: 14px;
    color: #dc7901;
}

#hotels_section .hotels_grid .content_div .hotel_distance_time .text {
    color: #dc7901;
    white-space: nowrap;
    width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

/* #hintBox {
	z-index: 1001;
	border: 1px solid #000000;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 70px;
	width: 300px;
} */

#hintBox .addresshintresult a {
    color: #121212;
    text-decoration: none;
    padding: 10px 20px;
    display: flex;
    border-bottom: 1px solid #000;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 14px;
    transition: 0.3s;
}

#hintBox .addresshintresult a:hover {
    background-color: #ddd;
}

#hotels_section .heading {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 15px;
}

/* trvl_common_cls css STARTS */

div.trvl_common_cls {
    backdrop-filter: blur(11px);
    background-color: rgb(0 0 0 / 50%);
}

.trvl_common_cls .modal-content {
    max-width: 639px;
    height: max-content;
    margin: 0 auto;
    padding: 30px;
    min-height: auto;
    border-radius: 15px;
}

.trvl_common_cls .modal__header {
    background: transparent;
    position: relative;
    padding: 0;
    margin: 0 -10px 20px 0;
}

.trvl_common_cls .modal__header .trv_title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.trvl_common_cls .modal__header button.close {
    outline: none !important;
    --size: 30px;
    cursor: pointer !important;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: 10px;
    background-color: #00000050;
    border-radius: 50px;
    color: transparent;
    text-shadow: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41NTYiIGhlaWdodD0iMTUuNTU2IiB2aWV3Qm94PSIwIDAgMTUuNTU2IDE1LjU1NiI+DQogIDxnIGlkPSJHcm91cF8xMjM3MCIgZGF0YS1uYW1lPSJHcm91cCAxMjM3MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAxLjUyNSAtMTY5OS4xNzgpIHJvdGF0ZSg0NSkiPg0KICAgIDxsaW5lIGlkPSJMaW5lXzQ4IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHkyPSIxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3MCAxMzM3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iNCIvPg0KICAgIDxsaW5lIGlkPSJMaW5lXzQ3IiBkYXRhLW5hbWU9IkxpbmUgNDciIHkyPSIxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NyAxMzQ0KSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0Ii8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.trvl_common_cls .modal__header button.close span {
    cursor: pointer;
    outline: none;
}

.trvl_common_cls .modal-body {
    background: transparent;
    padding: 0;
}

.trv_rmSec {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #d2d2d2;
    border-radius: 11px;
    margin-bottom: 10px;
}

.trv_rmSec.active .rmHead::after {
    background-image: url(../images/up-arrow.svg);
}

.trv_rmSec .rmHead::after {
    content: "";
    --size: 30px;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: 10px;
    background-color: #00000050;
    border-radius: 50px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
}

.trv_rmSec.active .rmHead {
    margin-bottom: 0px;
    border-radius: 0px;
}

.trv_rmSec .rmHead {
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 11px;
    margin-bottom: -1px;
    transition: 0.3s;
}

.trv_rmSec .rmHead > div {
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.trv_rmSec .rmHead .trvdtls {
    margin-left: auto;
    margin-right: 20px;
    color: #000;
}

.trv_rmSec .rmtrvArrc {
    width: 100%;
    padding: 0 10px;
}

.trv_rmSec .rmtrvSec:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
}

.trv_rmSec .rmtrvSec {
    width: 100%;
    padding: 15px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trv_rmSec .rmtrvSec > div {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.trv_rmSec .rmtrvSec .rmtrvinpSec {
    display: flex;
    align-items: center;
}

.trv_rmSec .rmtrvSec .rmtrvinpSec .rmtrvdec_k,
.trv_rmSec .rmtrvSec .rmtrvinpSec .rmtrvdec,
.trv_rmSec .rmtrvSec .rmtrvinpSec .rmtrvinc,
.trv_rmSec .rmtrvSec .rmtrvinpSec .rmtrvinc_k {
    --size: 20px;
    padding-bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    width: var(--size);
    height: var(--size);
    background-color: #d2d2d2;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trv_rmSec .rmtrvSec .rmtrvinpSec .rmtrvresult {
    width: 50px;
    text-align: center;
}

.trvl_common_cls .trv_rmActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px 10px;
    margin-top: 13px;
    margin-bottom: 50px;
}

.trvl_common_cls .trv_rmActions button.del_room[disabled] {
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.5) !important;
    color: rgba(0, 0, 0, 0.5) !important;
    opacity: 0.5;
}

.trvl_common_cls .trv_rmActions button.del_room {
    color: red;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.trvl_common_cls .trv_rmActions button.del_room:hover {
    color: red;
}

.trvl_common_cls .trv_rmActions button {
    opacity: 1;
    transition: 0.3s;
    background: rgba(0, 0, 0, 1);
    border: 1px solid #000;
    color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 13px 40px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
}

.trvl_common_cls .trv_rmActions button:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
}

#travelers_modal .trv_rmSearch {
    display: flex;
    justify-content: center;
}

#travelers_modal .trv_rmSearch button {
    text-shadow: none !important;
    opacity: 1 !important;
    transition: 0.3s;
    background: rgba(0, 0, 0, 1) !important;
    border: 1px solid #000;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 13px 40px !important;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    width: 70%;
}

#travelers_modal .trv_rmSearch button:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #000 !important;
}

/* trvl_common_cls css ENDS */

/* marker popup css STARTS */

/* .maplibregl-popup-content {
	width: max-content;
	padding: 5px 10px !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 12px rgba(0, 0, 0, .2) !important;
	max-width: 320px;
	top: -27px;
} */

.maplibregl-popup-content h6 {
    margin-bottom: 0;
}

.maplibregl-popup-content .leaflet-popup-content-box {
    display: flex;
    /* gap: 10px; */
}

.maplibregl-popup-content .image__div {
    --size: 115px;
    width: var(--size);
    /* height: var(--size); */
}

.maplibregl-popup-content .image__div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 0px 0px 6px;
}

.maplibregl-popup-content .content__div {
    width: calc(100% - 115px - 0px);
    padding: 10px;
    max-width: 285px;
}

.maplibregl-popup-content .hotel__title {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    /* margin-bottom: 12px; */
}

.maplibregl-popup-content .actions_ {
    display: none;
}

.maplibregl-popup-content .hotelTime_dis {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 18px;
}

.maplibregl-popup-content .hotelTime_disDiv {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    gap: 4px;
}

.maplibregl-popup-content .hotelTime_disDiv:first-child {
    color: #034e70;
}

.maplibregl-popup-content .hotelTime_disDiv .icon {
    --size: 18px;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.maplibregl-popup-content .hotelTime_disDiv .icon.distance {
    background-image: url(../images/car-filled.svg) !important;
}

.maplibregl-popup-content .hotelTime_disDiv .icon.time {
    background-image: url(../images/location-marker.svg) !important;
}

.maplibregl-popup-content .hotelTime_disDiv .icon.rating {
    background-image: url(../images/black-star.svg) !important;
}

.maplibregl-popup-content .maplibregl-popup-close-button {
    display: none;
}

.maplibregl-popup-content .price_btn {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    margin-top: 2px;
}

.maplibregl-popup-content .ht_address {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-top: 8px;
}

.maplibregl-popup-content .price_btn span {
    display: none;
}

/* marker popup css ENDS */

/* view switch css STARTS */

.view_switch {
    margin-right: 10px;
    margin-left: 10px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 30px;
    height: 30px;
    width: 60px;
    pointer-events: all;
    position: relative;
    display: flex;
    align-items: center;
    /* margin-top: 13px; */
}

.switch_slider {
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding: 4px;
    margin: 0;
    cursor: pointer;
}

.switch_slider::before {
    background: #03adc9;
    border: 1px solid #000000;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    content: "";
    display: flex;
    /* transform: translateX(25px); */
    transform: translateX(30px);
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* .switch_slider::after {
	content: 'Map View';
	font-family: 'Futura';
	font-weight: 500;
	font-size: 11px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000000;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 35px;
	transform: translateX(-50%);
} */

.view_switch input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.view_switch input[type="checkbox"]:checked + .switch_slider::before {
    transform: translateX(0px);
}

/* .view_switch input[type="checkbox"]:checked+.switch_slider::after {
	content: 'Grid view';
} */

/* view switch css ENDS */
.disabled_htl {
    background-color: #aaa !important;
    color: #000 !important;
}

.mapactive.active .input_bottom_row {
    /* width: max-content; */
    margin-top: 10px;
    /* margin-left: 142px; */
}

.landing_form .input_row.input_bottom_row .input_column {
    pointer-events: none;
    width: 100%;
}

.landing_form .input_row.input_bottom_row .input_column .trigger_find_closests {
    pointer-events: all;
}

.mapactive.active .view_switch {
    top: 0px;
}

.datepicker {
    transition: 0s !important;
}

/* hotels details Page css STARTS */
.hotel_details_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* --booking-sec: 420px; */
    max-width: 1319px;
    margin: 0 auto;
    padding: 0 10px;
    flex-direction: column;
}

.hotel_details_wrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.hotelImages {
    width: 100%;
    gap: 10px;
    display: flex;
    margin-bottom: 34px;
}

.hotelImages .mainImage {
    width: 100%;
    display: flex;
}

.hotelImages .mainImage .example-image-link {
    width: 100%;
    overflow: hidden;
    height: 420px;
    margin: 0;
}

.hotelImages .mainImage .example-image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.hotelImages .restImages {
    width: 70%;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 10px;
}

.hotelImages .restImages .example-image-link {
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.hotelImages .restImages .example-image-link img {
    width: 100%;
    height: 205px;
    object-fit: cover;
    border-radius: 4px;
}

.hotelImages .restImages .restAllBtn {
    padding: 10px 20px;
    background-color: rgb(0 0 0 / 70%);
    position: absolute;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    bottom: 10px;
    font-size: 14px;
    right: 10px;
    color: #fff;
    border-radius: 50px;
    pointer-events: none;
}

.hotelImages .restImages .restAllBtn span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

.hotelImages .restImages .restAllBtn span::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgb(255 255 255 /50%);
}

.hotel__details {
    /* padding: 20px 0; */
    display: flex;
    flex-wrap: wrap;
}

.hotel__details__sec .map_hoteldesc {
    display: flex;
    gap: 29px;
    width: 100%;
}

.hotel__details .hotel__address {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
}

.hotel__details .hotel__address .distance {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.hotel__details .hotel__address .distance::before {
    content: "";
    display: flex;
    width: 6px;
    height: 6px;
    background-color: #3339;
    border-radius: 100%;
    margin: 0 5px;
}

.hotel__details .hotel__address .distance b {
    color: #fa7565;
    font-weight: 700;
    margin-left: 5px;
}

.hotel__details .hotel__name {
    color: #000;
    width: 100%;
    margin-bottom: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}

.hotel__details .hoteldesc {
    margin-bottom: 54px;
}

.hotel__details .hoteldesc .hoteldescHd {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 10px;
}

.hotel__details .hoteldesc p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}

.hotel__details .toForButtons {
    display: none;
}

.amenifaci {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 40px 20px;
}

.amenifaci:not(:last-child) {
    margin-bottom: 20px;
}

.amenifaci .feature__heading {
    font-family: "Harmonia Sans Pro Cyr";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    width: 33.3%;
}

.amenifaci .features {
    display: flex;
    flex-wrap: wrap;
    width: 66.6%;
    gap: 4px 10px;
    position: relative;
}

.amenifaci .features .feature {
    width: calc(50% - 5px);
}

/* .amenifaci .features .feature::before {
    content: '';
    --size: 8px;
    width: var(--size);
    height: var(--size);
    background-color: #515151;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 0;
} */

.amenifaci .features .feature .text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.amenifaci .features .feature .feature_toggler {
    transition: 0.3s;
    border: 2px solid #000000;
    border-radius: 40px;
    padding: 7px 13px;
    width: max-content;
    margin-left: auto;
    /* background-color: #00000050; */
    color: #000000;
    cursor: pointer;
    align-self: center;
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: none;
}

.amenifaci .features .feature .feature_toggler .togglertxt {
    position: relative;
    padding-left: 9px;
    margin-left: 7px;
    padding-right: 18px;
}

.amenifaci .features .feature .feature_toggler .togglertxt::before {
    content: "";
    width: 2px;
    border-radius: 4px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000000;
    position: absolute;
    left: 0;
}

.amenifaci .features .feature .feature_toggler .togglertxt::after {
    content: "";
    position: absolute;
    width: var(--size);
    --size: 13px;
    height: var(--size);
    background-image: url(../images/right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: 47%;
    transform: translateY(-50%);
}

.booking__sec {
    width: 420px;
    margin-top: 0;
    align-self: flex-start;
}

.booking__sec .sec__row {
    position: relative;
}

#ht_map {
    width: 100%;
    height: 414px;
}

#roomcards {
    width: 100%;
}

.accordiansMain {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
}

.accordiansMain .accordian:not(:last-child) {
    margin-bottom: 14px;
}

.accordiansMain .accordian {
    border: 1px solid #dfdfdf;
    /* border-radius: 10px; */
}

.accordiansMain .accordian .accordianHdr {
    padding: 15px 20px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.accordiansMain .accordian .accordianHdr::after {
    content: "";
    --size: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: 10px;
    background-color: var(--darkBlueFade10);
    border-radius: 6px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
}

.accordiansMain .accordian .accordianHdr .accordianHead {
    /* font-family: var(--font1),var(--font2),var(--font3),var(--font4); */
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.accordiansMain .accordian .accordianContent p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 15px;
    color: #515151;
    font-weight: 400;
    line-height: 1.8;
}

.accordiansMain .accordian .accordianContent {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    padding: 10px 0;
    margin: 0 20px;
    border-top: 1px solid #dfdfdf;
    /* display: none; */
    font-size: 15px;
    color: #515151;
}

.accordiansMain .accordian .accordianContent ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accordiansMain .accordian .accordianContent ul li {
    position: relative;
    padding-left: 18px;
    display: flex;
}

.accordiansMain .accordian .accordianContent ul li::before {
    content: "";
    --size: 8px;
    width: var(--size);
    height: var(--size);
    background-color: #515151;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 0;
}

.chk_avl_sec {
    width: 100%;
}

.checkinoMain {
    /* max-width: 1200px; */
    margin: 20px auto;
    /* padding: 20px 35px; */
    background-color: #fff;
    border-radius: 10px;
}

.chk_avl_sec .checkinoMain {
    padding-left: 0;
    padding-right: 0;
}

.checkinoMain .inner {
    gap: 20px 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.checkinoMain .checkinoCol {
    flex: 1;
    display: flex;
    gap: 20px 28px;
    cursor: pointer;
}

.checkinoMain .checkinoCol .form-group {
    border: 0.5px solid #000000;
    /* width: calc(50% - 14px); */
    width: 100%;
    border-radius: 4px;
    padding: 8px 18px 8px 36px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 0;
    background-image: url(../images/down-arrow.svg);
    appearance: none;
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
}

.checkinoMain .checkinoCol .form-group .input-group {
    position: unset;
}

.checkinoMain .checkinoCol .form-group:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #dfdfdf;
    height: calc(100% - 16px);
    top: 8px;
    right: 0px;
}

.checkinoMain .checkinoCol .form-group .head {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 8px;
    line-height: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    margin-bottom: 3px;
}

.checkinoMain .checkinoCol .form-group span.icon {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4wMTQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMi4wMTQgMzIiPg0KICA8ZyBpZD0iY2FsZW5kYXJfN18iIGRhdGEtbmFtZT0iY2FsZW5kYXIgKDcpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjExNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzIxMzUiIGRhdGEtbmFtZT0iUGF0aCAyMTM1IiBkPSJNMjUuODMzLDIuNTcySDI0LjYzOVYxLjM2NGExLjI1LDEuMjUsMCwwLDAtMi41LDBWMi41NzJIOS44NzVWMS4zNjRhMS4yNSwxLjI1LDAsMSwwLTIuNSwwVjIuNTcySDYuMTgxQTYuMTg4LDYuMTg4LDAsMCwwLDAsOC43NTN2MTcuMThhNi4xODgsNi4xODgsMCwwLDAsNi4xODEsNi4xODFIMjUuODMzYTYuMTg4LDYuMTg4LDAsMCwwLDYuMTgxLTYuMTgxVjguNzUzYTYuMTg4LDYuMTg4LDAsMCwwLTYuMTgxLTYuMTgxWk02LjE4MSw1LjA3Mkg3LjM3NVY3LjUxYTEuMjUsMS4yNSwwLDEsMCwyLjUsMFY1LjA3MkgyMi4xMzlWNy41MWExLjI1LDEuMjUsMCwxLDAsMi41LDBWNS4wNzJoMS4xOTRhMy42ODUsMy42ODUsMCwwLDEsMy42ODEsMy42ODFWOS45NDdIMi41VjguNzUzQTMuNjg1LDMuNjg1LDAsMCwxLDYuMTgxLDUuMDcyWk0yNS44MzMsMjkuNjE0SDYuMTgxQTMuNjg1LDMuNjg1LDAsMCwxLDIuNSwyNS45MzNWMTIuNDQ3SDI5LjUxNFYyNS45MzNBMy42ODUsMy42ODUsMCwwLDEsMjUuODMzLDI5LjYxNFpNMTEuMSwxNy4zNjRhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMCwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDE3LjM2NFptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwwLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwxNy4zNjRabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDAsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDE3LjM2NFpNMTEuMSwyNC43MzlhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMSwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDI0LjczOVptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwxLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwyNC43MzlabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDEsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDI0LjczOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSIjMzEzMTMxIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 10px;
}

.checkinoMain .trvlpopopener .form-group span {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 12px);
}

.checkinoMain .trvlpopopener .form-group span::after {
    content: "";
    --size: 24px;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 10px;
}

.checkinoMain .trvlpopopener .form-group:nth-child(1) span::after {
    background-image: url(../images/users.svg);
}

.checkinoMain .trvlpopopener .form-group:nth-child(2) span::after {
    background-image: url(../images/house.svg);
}

.checkinoMain .form-control::placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

.checkinoMain .form-control {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    width: 165px;
    outline: none !important;
    box-shadow: none !important;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.checkinoMain .blue-btn {
    opacity: 1;
    transition: 0.3s;
    background: rgba(0, 0, 0, 1);
    border: 1px solid #000;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 13px 40px;
    display: flex;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    width: auto;
}

.checkinoMain .blue-btn:hover {
    background: rgba(0, 0, 0, 0);
    color: #000 !important;
}

.Htheading {
    /* font-family: var(--font1),var(--font2),var(--font3),var(--font4); */
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 25px;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.reviewsSec {
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
    padding: 15px 25px 25px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.reviewsSec .reviewsHdr {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.reviewsSec .reviewsHdr .reviewsNum {
    padding: 12px 40px;
    border-radius: 50px;
    background-color: #000;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-self: center;
    align-items: baseline;
}

.reviewsSec .reviewsHdr .reviewsNum span {
    font-size: 25px;
    font-weight: 400;
}

.reviewsSec .reviewsHdr .reviewsText {
    align-self: center;
    display: flex;
    font-weight: 600;
    flex-direction: column;
}

.reviewsSec .reviewsHdr .reviewsText .remark {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    text-transform: uppercase;
}

.reviewsSec .reviewsHdr .reviewsText b {
    font-weight: 600;
    color: #515151;
    font-size: 14px;
}

.reviewsSec .reviewsHdr .reviewsText b span {
    font-weight: 500;
}

.reviewsSec .reviewsHdr .reviewinput {
    max-width: 640px;
    width: 100%;
    margin-left: auto;
}

.reviewsSec .reviewsHdr .reviewinput textarea {
    padding: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    resize: none;
    width: 100%;
    min-height: auto;
}

.reviewsSec .specialRevs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 15px;
}

.reviewsSec .specialRevs .specialRev {
    width: calc(25% - 12px);
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 8px 15px;
    position: relative;
}

.reviewsSec .specialRevs .specialRev .rating {
    color: #313131;
    font-weight: 700;
}

.reviewsSec .specialRevs .specialRev .name {
    font-weight: 600;
    color: #515151;
}

.reviewsSec .specialRevs .specialRev .reviewBar {
    margin-top: 10px;
    background-color: #cecece;
    border-radius: 10px;
    overflow: hidden;
}

.reviewsSec .specialRevs .specialRev .reviewBar .progress {
    background-color: #000;
    width: 85%;
    border-radius: 10px;
    height: 10px;
}

/* hotels details Page css ENDS */
/* hotels details Page respo css STARTS */
/* @media (max-width: 1200px) {
    .car {
        width: 155px !important;
    }
} */

@media (max-width: 1024px) {
    .hotel__details__sec {
        width: 100%;
        margin: 0;
    }

    .booking__sec {
        width: 100%;
        margin-top: 25px;
    }

    /* .checkinoMain .checkinoCol {
		width: calc(66% - 32px);
	} */
}

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

@media (max-width: 767px) {
    .hotelImages {
        flex-wrap: wrap;
        gap: 0;
    }

    .hotelImages .mainImage {
        width: 100%;
    }

    .hotelImages .restImages .example-image-link img {
        display: none;
    }

    .hotelImages .restImages {
        width: 100%;
        flex-direction: row;
    }

    .booking__sec {
        background-color: #fff;
    }

    .checkinoMain .inner {
        gap: 20px;
    }

    .checkinoMain .checkinoCol:not(.trvlpopopener) {
        width: 100%;
        flex: auto;
    }

    /* .checkinoMain .checkinoCol .form-group {
		width: calc(50% - 8px);
	} */

    .checkinoMain .checkinoCol {
        background-color: #fff;
        gap: 20px 15px;
    }

    .Htheading {
        font-size: 18px;
    }

    .reviewsSec .reviewsHdr {
        display: none;
    }

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

    .reviewsSec .specialRevs {
        margin-top: 0;
    }

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

    .hotel__details .hoteldesc .hoteldescHd {
        font-size: 16px;
    }

    .hotel__details .hoteldesc p {
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .reviewsSec .specialRevs .specialRev {
        width: 100%;
    }
}

@media (max-width: 474px) {
    .checkinoMain .inner {
        justify-content: center;
    }

    .checkinoMain .form-control {
        font-size: 14px !important;
        width: 100px;
    }

    .accordiansMain .accordian .accordianHdr .accordianHead {
        font-size: 16px;
    }

    .reviewsSec {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
}

/* hotels details Page respo css ENDS */
/* datepicker css STARTS */
.datepicker .datepicker-switch {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 15px;
    line-height: 1.4;
    color: #000;
}

.datepicker table tr td,
.datepicker table tr th {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 15px;
    line-height: 1.4;
    color: #000;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    color: #fff;
    background: #000 !important;
    border-color: #000 !important;
}

/* datepicker css ENDS */

/* roomcard css STARTS */
.available-rooms-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.available-room {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 3px 5px #3331;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.room-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.room-images {
    max-width: 322px;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

.owl-carousel .item {
    width: 100%;
    height: 100%;
    display: flex;
}

.room-images .owlrooms img {
    height: 250px;
    object-fit: cover;
}

.room-images .owl-nav {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.room-images button.owl-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNC45NzUiIHZpZXdCb3g9IjAgMCAxOCAxNC45NzUiPg0KICA8ZyBpZD0iR3JvdXBfMTIzNjMiIGRhdGEtbmFtZT0iR3JvdXAgMTIzNjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDE0Ljk3NSkgcm90YXRlKDE4MCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzIxMTkiIGRhdGEtbmFtZT0iUGF0aCAyMTE5IiBkPSJNMTcuNzEyLDQ4LjEzNGwtNi41LTYuNWEuOTg4Ljk4OCwwLDAsMC0xLjM5MywwbC0uNTkuNTlhLjk3OC45NzgsMCwwLDAtLjI4OC43LDEsMSwwLDAsMCwuMjg4LjdsMy43OTIsMy44SC45NzJBLjk2MS45NjEsMCwwLDAsMCw0OC4zOTR2LjgzNUExLDEsMCwwLDAsLjk3Miw1MC4yNEgxMy4wNjRMOS4yMjksNTQuMDYyYS45NzYuOTc2LDAsMCwwLDAsMS4zODNsLjU5LjU4OGEuOTg4Ljk4OCwwLDAsMCwxLjM5MywwbDYuNS02LjVhLjk5NC45OTQsMCwwLDAsMC0xLjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00MS4zNDYpIiBmaWxsPSIjZmZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K) !important;
}

.room-images button.owl-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTIzNjQiIGRhdGEtbmFtZT0iR3JvdXAgMTIzNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0Ljk3NSIgdmlld0JveD0iMCAwIDE4IDE0Ljk3NSI+DQogIDxwYXRoIGlkPSJQYXRoXzIxMTkiIGRhdGEtbmFtZT0iUGF0aCAyMTE5IiBkPSJNMTcuNzEyLDQ4LjEzNGwtNi41LTYuNWEuOTg4Ljk4OCwwLDAsMC0xLjM5MywwbC0uNTkuNTlhLjk3OC45NzgsMCwwLDAtLjI4OC43LDEsMSwwLDAsMCwuMjg4LjdsMy43OTIsMy44SC45NzJBLjk2MS45NjEsMCwwLDAsMCw0OC4zOTR2LjgzNUExLDEsMCwwLDAsLjk3Miw1MC4yNEgxMy4wNjRMOS4yMjksNTQuMDYyYS45NzYuOTc2LDAsMCwwLDAsMS4zODNsLjU5LjU4OGEuOTg4Ljk4OCwwLDAsMCwxLjM5MywwbDYuNS02LjVhLjk5NC45OTQsMCwwLDAsMC0xLjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00MS4zNDYpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==) !important;
}

.room-images .owl-nav button {
    --size: 35px;
    width: var(--size);
    height: var(--size);
    background-color: rgb(0 0 0 / 20%) !important;
    opacity: 1 !important;
    border-radius: 50px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 13px !important;
    color: transparent !important;
    backdrop-filter: blur(4px);
}

.room-images .owl-dots {
    position: absolute;
    font-weight: 600;
    bottom: 10px;
    left: 10px;
    width: 82px;
    height: 35px;
    background-color: rgb(0 0 0 / 20%) !important;
    border-radius: 50px;
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: 14px;
}

.room-images .owl-dots::after {
    content: counter(slides-num);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin-left: 6px;
    width: 41px;
    text-align: left;
}

.room-images .owl-dot {
    counter-increment: slides-num;
    position: absolute;
    width: 43px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.room-images .owl-dots .owl-dot span {
    width: 0;
    height: 0;
}

.room-images .owl-dot span {
    width: 0 !important;
    height: 0 !important;
}

.room-images .owl-dot.active::after {
    content: counter(slides-num) " /";
}

.room-images .owl-dots::after {
    content: counter(slides-num);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin-left: 6px;
    width: 41px;
    text-align: left;
}

.room-details-text {
    width: calc(100% - 322px - 15px);
}

.room-details-text .room-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.room-details-text .key-factors {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: none;
}

.room-details-text .key-factors li {
    font-size: 14px;
    line-height: 1.4;
    color: #515151;
    font-weight: 600;
    padding-left: 10px;
    position: relative;
}

.room-details-text .key-factors li::before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    background-color: #515151;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.room-details-text .btn.room-more-details {
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    position: relative;
    color: #000000;
}

.room-details-text .btn.room-more-details::after {
    content: "";
}

.room-options {
    width: 100%;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.room-option {
    width: 100%;
    flex: 270px 1 0;
    border: 1px solid #c3c4c5;
    border-radius: 10px;
    padding: 15px 12px 18px;
    display: flex;
    flex-wrap: wrap;
}

.room-option .option-title {
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
    margin-bottom: 8px;
}

.room-option .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    flex-wrap: nowrap;
}

.room-option .row .column {
    width: 100%;
}

.room-option .btn.fully-refundable {
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
    color: #015e01;
    font-weight: 600;
    padding: 0;
}

.room-option .key-factors.small {
    display: flex;
    list-style: none;
    flex-direction: column;
    gap: 3px;
    margin-top: 5px;
}

.room-option .key-factors.small li {
    font-size: 12px;
    line-height: 1.4;
    color: #515151;
    font-weight: 600;
    padding-left: 15px;
    position: relative;
}

.room-option .key-factors.small li::before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    background-color: #515151;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.room-option .row .right-column {
    text-align: right;
}

.room-price {
    font-size: 24px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.room-price .total {
    font-size: 12px;
    line-height: 1.4;
    color: #333;
    font-weight: 600;
}

.price-details-toggle {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-details-toggle .text {
    padding-right: 15px;
    position: relative;
    cursor: pointer;
}

.price-details-toggle .text::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==);
    --toggle: 9px;
    position: absolute;
    top: 7px;
    right: 0;
    transform: rotate(180deg);
    width: var(--toggle);
    height: var(--toggle);
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s ease;
}

.price-details-toggle.active .text::after {
    transform: rotate(90deg);
}

.price-details-dialog {
    min-width: 280px;
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 0.5rem 1rem 0px rgb(0 11 38 / 24%);
    padding: 10px 15px;
    border-radius: 14px;
    text-align: left;
    z-index: 100;
}

.price-details-toggle.active .price-details-dialog {
    display: block;
}

.price-details-dialog .dialog-title {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
}

.room-summary,
.room-taxes,
.total-expense {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
}

.room-summary p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #333 !important;
    margin-bottom: 0;
}

.room-summary .price.room-price {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #333;
}

.room-summary .price.room-price p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.footer-dialog {
    border-top: 1px solid #000;
    padding-top: 12px;
}

.btn.reserve-btn {
    opacity: 1;
    transition: 0.3s;
    background: rgba(0, 0, 0, 1);
    border: 1px solid #000;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
    max-width: max-content;
    margin-top: 10px;
}

.btn.reserve-btn:hover {
    background-color: #fff;
    color: #000 !important;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

@media (max-width: 640px) {
    .room-images {
        max-width: 100%;
    }

    .room-details-text {
        width: 100%;
    }
}

/* roomcard css ENDS */

.instructions-result-table {
    border: none;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
}

/* .instructions-result-table-row:not(:last-child) {
    margin-bottom: 15px;
} */

.instructions-result-table-row {
    /* border: 1px solid #cecece; */
    border-radius: 10px;
    width: 100%;
    margin-bottom: 40px;
    max-width: 650px;
}

.instructions-result-table-row:last-child {
    margin-bottom: 0;
}

.instructions-result-table-header {
    padding: 0;
    margin-bottom: 14px;
}

.instructions-result-table-header h2 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin: 0;
}

.instructions-result-table-header p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.instructions-result-table-content {
    padding: 15px 25px;
}

.instructions-result-table-content li {
    /* font-family: var(--font1),var(--font2),var(--font3),var(--font4); */
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}

.instructions-result-table-content p a {
    color: #000;
    text-decoration: none !important;
}

.instructions-result-table-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.instructions-result-table-content ul li {
    position: relative;
    padding-left: 12px;
    /* display: flex; */
    list-style: none;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.instructions-result-table-content ul li::before {
    content: "";
    --size: 5px;
    width: var(--size);
    height: var(--size);
    background-color: #000;
    border-radius: 10px;
    position: absolute;
    top: 7px;
    /* transform: translateY(-50%); */
    left: 0;
}

.instructions-result-table-content table {
    width: 100%;
    margin: 15px 0;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

.instructions-result-table-content tr {
    background-color: #ddd !important;
    border-radius: 0 !important;
    border: none;
}

.instructions-result-table-content th,
.instructions-result-table-content td {
    display: table-cell !important;
    font-size: 16px !important;
    color: #171717;
    padding: 11px 9px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.instructions-result-table-content tr:nth-child(2n) {
    background-color: #f1f1f2 !important;
}

.reviewdetails-btn {
    opacity: 1;
    transition: 0.3s;
    background: rgba(0, 0, 0, 1);
    border: 1px solid #000;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
    max-width: max-content;
    margin-top: 10px;
    text-decoration: none !important;
}

.reviewdetails-btn:hover {
    background-color: #fff;
    color: #000 !important;
}

.instructions-result-table-content > h3 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin: 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.creditCardForm {
    margin: 40px auto;
    max-width: 600px;
}

.creditCardForm .heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.payment form h4 {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.payment form fieldset:not(:last-child) {
    margin-bottom: 12px;
}

.payment form fieldset {
    border: 1px solid #dfdfdf;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    position: relative;
    padding-top: 10px;
    margin-top: 16px;
}

.form-group.crdinp {
    display: flex;
    width: 100%;
    gap: 10px;
}

.form-group.crdinp .form-col {
    width: 100%;
}

.form-group.crdinp .form-col label {
    width: 100%;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.payment form fieldset legend {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: -16px;
    background-color: #fff;
    width: max-content;
    padding-right: 10px;
    padding-left: 8px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.form-group.crdinp .form-col.width-25 {
    width: 25%;
}

.form-group.crdinp .form-col.width-50 {
    width: 50%;
}

.form-group.crdinp .form-col.width-small {
    width: 113px;
}

.form-group.crdinp .form-col.width-big {
    width: 160px;
}

.form-group.crdinp .form-col.width-small,
.form-group.crdinp .form-col.width-big {
    width: 50%;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.errfld {
    display: none;
    margin-top: 5px;
}

#card_month,
#card_year {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    display: inline-flex;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

#credit_cards .form-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
}

#credit_cards .form-col img {
    width: 18%;
    object-fit: cover;
}

#pay-now .btn {
    text-decoration: none;
    outline: none;
    background-color: transparent;
    padding: 0 20px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 12px auto 0 0;
    border: 1px solid #000;
    border-radius: 30px;
    height: 36px;
    transition: 0.3s;
}

#pay-now .btn:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #000 !important;
}

.guestpayfield {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    margin-bottom: 20px;
}

.guestpayfield.active {
    display: block;
}

@media (max-width: 767px) {
    /* .form-group.crdinp {
        flex-wrap: wrap;
    } */

    .form-group.crdinp .form-col.width-25 {
        width: 100%;
    }

    .form-group.crdinp .form-col.width-50 {
        width: 100%;
    }
}

#booking_form_modal .modal-content {
    max-width: 750px;
}

/* privacy modal css */
.privacy_modal {
    z-index: 100004;
    background-color: #fff;
}

.privacy_modal .modal__header {
    background-color: transparent;
    border-radius: 10px 10px 0 0;
    padding: 20px 25px 0;
}

.privacy_modal .close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==);
    --toggle: 35px;
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    width: var(--toggle);
    height: var(--toggle);
    border-radius: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    background-size: 18px;
    right: -15px;
    top: -15px;
    z-index: 1001;
    background-color: #fff !important;
    opacity: 1;
    box-shadow: 0 0 10px -2px #0005;
}

.privacy_modal .modal-body {
    padding-top: 0;
}

.privacy_modal .trv_title {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacy_modal h1 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacy_modal h2 {
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
}

.privacy_modal h2:not(:only-child) {
    margin-bottom: 10px;
}

.privacy_modal h3 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacy_modal p {
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
}

.privacy_modal ul {
    list-style: disc;
    padding-left: 20px;
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
}

/* privacy modal css */

/* terms of use modal css */
.termsofuse_modal {
    z-index: 100004;
    background-color: #fff;
}

.termsofuse_modal .modal__header {
    background-color: transparent;
    border-radius: 10px 10px 0 0;
    padding: 20px 25px 0;
}

.termsofuse_modal .close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==);
    --toggle: 35px;
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    width: var(--toggle);
    height: var(--toggle);

    border-radius: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    background-size: 18px;
    right: -15px;
    top: -15px;
    z-index: 1001;
    background-color: #fff !important;
    opacity: 1;
    box-shadow: 0 0 10px -2px #0005;
}

.termsofuse_modal .modal-body {
    padding-top: 0;
}

.termsofuse_modal .trv_title {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.termsofuse_modal h1 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.termsofuse_modal h2 {
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.termsofuse_modal h3 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.termsofuse_modal p {
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.termsofuse_modal ul {
    list-style: disc;
    padding-left: 20px;
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
}

/* terms of use modal css */

/* privacy policy modal css */
.privacyolicy_modal {
    z-index: 100004;
    background-color: #fff;
}

.privacyolicy_modal .modal__header {
    background-color: transparent;
    border-radius: 10px 10px 0 0;
    padding: 20px 25px 0;
}

.privacyolicy_modal .close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==);
    --toggle: 35px;
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    width: var(--toggle);
    height: var(--toggle);

    border-radius: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    background-size: 18px;
    right: -15px;
    top: -15px;
    z-index: 1001;
    background-color: #fff !important;
    opacity: 1;
    box-shadow: 0 0 10px -2px #0005;
}

.privacyolicy_modal .modal-body {
    padding-top: 0;
}

.privacyolicy_modal .trv_title {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacyolicy_modal h1 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacyolicy_modal h2 {
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacyolicy_modal h3 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
}

.privacyolicy_modal p {
    color: #515151;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 16px;
    line-height: 1.5;
}

.privacyolicy_modal ul {
    list-style: disc;
    padding-left: 20px;
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
}

/* privacy policy modal css */
.room-summary {
    height: auto !important;
    margin-bottom: 6px;
}

.room-summary .price.room-price {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #333;
    margin: 0;
}

.room-summary .price.room-price p {
    margin: 0;
}

.footer-dialog {
    border-top: 0px solid #000;
    padding-top: 12px;
}

#map1 {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    /* max-width: 1300px; */
    left: 0;
    right: 0;
    height: calc(100vh - 170px);
}

.map_wrapper {
    background: #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coordinates {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    top: 70px;
    left: 45%;
    padding: 5px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    border-radius: 3px;
    display: none;
}

/* map toggle none abhi ke liye
.view_switch {
    display: none;
}



.landing_section.active #map {
    opacity: 0;
    pointer-events: none;
}
.landing_section.active.mapactive #map1 {
    opacity: 0;
    pointer-events: none;
}
.landing_section.active.mapactive #map {
    opacity: 1;
    pointer-events: all;
}
*/
.pad-top {
    padding-top: 10px;
}

.pad-around-ten {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.creditCardForm table {
    border-collapse: separate;
}

#add_currency {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    padding: 18px 0 16px;
    height: auto;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

@media (min-width: 1025px) {
    #add_currency {
        min-height: 58px;
        padding-top: 22px;
    }
}

@media (max-width: 1024px) {
    #add_currency {
        padding: 12px 20px;
    }

    #header nav ul li.nav-item:hover .submenuitems {
        transform: translateY(-13px);
    }
}

.infoicon {
    --size: 17px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    background-color: #000;
    color: #fff !important;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding-top: 3px;
}

.messages_modal .modal-dialog {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100% - 40px);
}

.messages_modal .close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNjcgMGwyLjgzIDIuODI5LTkuMzM5IDkuMTc1IDkuMzM5IDkuMTY3LTIuODMgMi44MjktMTIuMTctMTEuOTk2eiIvPjwvc3ZnPg==);
    --toggle: 35px;
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    width: var(--toggle);
    height: var(--toggle);
    border-radius: 40px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    background-size: 18px;
    right: -15px;
    top: -15px;
    z-index: 1001;
    background-color: #fff !important;
    opacity: 1;
    box-shadow: 0 0 10px -2px #0005;
}

#messages_modal_mess {
    color: #515151;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    margin: 20px;
    border-radius: 10px;
    min-height: 300px;
}

#messages_modal_mess .cancel_dot {
    --size: 5px;
    width: var(--size);
    height: var(--size);
    background-color: #000;
    display: inline-flex;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

@media (max-width: 575px) {
    #privacy_modal .modal-dialog,
    #termsofuse_modal .modal-dialog,
    #privacyolicy_modal .modal-dialog {
        margin: 1.75rem 1.75rem;
    }

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

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

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

.datepicker table tr td,
.datepicker table tr th {
    width: 30px;
    height: 30px;
}

/* about us page css STARTS */
.aboutUs_Intro {
    padding: 80px 0;
}

.section_heading {
    margin-bottom: 40px;
}

.section_heading h1 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}

.aboutUs_mains {
    max-width: 700px;
}

.aboutUs_main:not(:last-child) {
    margin-bottom: 30px;
}

.aboutUs_main {
    position: relative;
    padding-left: 55px;
}

.aboutUs_main:first-child:before {
    content: "";
    position: absolute;
    width: 29px;
    height: 38px;
    background-image: url(../images/location_mark_heading_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
}

.aboutUs_main h2.heading {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 12px;
}

.aboutUs_main .desc p {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 0;
}

.aboutUs_main .desc p:not(:last-child) {
    margin-bottom: 20px;
}

.our_fav_hotels {
    padding: 40px 0;
    margin-bottom: 100px;
}

.section_heading.center_heading {
    text-align: center;
}

.section_heading h2 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: capitalize;
}

.destinations_grid {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 30px;
}

.destination_box {
    flex: 204px 0 0;
}

.destination_image {
    --size: 204px;
    width: var(--size);
    height: var(--size);
    display: flex;
    margin: 0 auto 45px;
    overflow: hidden;
    border-radius: 50%;
}

.destination_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: 0.4s;
}

.destination_image:hover img {
    transform: scale(1.1);
    opacity: 0.8;
    cursor: pointer;
}

.destination_details {
    text-align: center;
}

.destination_details h3.name {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

.discover_hotels {
    padding: 40px 0;
    min-height: 525px;
    /* background-attachment: fixed; */
    background-size: cover;
    background-repeat: no-repeat;
}

.small_content_box {
    padding: 50px 50px 40px calc(30px + 30px + 15px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 13px;
    max-width: 530px;
    position: relative;
}

.small_content_box::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 38px;
    background-image: url(../images/location_mark_heading_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 30px;
    top: 55px;
}

.small_content_box h2.heading {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
}

.small_content_box .desc p {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

.spend_your_vacation {
    margin: 150px 0;
    position: relative;
}

.section_heading.styled_heading {
    padding: 22px 30px;
    background-color: #000;
    text-align: center;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 70px;
}

.section_heading h2:only-child {
    margin-bottom: 0;
}

.section_heading.styled_heading h2 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
}

.big_image_cols {
    display: flex;
    flex-wrap: wrap;
}

.big_image_col {
    width: 50%;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.big_image_col .col_content {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: auto;
}

.big_image_col img {
    width: 100%;
    transition: 0.4s;
}

@media (min-width: 1025px) {
    .big_image_col:hover img {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.big_image_col .btn {
    min-width: 364px;
    padding: 22px 30px;
    background: linear-gradient(0deg, #ffffff, #ffffff), #000000;
    justify-content: center;
    display: flex;
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    border: 0px;
    transition: 0.3s;
}

.big_image_col .btn:hover {
    background: linear-gradient(0deg, #000000, #000000), #000000;
    color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
}

.discover_hotels_btm {
    background: #d9d9d9;
    padding: 80px 0;
    margin-bottom: 150px;
}

.discover_hotels_btm .column {
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    padding-left: 50px;
}

.discover_hotels_btm .column::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 38px;
    background-image: url(../images/location_mark_heading_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 5px;
}

.discover_hotels_btm .column_heading {
    margin-bottom: 30px;
}

.discover_hotels_btm .column_heading h2 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

.discover_hotels_btm .column .desc p:not(:last-child) {
    margin-bottom: 20px;
}

.discover_hotels_btm .column .desc p {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

@media (max-width: 1024px) {
    .section_heading h1 {
        font-size: 27px;
        line-height: 1.2;
    }

    .section_heading {
        margin-bottom: 20px;
    }

    .aboutUs_main {
        padding-left: 50px;
    }

    .destination_box {
        flex: 170px 0 0;
    }

    .destination_image {
        --size: 170px;
        margin-bottom: 25px;
    }

    .destination_details h3.name {
        font-size: 20px;
        line-height: 1.2;
    }

    section.aboutUs_Intro .wrapper {
        max-width: 810px;
    }

    .discover_hotels {
        min-height: auto;
    }

    .small_content_box {
        margin: 0 auto;
    }

    .spend_your_vacation {
        margin: 80px 0;
    }

    .big_image_col {
        width: 100%;
    }

    .section_heading.styled_heading {
        position: static;
    }

    .big_image_col .col_content {
        bottom: 60px;
        left: auto;
        right: 60px;
        margin: auto;
    }

    .big_image_col img {
        opacity: 0.6;
    }

    .our_fav_hotels {
        margin-bottom: 40px;
    }

    .discover_hotels_btm {
        margin-bottom: 100px;
    }
}

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

    .aboutUs_main {
        padding-left: 0;
        padding-top: 50px;
    }

    .small_content_box {
        padding: calc(40px + 30px + 15px) 30px 40px;
    }

    .small_content_box::before {
        top: 30px;
    }

    .small_content_box h2.heading {
        font-size: 20px;
        line-height: 1.2;
    }

    .small_content_box .desc p {
        font-size: 15px;
        line-height: 1.6;
    }

    .section_heading.styled_heading h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .big_image_col .col_content {
        margin: 20px auto;
        position: static;
    }

    .big_image_col .btn {
        min-width: auto;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.4;
    }

    .aboutUs_main h2.heading {
        font-size: 22px;
        line-height: 1.2;
    }

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

    .aboutUs_main .desc p {
        font-size: 15px;
        line-height: 1.6;
    }

    .discover_hotels_btm {
        padding: 40px 0;
    }

    .discover_hotels_btm .column_heading h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .discover_hotels_btm .column_heading h2 br {
        display: none;
    }

    .discover_hotels_btm .column .desc p {
        font-size: 15px;
        line-height: 1.6;
    }

    .discover_hotels_btm .column {
        padding-left: 0px;
        padding-top: 60px;
    }

    .spend_your_vacation {
        margin: 20px 0;
    }

    .our_fav_hotels {
        padding-top: 0;
    }

    .discover_hotels_btm {
        margin-bottom: 40px;
    }
}

@media (max-width: 640px) {
    .destination_box {
        flex: 100% 0 0;
    }
}

.filter_toggle {
    background-color: #ffffff;
    background-image: url(../images/filter-toggle-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    border-radius: 30px;
    height: 30px;
    width: 60px;
    pointer-events: all;
    position: relative;
    z-index: 1000;
    display: flex;
    align-items: center;
    margin-top: 13px;
    pointer-events: all;
    cursor: pointer;
}

.checkbox__div input[type="checkbox"],
.checkbox__div input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.checkbox__div label {
    position: relative;
}

.checkbox__div label::before {
    content: "";
    position: absolute;
    --size: 22px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    border-radius: 5px;
    top: 0;
    left: 0;
}

.checkbox__div label::after {
    content: "";
    position: absolute;
    transition: 0.3s;
    --size: 14px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    box-shadow: inset 0 0 0 0px #fff;
    border-radius: 4px;
    background-color: #000;
    left: 4px;
    top: 4px;
    opacity: 0;
}

.checkbox__div input[type="checkbox"]:checked + label::after,
.checkbox__div input[type="radio"]:checked + label::after {
    opacity: 1;
}

.checkbox__div label {
    font-weight: 400 !important;
    font-family:
        var(--font1), var(--font2), var(--font3), var(--font4) !important;
    font-size: 14px !important;
    color: #000 !important;
    padding-left: 33px;
    cursor: pointer;
}

.fltr_sec > label {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 16px;
    color: #000;
}

/* .signInUpPopup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff5;
	backdrop-filter: blur(4px);
	z-index: 1001;
	overflow: auto;
	visibility: hidden;
	pointer-events: none;
	transition: 0.3s;
}

.signInUpPopup.active {
	visibility: visible;
	pointer-events: all;
}

.formMain .heading {
	font-family: 'Harmonia Sans Pro Cyr';
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	color: #000000;
	margin-bottom: 14px;
}

.popupWrapper {
	max-width: 360px;
	margin-left: auto;
	display: flex;
	overflow: hidden;
	box-shadow: 0 0 10px -1px #0005;
	margin-right: -360px;
	transition: 0.3s;
}

.active .popupWrapper {
	margin-right: 0px;
}

.popupInner {
	min-height: 100vh;
	position: relative;
	background-color: #fff;
	padding: 70px 30px 30px;
	min-width: 360px;
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	gap: 58px 5px;
}

.popupWrapper.active .popupInner {
	transform: translateX(-360px);
}

.popupWrapper.passwordactive .popupInner {
	transform: translateX(calc(-360px * 2));
}

.formMain .inputRow:not(:last-child) {
	margin-bottom: 14px;
}

.formMain .inputCol label {
	display: block;
	font-family: 'Futura';
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #000000;
}

.formMain .inputCol input[type="submit"],
.formMain .inputCol input[type="button"] {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #30344B;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 26px;
	height: 52px;
	font-family: 'Futura';
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #30344B;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
}

.formMain.signUpFormRoute .inputCol input[type="submit"],
.formMain.signUpFormRoute .inputCol input[type="button"] {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #03ADC9;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 26px;
	color: #03ADC9;
}

.formMain .inputCol input[type="text"],
.formMain .inputCol input[type="password"] {
	height: 48px;
	background: #FFFFFF;
	border: 0.5px solid #000000;
	backdrop-filter: blur(4px);
	border-radius: 4px;
	outline: none !important;
	box-shadow: none !important;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.formMain .blueHeading {
	color: #03ADC9;
}

.formMain .centerHeading {
	text-align: center;
}
 .signUpFormRoute {
    margin-top: 58px;
}

.formMain .text {
	font-family: 'Harmonia Sans Pro Cyr';
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #03ADC9;
}

.formMain .text a {
	color: #000 !important;
	cursor: pointer;
}

.popupClose {
	--size: 24px;
	width: var(--size);
	height: var(--size);
	background-image: url(../images/close-button.svg);
	position: absolute;
	top: 30px;
	right: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.nav-link.auth_trigger {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.formMain .inputCol .inp_err {
	font-family: 'Futura';
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: red;
	margin-top: 4px;
} */

/* @media (max-width:767px) {
	.popupWrapper {
		max-width: 767px;
		margin-right: -767px;
	}

	.popupInner {
		min-width: 100%;
	}

	.popupWrapper.active .popupInner {
		transform: translateX(-100%);
	}

	.popupWrapper.passwordactive .popupInner {
		transform: translateX(-200%);
	}

	.formMain {
		width: 100%;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
} */

@media (min-width: 1025px) {
    .mb_view {
        display: none;
    }
}

@media (max-width: 1024px) {
    .dt_view {
        display: none;
    }

    .mb_view {
        margin-left: auto;
        list-style: none;
    }
}

.signup_success {
    display: none;
    padding: 0px 10px;
    box-shadow: inset 0 0 0 1px green;
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
    background-color: #00ff7f;
    line-height: 37px;
}

.gl_sign_err {
    display: none;
    padding: 0px 10px;
    box-shadow: inset 0 0 0 1px #f00;
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
    background-color: #ff000050;
    line-height: 37px;
}

.dt_view > .nav-link {
    gap: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.mb_view > .nav-link {
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    gap: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.mb_view:hover .submenuitems {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}

.mb_view .submenuitems {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    transform: translateY(15px);
    position: absolute;
    min-width: 180px;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    z-index: 1001;
    box-shadow: 0 -4px 10px -2px #0002;
}

.mb_view .submenuitems li {
    position: relative;
    list-style: none;
}

.mb_view .submenuitems li:not(:last-child):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ddd;
}

.mb_view .submenuitems li a:hover {
    background-color: #ddd;
    opacity: 1;
}

.mb_view .submenuitems li a {
    padding: 7px 15px;
    min-height: auto;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

@media (max-width: 1024px) {
    #header nav ul li.nav-item:hover .submenuitems {
        transform: translateY(-13px);
    }
}

.star-rating {
    position: relative;
}

.star-rating svg {
    width: 10px;
}

.star-rating .star-filled {
    overflow: hidden;
    width: 94%;
    position: absolute;
    top: 0;
    height: 100%;
    transition: 0.3s;
}

.star-rating .star-filled svg {
    position: absolute;
    left: 0;
    top: 0;
}

.star-rating .star-filled svg:nth-child(2) {
    left: 13px;
}

.star-rating .star-filled svg:nth-child(3) {
    left: 25.5px;
}

.star-rating .star-filled svg:nth-child(4) {
    left: 38.2px;
}

.star-rating .star-filled svg:nth-child(5) {
    left: 51.1px;
}

.total-rating {
    position: absolute;
    bottom: 9px;
    left: 19px;
    color: #000;
    font-size: 9px;
}

.star-rating .star {
    --size: 9px;
    width: var(--size);
    height: var(--size);
    background-position: center;
    background-size: contain;
}

.star-rating .star-empty,
.star-rating .star-filled {
    display: flex;
    gap: 1px;
}

.star-rating .star-filled .star {
    position: absolute;
    left: 0;
    top: 0;
}

.star-rating .star-empty .star {
    background-image: url(../images/star-empty.svg) !important;
}

.star-rating .star-filled .star {
    background-image: url(../images/star-filled.svg) !important;
}

.star-rating .star-filled .star:nth-child(2) {
    left: 10px;
}

.star-rating .star-filled .star:nth-child(3) {
    left: 20px;
}

.star-rating .star-filled .star:nth-child(4) {
    left: 30px;
}

.star-rating .star-filled .star:nth-child(5) {
    left: 40px;
}

.mapboxgl-popup,
.maplibregl-popup {
    max-width: unset !important;
}

.closest_hm_top {
    padding-top: 75px;
    padding-bottom: 150px;
}

.closest_hm_box {
    display: flex;
    align-items: center;
}

.closest_hm_box_left {
    width: 40%;
}

.closest_hm_box_right {
    width: 60%;
    position: relative;
}

.closest_hm_box_right img {
    width: 100%;
    border-radius: 10px;
    height: 440px;
    object-fit: cover;
}

.hm_box_right_content {
    position: absolute;
    right: 40px;
    bottom: 27px;
}

.hm_mid_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home_btn {
    min-width: 390px;
    padding: 12px 30px;
    background: linear-gradient(0deg, #ffffff, #ffffff), #000000;
    color: #000;
    text-transform: uppercase;
    text-decoration: none !important;
    justify-content: center;
    display: flex;
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    border: 0px;
    transition: 0.3s;
}

.home_btn:hover {
    background: linear-gradient(0deg, #000000, #000000), #000000;
    color: #fff;
}

.closest_hm_box_left {
    position: relative;
    padding-left: 55px;
    background: rgba(255, 255, 255, 0.9);
    /* margin-right: -50px; */
    padding: 40px;
    border-radius: 13px;
    z-index: 1;
}

.closest_hm_box_left::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 38px;
    background-image: url(../images/location_mark_heading_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0px;
    top: 40px;
}

.closest_hm_box_left h2 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
}

.closest_hm_box_left .disc {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

.closest_hm_bottom {
    height: 600px;
    border-radius: 10px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: bottom;
}

.home_content_box {
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    padding-left: 50px;
}

.home_content_section {
    padding-top: 70px;
    padding-bottom: 115px;
}

.home_content_box::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 38px;
    background-image: url(../images/location_mark_heading_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 5px;
}

.home_content_box h2 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 37px;
}

.home_content_box .disc {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

.closest_hm_last_box {
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.closest_hm_last_left {
    width: 60%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.closest_hm_last_right {
    width: 40%;
}

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

.location_white::before {
    background-image: url(../images/location_white.svg);
}

.location_white h2,
.location_white .disc {
    color: #fff;
}

.closest_hm_mid {
    display: flex;
    padding-bottom: 118px;
    align-items: center;
}

.closest_hm_mid_left {
    width: 60%;
    position: relative;
}

.hm_mid_left_content {
    position: absolute;
    top: 100px;
    width: 100%;
}

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

.closest_hm_mid_right {
    width: 40%;
    padding: 40px 35px;
}

.closest_hm_mid_content {
    max-width: 527px;
    margin-left: 0;
}

.home_content_box.location_white {
    margin-left: auto;
    margin-right: 0;
    padding-right: 90px;
}

.hm_last_box_inner {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

@media (min-width: 2500px) {
    .closest_hm_mid .wrapper-full {
        max-width: 1319px;
    }
}

@media (max-width: 1440px) {
    section .wrapper.wrapper-full {
        max-width: 100%;
    }

    .closest_hm_last_left {
        padding-left: 20px;
    }

    .closest_hm_top {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .closest_hm_mid {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .home_content_section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 1024px) {
    .closest_hm_bottom {
        height: 400px;
    }

    .closest_hm_top {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .home_btn {
        min-width: 300px;
        padding: 6px 10px;
        font-size: 16px;
    }

    .closest_hm_mid_content {
        padding-left: 0;
        padding-top: 50px;
    }

    .closest_hm_box_left {
        padding-left: 0;
        padding-top: 50px;
    }

    .closest_hm_box_left::after {
        top: 0;
    }

    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapper-padding-none {
        padding-left: 0px;
        padding-right: 0px;
    }

    .closest_hm_box_left {
        width: 50%;
    }

    .closest_hm_box_right {
        width: 50%;
    }

    .closest_hm_mid_left {
        width: 50%;
    }

    .closest_hm_mid_right {
        width: 50%;
    }

    .closest_hm_mid {
        display: flex;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home_content_section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .closest_hm_last_box {
        min-height: 200px;
    }

    .closest_hm_last_left {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home_content_box.location_white {
        padding-right: 0;
        padding-left: 0;
        padding-top: 55px;
    }

    .home_content_box h2 {
        margin-bottom: 15px;
    }

    .home_content_box {
        padding-left: 0;
        padding-top: 50px;
    }

    .home_content_box .disc,
    .closest_hm_box_left .disc {
        font-size: 16px;
    }

    .closest_hm_last_left {
        width: 50%;
    }

    .closest_hm_last_right {
        width: 50%;
    }

    .closest_hm_last_left {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .closest_hm_top {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .closest_hm_box {
        flex-direction: column;
    }

    .closest_hm_box_left {
        margin-right: 0;
        width: 100%;
        transform: translateX(0);
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .closest_hm_box_left::after {
        top: 0;
    }

    .closest_hm_box_right {
        width: 100%;
    }

    .closest_hm_box_left h2,
    .home_content_box h2 {
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .closest_hm_box_left h2 br,
    .home_content_box h2 br {
        display: none;
    }

    .closest_hm_box_left .disc,
    .home_content_box .disc {
        text-align: unset;
        font-size: 15px;
        line-height: 1.6;
    }

    .hm_box_right_content {
        right: 13px;
    }

    .closest_hm_mid {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .closest_hm_mid_left {
        width: 100%;
    }

    .closest_hm_mid_right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .closest_hm_last_box {
        flex-direction: column;
        padding-bottom: 0px;
    }

    .closest_hm_last_left {
        width: 100%;
        padding: 40px 20px;
        min-height: 200px;
    }

    .home_content_box {
        padding-left: 0;
        padding-top: 55px;
        max-width: 100%;
    }

    .closest_hm_bottom {
        height: 250px;
    }

    .home_content_section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrapper-padding-none {
        padding-left: 0;
        padding-right: 0;
    }

    .closest_hm_last_right {
        width: 100%;
    }

    .home_content_box.location_white {
        padding-right: 0;
    }

    .home_btn {
        font-size: 12px;
        padding: 6px 20px;
    }
}

.sld_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 20px;
}

.sld_wrapper .rng_min,
.sld_wrapper .rng_max {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    color: #000000;
    margin-top: 2px;
}

.sld_wrapper .rng_max {
    color: #d9d9d9;
}

/* .range-slider {
	padding: 0 !important;
	width: calc(100% - 70px) !important;
} */

/* .range-slider>input {
	margin-top: 0px !important;
}

.range-slider>span.slider-container {
	top: 0px !important;
	min-height: auto !important;
}

.range-slider>span.slider-container>span.bar {
	height: 4px !important;
	background-color: #D9D9D9 !important;
}

.range-slider>span.slider-container>span.bar>span {
	background-color: #000 !important;
}

.range-slider>span.slider-container>span.bar-btn::after {
	background-image: url(../images/slider-handle.svg);
	background-color: transparent !important;
	background-size: 40px;
	--size: 34px;
	width: var(--size) !important;
	height: var(--size) !important;
	border: none !important;
	padding: 0;
	background-position: -2px -1px;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
	top: 35px !important;
	left: 9px !important;
}

.range-slider>span.slider-container>span.bar-btn {
	border: none !important;
	box-shadow: none !important;
	top: -39px !important;
	font-family: var(--font1),var(--font2),var(--font3),var(--font4);
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.01em;
	color: #000000;
} */

/* .range-slider>span.slider-container>span.bar-btn>span::after {
	display: none;
}

.range-slider>span.slider-container>span.bar-btn>span::before {
	display: none !important;
} */

.checkbox__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    margin-bottom: 15px;
}

.checkbox__wrapper .checkbox__div {
    width: calc(50% - 5px);
}

.radiobox__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.radiobox__wrapper .radiobox__div {
    background: #ffffff;
    border: 0.5px solid #000000;
    border-radius: 4px;
    width: 71px;
    position: relative;
    height: 34px;
}

.radiobox__wrapper .radiobox__div input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.radiobox__wrapper .radiobox__div label {
    transition: 0.2s;
    padding-left: 28px;
    background-image:
        url(../images/black-star.svg), url(../images/star-empty.svg);
    background-position:
        10px 7px,
        -20px 7px;
    background-repeat: no-repeat;
    background-size: 14px;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family:
        var(--font1), var(--font2), var(--font3), var(--font4) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.radiobox__wrapper .radiobox__div input:checked ~ label {
    background-position:
        10px -20px,
        10px 7px;
    background-color: #000;
    color: #fff !important;
}

.radiobox__wrapper .radiobox__div label::before {
    display: none !important;
}

.radiobox__wrapper .radiobox__div input:checked ~ label::after,
.radiobox__wrapper .radiobox__div input:checked ~ label::before {
    display: none !important;
}

.filteropen .landing_form .input_row .input_column,
.filteropen .view_switch,
.filteropen
    .landing_form
    .input_row.input_bottom_row
    .input_column
    input[type="button"] {
    pointer-events: none !important;
}

.fltr_body {
    position: absolute;
    top: 75px;
    right: 0;
    background: #ffffff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0 21px;
    z-index: 1001;
    min-width: 320px;
    pointer-events: none;
    /* opacity: 0; */
    height: 0;
    overflow: hidden;
    overflow-y: scroll;
    transition: 0.3s ease;
}

.fltr_body.active {
    pointer-events: all !important;
    /* opacity: 1; */
    height: 320px;
    /* padding: 21px; */
    padding: 11px 21px 21px;
}

.fltr_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 30px; */

    /* new css */
    margin-bottom: 15px;
    position: sticky;
    position: -webkit-sticky;
    top: -11px;
    margin-left: -10px;
    z-index: 100;
    background-color: #fff;
    padding: 10px;
}

.fltr_header .trv_title {
    font-family: "Harmonia Sans Pro Cyr";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.fltr_header .cls_fltr {
    background-image: url(../images/close-button.svg);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    border: none;
    box-shadow: none;
    outline: none;
    background-position: center;
    background-color: transparent;
    background-size: 24px;
    cursor: pointer;
}

.fltr_wrapper .fltr_sec:not(:last-child) {
    margin-bottom: 40px;
}

.fltr_sec label {
    font-family: "Filson Pro";
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

/* .fltr_sec .checkbox__div {} */

/* .stysign label {
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	min-height: 20px;
	align-items: center;
	display: flex !important;
}

.stysign #stay_sign {
	position: absolute;
	opacity: 0;
}

.inputCol.stysign {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.frm_trigger_lost {
	font-family: 'Futura';
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #f00;
	cursor: pointer;
} */

/* .stysign label::after {
	content: '';
	position: absolute;
	--size: 14px;
	height: var(--size);
	width: var(--size);
	border: 1px solid #000;
	box-shadow: inset 0 0 0 0px #fff;
	border-radius: 4px;
	background-color: #000;
	left: 4px;
	top: 4px;
	opacity: 0;
}

.stysign input[type="checkbox"]:checked+label::after,
.stysign input[type="radio"]:checked+label::after {
	opacity: 1;
} */

/* .stysign label::before {

	content: '';
	position: absolute;
	--size: 22px;
	height: var(--size);
	width: var(--size);
	border: 1px solid #000;
	border-radius: 5px;
	top: 0;
	left: 0;

} */

.input_column.update_button {
    display: none;
    width: auto !important;
    overflow: visible !important;
}

.landing_section .update_button .trigger_find_closests {
    outline: none;
    pointer-events: all;
    align-items: center;
    text-align: center;
    justify-content: center;
    transition: 0.3s;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.36);
    border-radius: 26px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    padding: 13px 40px;
    display: flex;
    margin: 0 auto;
    cursor: pointer;
}

.mapactive .update_button .trigger_find_closests:hover {
    background: rgba(255, 255, 255, 1);
}

.filter_toggle_label {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
}

.fltr_body .flts_actions {
    /* margin-bottom: 10px; */
    background-color: #fff;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    margin-left: -5px;
    z-index: 100;
}

.fltr_body .flts_actions button {
    opacity: 1;
    transition: 0.3s;
    color: #000;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 5px;
    min-width: 65px;
    display: inline-flex;
    justify-content: center;
    margin: 5px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #30344b;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.fltr_body .flts_actions button:hover {
    background: rgba(0, 0, 0, 1);
    color: #fff;
}

/* .flts_applied>div {
	background: #FFFFFF;
	border: 0.5px solid #000000;
	border-radius: 4px;
	min-width: 71px;
	position: relative;
	height: 34px;
	padding-left: 6px;
	max-width: max-content;
	padding-right: 10px;
	display: flex;
	align-items: center;
	font-weight: 400 !important;
	font-family: var(--font1),var(--font2),var(--font3),var(--font4) !important;
	font-size: 14px !important;
	color: #000 !important;
} */

.flts_applied {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/* .cls_apply {
	--size: 20px;
	width: var(--size);
	height: var(--size);
	margin-right: 6px;
	background-image: url(../images/close-button.svg);
	background-position: center;
	background-size: contain;
} */

#landing_section.mapactive .my_location {
    color: #000;
    background-image: url(../images/user_my_location-black.svg);
}

.user_my_location .input_column input[type="button"] {
    background-image: url(../images/user_my_location.svg);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    background-color: transparent;
    padding-left: 29px;
    height: 46px;
    cursor: pointer;
}

.carousel_section {
    padding: 50px 0 25px;
}

.carousel_section .inner > .heading {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 11px;
}

.carousel_section .destination_slide {
    position: relative;
    overflow: hidden;
}

.carousel_section .destination_slide img {
    width: 100%;
    border-radius: 30px 6px;
}

.carousel_section .destination_slide .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px;
}

.carousel_section .destination_slide .content .destination_name {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #fff;
}

.carousel_section .destination_slide .content .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.carousel_section .destination_slide .content .actions a:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.carousel_section .destination_slide .content .actions a {
    transition: 0.3s;
    text-decoration: none;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    height: 30px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.carousel_section .destination_slide .back_content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    transition: 0.3s;
    background-color: #fff;
    height: 100%;
    border-radius: 30px 6px;
    border: 1px solid #000;
    padding: 6px;
    border-radius: 30px 6px;
}

.carousel_section .destination_slide .back_content .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    border-radius: 24px 2px;
    border: 1px solid #000;
    height: 100%;
}

.carousel_section .destination_slide .back_content .text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000000;
}

.carousel_section .destination_slide .back_content input[type="text"] {
    width: 100%;
    outline: none;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #000000;
    border-style: solid;
    border-color: #000000;
    border-width: 0 0 1px 0;
    margin-top: 35px;
}

.carousel_section .destination_slide .back_content .actions {
    margin-top: 20px;
}

.carousel_section .destination_slide .back_content .actions a:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.carousel_section .destination_slide .back_content .actions a {
    transition: 0.3s;
    text-decoration: none;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000000;
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    height: 30px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid #000;
}

@media (min-width: 1071px) {
    .user_my_location.respo {
        display: none;
    }
}

@media (max-width: 1070px) {
    .user_my_location.desktop .user_my_location_col {
        display: none;
    }
}

.footer {
    padding: 40px 0;
}

.footer .footer_top {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.footer .footer_top .column {
    width: 100%;
    padding: 35px 0;
}

.footer .footer_top .column > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 14px;
}

.footer .footer_top .column .quick_links {
    list-style: none;
    margin-bottom: 0;
}

.footer .footer_top .column .quick_links li a {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

.footer .newsletter_form {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.footer .newsletter_form input[type="text"] {
    outline: none !important;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 0px 14px;
    height: 42px;
    width: 100%;
}

.footer .newsletter_form input[type="button"]:hover {
    background-color: #000;
    color: #fff;
}

.footer .newsletter_form input[type="button"] {
    transition: 0.3s;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    border-radius: 25px;
    height: 42px;
    min-width: 200px;
    cursor: pointer;
    outline: none;
}

.footer .footer_bottom {
    display: flex;
    align-items: center;
    gap: 10px 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.footer .footer_bottom ul {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    gap: 10px 30px;
    line-height: 18px;
}

.footer .footer_bottom ul li a {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

.footer .footer_bottom p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0;
}

section.contact_us {
    padding: 60px 0;
}

section.contact_us .wrapper {
    max-width: 670px;
}

section.contact_us .innerHeader > .heading {
    margin-bottom: 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
}

.contact_us_form .form-row label {
    font-family:
        var(--font1), var(--font2), var(--font3), var(--font4) !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    line-height: 150% !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    position: unset !important;
}

.contact_us_form .form-row {
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
}

.contact_us_form .form-row .form-group {
    margin-bottom: 0 !important;
    width: 100%;
}

.contact_us_form .form-row input[type="text"],
.contact_us_form .form-row input[type="email"],
.contact_us_form .form-row input[type="password"],
.contact_us_form .form-row textarea {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 8px;
    height: 42px;
    width: 100%;
    outline: none;
    box-shadow: none;
}

.contact_us_form .form-row textarea {
    min-height: 186px;
}

.contact_us_form .submit__button:focus,
.contact_us_form .submit__button:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.contact_us_form .submit__button {
    transition: 0.3s;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    border-radius: 25px;
    height: 42px;
    min-width: 200px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotel_details_wrapper .page_header_actions {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.hotel_details_wrapper .page_header_actions .page_action {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer;
}

.hotel_details_wrapper .page_header_actions .page_action .icon svg {
    display: flex;
    height: 24px;
}

.hotel_details_wrapper
    .page_header_actions
    .page_action.saved
    span.text::after {
    content: "d";
}

.hotel_details_wrapper .page_header_actions .page_action span.text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #000000;
}

.hotel_details_wrapper .page_header_actions .page_action .icon {
    --size: 18px;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hotel_details_wrapper .page_header_actions .page_action .back {
    background-image: url(../images/left_arrow.svg);
}

.hotel_details_wrapper .page_header_actions .page_action.saved .heart {
    background-position:
        0 -20px,
        0 0px;
}

.hotel_details_wrapper .page_header_actions .page_action .heart {
    background-image:
        url(../images/heart_black.svg), url(../images/list-icon-heart.svg);
    background-position:
        0 0,
        0 20px;
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.hotel_details_wrapper .hotel__otherdetails {
    width: 100%;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 30px;
    margin-bottom: 15px;
}

.hotel_details_wrapper .hotel__otherdetails .distance_time {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 30px;
}

.hotel_details_wrapper .hotel__otherdetails .distance_time li {
    display: flex;
    gap: 6px;
    align-items: center;
}

.hotel_details_wrapper .hotel__otherdetails .distance_time .icon {
    --size: 23px;
    margin-top: -4px;
    display: flex;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hotel_details_wrapper .hotel__otherdetails .distance_time .miles {
    background-image: url(../images/location-pin.svg);
}

.hotel_details_wrapper .hotel__otherdetails .distance_time .time {
    background-image: url(../images/car.svg);
}

.hotel_details_wrapper .hotel__otherdetails .hotel__rating {
    display: flex;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    gap: 6px;
}

.hotel_details_wrapper .hotel__otherdetails .rating__icon {
    --size: 23px;
    margin-top: -5px;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/black-star.svg);
}

.hotel__details .hoteldesc ul {
    margin-left: 16px;
}

.hotel__details .hoteldesc ul li {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.hotel__details .hoteldesc .view_all {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
}

.hotel__details .hoteldesc .view_all:hover::after {
    transform: translateX(5px);
}

.hotel__details .hoteldesc .view_all::after {
    content: "";
    transition: 0.3s;
    background-image: url(../images/right-arrow.svg);
    width: 10px;
    height: 10px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-size: contain;
}

.available_rooms_main {
    width: 100%;
    padding: 20px 0;
}

.available_rooms_main .available_room_div {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 16px;
}

.available_rooms_main .room_image_slider {
    margin-bottom: 10px;
}

.room_image_slider img {
    height: 140px;
    border-radius: 16px;
}

.available_rooms_main .div_content {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.available_rooms_main .div_content .room_type {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 6px;
}

.available_rooms_main .div_content .room_price {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 6px;
}

.available_rooms_main .div_content .room_price span {
    font-weight: 300;
}

.available_rooms_main .div_content .room_amenities {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}

.available_rooms_main .div_content .room_amenities li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.available_rooms_main .div_content .room_amenities li .icon {
    width: 24px;
    height: 26px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.available_rooms_main .div_content .room_amenities li .icon.space {
    background-image: url(../images/room_space.svg);
}

.available_rooms_main .div_content .room_amenities li .icon.beds {
    background-image: url(../images/room_beds.svg);
}

.available_rooms_main .div_content .room_amenities li .icon.pay_later {
    background-image: url(../images/check.svg);
}

.available_rooms_main .div_content .room_amenities li .text {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}

.available_rooms_main .div_content .cancellation_policy {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
}

.available_rooms_main .div_content .cancellation_policy::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../images/info_new.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -2px;
}

.available_rooms_main .div_content .payment_options .heading {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 6px;
}

.available_rooms_main .div_content .radio_divs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 38px;
}

.available_rooms_main .div_content .radio_divs .radio_div input {
    position: absolute;
    opacity: 0;
}

.available_rooms_main .div_content .radio_divs .radio_div label {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    width: 100%;
    display: flex;
}

.available_rooms_main .div_content .radio_divs .radio_div label .value {
    font-weight: 400;
    margin-left: auto;
    text-align: right;
}

.available_rooms_main .div_content .radio_divs .radio_div label::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 0;
}

.available_rooms_main .div_content .radio_divs .radio_div label::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #000;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 0;
    margin: 3px;
    transform: scale(0);
    transition: 0.3s;
}

.available_rooms_main
    .div_content
    .radio_divs
    .radio_div
    input:checked
    ~ label::after {
    transform: scale(1);
}

/* .available_rooms_main .div_content .radio_divs .radio_div label .label {
    width: calc(100% - 24px - 30px);
} */

.available_rooms_main .div_content .radio_divs .radio_div label .cancel {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../images/info_new.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
    font-size: 0;
    cursor: pointer;
    margin-left: 6px;
    position: relative;
    top: -1px;
    z-index: 1;
}

.available_rooms_main .div_content .total_div {
    margin-bottom: 10px;
}

.available_rooms_main .div_content .total_div .main_total {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 2px;
}

.available_rooms_main .div_content .total_div .main_total span {
    font-weight: 300;
}

.available_rooms_main .div_content .total_div .sub_total {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.available_rooms_main .box_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.available_rooms_main .box_bottom .price_details_link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    border: none;
    outline: none;
    background: none;
}

.available_rooms_main .box_bottom .price_details_link::after {
    content: "";
    transition: 0.3s;
    background-image: url(../images/right-arrow.svg);
    width: 10px;
    height: 10px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-size: contain;
}

.available_rooms_main .box_bottom .price_details_link:hover:after {
    transform: translateX(5px);
}

.available_rooms_main .box_bottom .reserve_button {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    border-radius: 25px;
    border: 1px solid #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    height: 36px;
    outline: none;
    padding: 0 23px;
    transition: 0.3s;
}

.available_rooms_main .box_bottom .reserve_button:hover {
    background-color: #000;
    color: #fff;
}

.room_image_slider .owl-nav {
    position: absolute;
    bottom: 6px;
    right: 14px;
    display: flex;
    gap: 16px;
}

.room_image_slider .owl-nav button {
    outline: none;
    width: 24px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px);
    border-radius: 25px !important;
    margin: 0 !important;
    font-size: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
}

.room_image_slider .owl-nav .owl-prev {
    background-image: url(../images/slider-left-arrow.svg) !important;
}

.room_image_slider .owl-nav .owl-next {
    background-image: url(../images/slider-right-arrow.svg) !important;
}

.room_image_slider .owl-dots {
    position: absolute;
    bottom: 6px;
    left: 14px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    width: 48px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
}

.room_image_slider .owl-dot {
    counter-increment: slides-num;
    position: absolute;
    width: 24px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.room_image_slider .owl-dot span {
    display: none !important;
}

.room_image_slider .owl-dots::after {
    content: counter(slides-num);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin-left: 6px;
    width: 41px;
    text-align: left;
}

.room_image_slider .owl-dot.active::after {
    content: counter(slides-num) " /";
}

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

.booking_section > h2.heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}

.booking_section .our_traits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.booking_section .our_traits span::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    background-image: url(../images/blue_check.svg) !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.booking_section .our_traits span {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
}

.booking_info {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    width: 100%;
    padding: 16px;
}

.booking_info .booking_info_col {
    width: 100%;
}

.booking_info .booking_info_col > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 4px;
}

.booking_info .booking_info_col > .value {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 4px;
}

.booking_button_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.booking_button_wrap > .booking_button {
    text-decoration: none;
    outline: none;
    background-color: transparent;
    padding: 0 20px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 30px;
    height: 36px;
    transition: 0.3s;
}

.booking_button_wrap > .booking_button:hover {
    background-color: #000;
    color: #fff;
}

.booking_summary {
    width: 100%;
}

.booking_summary > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 16px;
}

.booking_summary .booking_summary_box {
    display: flex;
    flex-wrap: wrap;
}

.booking_summary .booking_summary_box .room_image_slider {
    width: 100%;
    max-width: 320px;
}

.booking_summary .booking_summary_box .box_header {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.booking_summary .booking_summary_box .box_header .div_content {
    display: flex;
    width: calc(100% - 320px - 10px);
}

.booking_summary .booking_summary_box .hotel_details {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.booking_summary .booking_summary_box .hotel_details .hotel_name {
    font-family: "Harmonia Sans Pro Cyr";
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px;
}

.booking_summary .booking_summary_box .hotel_details .hotel_address {
    color: #000;
    width: 100%;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.booking_summary .booking_summary_box .distance_time {
    margin-bottom: 0;
    margin-right: 30px;
    list-style: none;
    display: flex;
}

.booking_summary .booking_summary_box .distance_time li {
    display: flex;
    gap: 5px;
    align-items: center;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #000;
}

.booking_summary .booking_summary_box .distance_time li:not(:last-child) {
    margin-right: 30px;
}

.booking_summary .booking_summary_box .distance_time li .icon {
    --size: 23px;
    margin-top: -4px;
    display: flex;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.booking_summary .booking_summary_box .distance_time li .icon.miles {
    background-image: url(../images/location-pin.svg);
}

.booking_summary .booking_summary_box .distance_time li .icon.time {
    background-image: url(../images/car.svg);
}

.booking_summary .booking_summary_box .hotel__rating {
    display: flex;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    gap: 6px;
}

.booking_summary .booking_summary_box .rating__icon {
    --size: 20px;
    margin-top: -1px;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/black-star.svg);
}

.booking_summary .booking_summary_box .box_header .div_content .column {
    width: 33.3%;
    padding: 10px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .hotel_book_details
    .room_type {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 4px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .hotel_book_details
    .room_price {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 10px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .hotel_book_details
    .cancellation_policy::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/info_new.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -3px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .hotel_book_details
    .cancellation_policy {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #000000;
}

.booking_summary .booking_summary_box .box_header .div_content .room_amenities {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    flex-direction: column;
    gap: 6px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li
    .icon {
    width: 24px;
    height: 26px;
    display: inline-flex;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li
    .icon.space {
    background-image: url(../images/room_space.svg);
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li
    .icon.beds {
    background-image: url(../images/room_beds.svg);
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li
    .icon.pay_later {
    background-image: url(../images/check.svg);
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .room_amenities
    li
    .text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 13px;
    line-height: 18px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .payment_options
    .payment_option {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 34px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .payment_options
    .payment_option::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../images/blue_check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.booking_summary
    .booking_summary_box
    .box_header
    .div_content
    .payment_options
    .payment_option
    .value {
    font-weight: 400;
}

/* responsive css STARTS */
@media (min-width: 1025px) {
    #header nav .navigation_toggle {
        display: none;
    }
}

@media (max-width: 1199px) {
    #hotels_section .hotels_grid .grid_box {
        width: calc(33.3% - 18px);
    }
}

@media (max-width: 1070px) {
    body {
        padding-top: 70px !important;
    }

    #header nav {
        min-height: 50px;
    }

    #landing_section.mapactive::after {
        display: none;
    }

    #header .site_logo img {
        height: 70px;
        object-fit: contain;
        width: 160px;
    }

    #header nav > ul {
        /* display: none; */
        flex-direction: column;
        /* padding: 20px; */
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 300px;
        z-index: 10;
        background-color: #fff;
        opacity: 0;
        transition: 0.3s ease;
        /* overflow: hidden; */
        pointer-events: none;
        padding: 40px;
        width: 100%;
        right: 0;
        border-radius: 0;
        height: calc(100vh - 50px);
    }

    #header nav > ul li a {
        padding: 12px 20px;
    }

    .activenav #header nav > ul {
        opacity: 1;
        top: 50px;
        pointer-events: all;
    }

    #header nav > ul li a:hover {
        background-color: #ddd;
        opacity: 1;
    }

    .nav-link.auth_trigger {
        padding-right: 0;
    }

    #header nav .navigation_toggle {
        display: flex;
        width: 20px;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        cursor: pointer;
        margin-left: 16px;
    }

    #header nav .navigation_toggle .line {
        display: flex;
        width: 100%;
        height: 2px;
        background-color: #121121;
        transition: 0.3s;
    }

    .activenav #header nav .navigation_toggle .line {
        display: none;
    }

    .activenav #header nav .navigation_toggle {
        --size: 20px;
        display: inline-flex;
        width: var(--size);
        height: var(--size);
        background-image: url(../images/close-button.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 32px;
        cursor: pointer;
    }

    #landing_section {
        min-height: auto;
        padding: 60px 40px;
        min-height: calc(100vh - 300px);
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .landing_form {
        max-width: 480px;
        margin: 0 auto;
    }

    .landing_form .input_row {
        flex-wrap: wrap;
    }

    .input_bottom_row {
        margin-top: 40px;
    }

    .landing_form .input_row .input_column {
        /* width: calc(25% - 12px); */
        width: calc(50% - 8px);
    }

    .landing_form .input_row .input_column-full {
        width: 100%;
    }

    .input_column.update_button {
        width: 100% !important;
    }

    .landing_form .input_bottom_row .input_column {
        width: 100%;
    }

    .landing_form .input_row {
        justify-content: center;
    }

    .landing_form .input_row.user_my_location {
        justify-content: flex-start;
        gap: 0 10px;
    }

    .landing_form .input_row.user_my_location.desktop {
        justify-content: center;
    }

    /* .view_switch {
		margin-left: 0;
	} */

    .landing_form .input_column input[type="text"],
    .landing_form .input_column input[type="date"],
    .landing_form .input_column select {
        width: 100% !important;
    }

    .fltr_body {
        max-width: 100vw;
        width: calc(100vw - 110px);
        left: calc(50%);
        transform: translateX(-50%);
        margin-left: -35px;
        margin-top: -40px;
    }

    /* #map {
		height: 310px !important;
	} */

    .landing_section.active .landing_form {
        margin-top: 325px;
    }

    .footer .footer_top {
        flex-wrap: wrap;
    }

    .footer .footer_top .column {
        padding: 20px 0;
    }

    .footer .newsletter_form {
        margin-bottom: 10px;
    }

    .footer .footer_bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .amenifaci {
        flex-wrap: wrap;
        gap: 10px;
    }

    .amenifaci .feature__heading {
        width: 100%;
    }

    .amenifaci .features {
        width: 100%;
    }

    .booking_summary .booking_summary_box .box_header {
        flex-wrap: wrap;
    }

    .booking_summary .booking_summary_box .box_header .div_content {
        width: 100%;
    }
}

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

    .closest_hm_last_box .wrapper {
        padding: 0;
    }

    /* #map {
		height: 310px !important;
	} */

    /*
    .landing_section.active .landing_form {
        margin-top: 295px;

    } */

    #hotels_section .hotels_grid .grid_box {
        width: calc(50% - 13px);
    }

    .landing_form .input_row {
        flex-wrap: wrap;
    }

    .landing_form .input_row .input_column {
        width: calc(50% - 8px);
    }

    .landing_form .input_row .input_column-full {
        width: calc(100% - 0px);
    }

    .landing_form .input_column input[type="text"],
    .landing_form .input_column input[type="date"],
    .landing_form .input_column select {
        width: 100% !important;
    }

    .input_bottom_row {
        margin-top: 40px;
    }

    .mapactive.active .view_switch {
        top: 0px;
    }

    #hotels_section .heading {
        margin-top: 40px;
    }

    #hotels_section .hotels_grid {
        margin-bottom: 40px;
    }

    .mapactive.active .input_bottom_row {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    #landing_section {
        padding-left: 0;
        padding-right: 0;
    }

    /* #hintBox {
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	} */

    .landing_form .input_column input[type="button"] {
        font-size: 13px;
        padding: 10px 25px;
    }

    .user_my_location .input_column input[type="button"] {
        line-height: 14px;
        height: auto;
    }

    #landing_section .heading {
        margin-bottom: 30px;
    }

    #landing_section .heading br {
        display: none;
    }

    .contact_us .heading {
        margin-bottom: 20px;
    }

    .hotel__details__sec .map_hoteldesc {
        flex-wrap: wrap-reverse;
    }
}

@media (max-width: 640px) {
    #hotels_section .hotels_grid .grid_box {
        width: calc(100% - 0px);
    }

    .amenifaci .features .feature {
        width: 100%;
    }

    section.contact_us {
        padding: 30px 0;
    }

    .footer .newsletter_form {
        flex-direction: column;
    }

    .hotel_details_wrapper .hotel__otherdetails .hotel__rating {
        width: 100%;
    }

    #ht_map {
        height: 275px;
    }

    .booking_info {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .booking_summary .booking_summary_box .room_image_slider {
        width: 100%;
    }

    .booking_summary .booking_summary_box .box_header .div_content {
        flex-wrap: wrap;
        width: 100%;
    }

    .booking_summary .booking_summary_box .box_header .div_content .column {
        width: 100%;
    }

    .booking_summary .booking_summary_box .distance_time {
        margin-bottom: 10px;
    }
}

/* responsive css ENDS */
.instructions-result-table-content {
    padding: 0;
}

.instructions-result-table-content table {
    margin: 60px 0 20px;
}

.instructions-result-table-content tr,
.instructions-result-table-content tr:nth-child(2n) {
    background-color: transparent !important;
}

.instructions-result-table-content tr:first-child td {
    padding: 0px 0px !important;
}

.instructions-result-table-content tr:first-child td:first-child {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px !important;
    line-height: 40px;
    color: #000000;
}

.instructions-result-table-content tr:first-child td:first-child b {
    font-weight: inherit;
}

.instructions-result-table-content tr:nth-child(2) td:first-child {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px !important;
    line-height: 20px;
    color: #000000;
}

.instructions-result-table-content tr:nth-child(2) td {
    padding: 20px 0 !important;
}

.instructions-result-table-content tr:not(:first-child, :nth-child(2)) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.instructions-result-table-content tr:not(:first-child, :nth-child(2)) td {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px !important;
    line-height: 21px;
    color: #000000;
    padding: 10px 0 !important;
}

.instructions-result-table-content tr:not(:first-child, :nth-child(2)) td b {
    font-weight: inherit;
}

.hotel_details_wrapper p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
}

.hotel_details_wrapper .creditCardForm {
    max-width: 100%;
    margin-top: 50px;
    margin-left: 0;
}

.hotel_details_wrapper .creditCardForm .heading h2 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px !important;
    line-height: 40px;
    color: #000000;
}

.hotel_details_wrapper .creditCardForm .payment form {
    margin-top: 50px;
    max-width: 315px;
}

.hotel_details_wrapper .creditCardForm .payment h4 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px !important;
    line-height: 40px;
    color: #000000;
    margin-bottom: 20px;
}

.hotel_details_wrapper .creditCardForm .payment h5 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 20px;
}

.hotel_details_wrapper .creditCardForm .form-group.crdinp {
    display: flex;
    gap: 21px;
    margin-bottom: 14px;
}

.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col {
    display: flex;
    flex-direction: column;
    position: relative;
}

.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col label {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    /* pointer-events: none; */
    font-weight: 700;
    font-size: 8px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    margin-bottom: 3px;
    position: absolute;
    top: 8px;
    left: 6px;
}

.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_month,
.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_year,
.hotel_details_wrapper
    .creditCardForm
    .form-group.crdinp
    .form-col
    .form-control {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    box-shadow: none;
    border: 0.5px solid #000000;
    border-radius: 4px;
    padding: 22px 6px 8px 6px;
    height: auto;
    outline: none !important;
}

.hotel_details_wrapper .creditCardForm .form-group#expiration-date .form-col {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 21px;
    align-items: flex-start;
    align-content: flex-start;
}

/* .hotel_details_wrapper .creditCardForm .form-group#expiration-date label {
    position: unset;
    width: 100%;
    font-family: var(--font1),var(--font2),var(--font3),var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    text-transform: none;
    margin-bottom: 14px;
} */

/* .hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_month,
.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_year {
    padding-top: 8px;
    width: calc(50% - 11px);
} */

.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_month,
.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col #card_year,
.hotel_details_wrapper
    .creditCardForm
    .form-group.crdinp
    .form-col
    select.form-control {
    background-image: url(../images/down-arrow.svg);
    appearance: none;
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
    height: 48px;
    width: 100%;
}

@-moz-document url-prefix() {
    .hotel_details_wrapper
        .creditCardForm
        .form-group.crdinp
        .form-col
        #card_month,
    .hotel_details_wrapper
        .creditCardForm
        .form-group.crdinp
        .form-col
        #card_year,
    .hotel_details_wrapper
        .creditCardForm
        .form-group.crdinp
        .form-col
        select.form-control {
        padding-left: 0;
    }
}

/* .hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col .alert {
	padding: 5px 10px;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 12px;
	width: 100%;
	border-color: #f5c6cb;
	background-color: #f8d7da;
	color: #ce6d76;
} */
.hotel_details_wrapper .creditCardForm .form-group.crdinp .form-col .alert {
    padding: 0px 5px;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    width: 100%;
    border-color: #f5c6cb;
    background-color: #f8d7da;
    color: #721c24;
}

.hotel_details_wrapper .creditCardForm .payment form fieldset {
    border: none;
    padding: 20px 0 0;
    margin: 20px 0 0;
}

.hotel_details_wrapper .creditCardForm .payment form fieldset legend {
    position: unset;
    padding: 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.hotel_details_wrapper
    .creditCardForm
    #expiration-date
    .form-col
    select:not(:last-child) {
    margin-bottom: 14px;
}

.available_rooms_main > .owl-stage-outer {
    clip-path: inset(-100vw -100vw -100vw 0);
    overflow: visible !important;
}

.hotel_details_wrapper .creditCardForm .guestpayfield {
    padding: 0;
    border: none;
}

.hotel_details_wrapper .creditCardForm .guestpayfield h5 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.hotel_details_wrapper .creditCardForm .instructions-result-table-row {
    margin-bottom: 15px;
}

.hotel_details_wrapper .creditCardForm .instructions-result-table-content > h3 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 30px !important;
    line-height: 40px;
    color: #000000;
    margin-bottom: 20px;
}

.hotel_details_wrapper .creditCardForm .instructions-result-table-content > p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #000;
}

@media (max-width: 767px) {
    .hotel_details_wrapper .creditCardForm .payment form {
        max-width: 100%;
    }

    .form-group.crdinp .form-col.width-small,
    .form-group.crdinp .form-col.width-big {
        flex: calc(50% - 11px);
        width: 100%;
    }
}

/*
.available_rooms_main {
    gap: 26px;
    display: flex;
    flex-wrap: wrap;
}

.available_rooms_main .available_room_div {
    width: calc(25% - 20px);
}

@media (max-width:1440px) {
    .available_rooms_main .available_room_div {
        width: calc(25% - 20px);
    }
}

@media (max-width:991px) {
    .available_rooms_main .available_room_div {
        width: calc(33.3% - 18px);
    }
}

@media (max-width:767px) {
    .available_rooms_main .available_room_div {
        width: calc(50% - 13px);
    }
}

@media (max-width:451px) {
    .available_rooms_main .available_room_div {
        width: 100%;
    }
} */
.price-details-dialog p {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #333;
}

.introSection2 table {
    border: none;
}

.introSection2 .table thead th {
    vertical-align: top;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding-left: 0;
}

.introSection2 .table tbody td {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}

.introSection2 .table thead th h3 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0;
}

.introSection2 .table tbody td a:hover,
.introSection2 .table tbody td a {
    color: #000;
}

.introSection2 .table thead tr,
.introSection2 .table tbody tr {
    background: transparent !important;
}

.introSection2 .table thead tr,
.introSection2 .table tbody tr {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}

.introSection2 .table thead th,
.introSection2 .table thead td,
.introSection2 .table tbody th,
.introSection2 .table tbody td {
    border: none !important;
}

.introSection2 {
    padding: 40px 0;
}

.introSection2 .section_header > h3 span {
    color: #03adc9;
}

.introSection2 .section_header > h3 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.introSection2 .section_header > h4 {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

.introSection2 .dashboard__nav .btn:not(:only-child),
.introSection2 .table tbody td .btn:not(:only-child),
.modifybutton:not(:last-child) {
    margin-right: 25px;
}

.introSection2 .dashboard__nav .btn,
.introSection2 .table tbody td .btn,
.modifybutton {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    min-width: 70px;
    text-decoration: none !important;
    transition: 0.3s;
    margin: 5px;
}

.introSection2 .dashboard__nav .btn:hover,
.introSection2 .table tbody td .btn:hover,
.modifybutton:hover {
    box-shadow: none;
    background-color: #000;
    color: #fff !important;
}

.introSection2 .dashboard__nav {
    list-style: none;
}

.introSection2 .introSectioninner:not(:last-child) {
    margin-bottom: 40px;
}

.introSection2 .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.introSection2 .form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* .introSection2 .form-group label {
	font-family: 'Futura';
	font-weight: 700;
	font-size: 8px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #034E70;
	margin-bottom: 3px;
	position: absolute;
	top: 8px;
	left: 6px;
} */

.introSection2 .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #000000;
    outline: 0;
    box-shadow: none;
}

.introSection2 .form-control {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    box-shadow: none;
    border: 0.5px solid #000000;
    border-radius: 4px;
    padding: 22px 6px 8px 5px;
    height: auto;
    outline: none !important;
    box-shadow: none !important;
}

.introSection2 select.form-control {
    background-image: url(../images/down-arrow.svg);
    appearance: none;
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
}

@-moz-document url-prefix() {
    .introSection2 select.form-control {
        padding-left: 0;
    }
}

.introSection2 input.btn {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 40px;
    min-width: 140px;
    text-decoration: none !important;
    transition: 0.3s;
}

.introSection2 input.btn:hover {
    box-shadow: none;
    background-color: #000;
    color: #fff !important;
}

.introSection2 .form-control:-webkit-autofill {
    background: transparent !important;
}

.introSection2 .custLogFrmProf {
    max-width: 650px;
}

.custLogFrmTabs {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

.custLogFrmTabs .custLogFrmTab {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 2px solid transparent;
    padding: 10px 0px 5px;
    transition: 0.3s;
}

.custLogFrmTabs .custLogFrmTab.active {
    color: #03adc9;
    border-color: #03adc9;
    padding: 10px 10px 5px;
}

.instructions-result-table-content p {
    margin-bottom: 10px;
}

.instructions-result-table-content p:only-child {
    margin-bottom: 0px;
}

.instructions-result-table-content p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

@media (max-width: 375px) {
    #header .site_logo img {
        width: 120px;
        height: 53.2px;
    }

    body {
        padding-top: 53.2px !important;
    }
}

@media (max-width: 1070px) {
    #landing_section.active .wrapper {
        pointer-events: none;
    }

    #landing_section.active .landing_form {
        pointer-events: all;
    }

    #landing_section.active
        .user_my_location
        .input_column
        input[type="button"] {
        background-image: url(../images/user_my_location-black.svg);
        color: #000;
    }
}

.accordion-item {
    margin-bottom: 25px;
}

.accordion-item .accordion-button {
    width: 100%;
    text-align: left;
    border: 1px solid #000;
    padding: 10px 10px;
    outline: none !important;
    background-color: transparent;
    font-size: 18px;
    border-radius: 4px;
}

.accordion-item.accrdshow .accordion-button {
    border-radius: 4px 4px 0px 0px;
}

.accrcollapse {
    display: none;
}

.accordion-item .accordion-header {
    margin-bottom: 0px;
}

.accordion-item .accrdbtn {
    position: relative;
}

.accordion-item .accordion-body {
    font-size: 14px;
    border: 1px solid #000;
    border-top: none;
    padding: 10px;
    border-radius: 0px 0px 4px 4px;
}

.accordion-item .accrdbtn:after {
    content: "";
    position: absolute;
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 10px);
    width: 33px;
    height: 23px;
    right: 0;
    transition: all 0.3s;
}

.accordion-item.accrdshow .accrdbtn:after {
    transform: rotate(45deg);
}

a#faqTrigger {
    cursor: pointer;
}

section.booking-details {
    padding: 60px 0;
}

section.booking-details .inner > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
    margin-bottom: 40px;
}

section.booking-details .button_wrapper {
    text-align: center;
}

section.booking-details .cancelbookingBtn:hover {
    background-color: #000;
    color: #fff;
}

section.booking-details .cancelbookingBtn {
    transition: 0.3s;
    margin-top: 40px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    border-radius: 25px;
    height: 42px;
    min-width: 260px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    text-decoration: none !important;
}

section.booking-details .table_heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
    margin-bottom: 40px;
}

section.booking-details .table_wrapper {
    overflow-y: auto;
}

section.booking-details .table td {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

section.booking-details .table th {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

section.booking-details .table tr:nth-of-type(2n + 1) {
    background: transparent;
}

section.booking-details .table .table_button:hover {
    background-color: #000;
    color: #fff;
}

section.booking-details .table .table_button {
    white-space: nowrap;
    transition: 0.3s;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    border-radius: 25px;
    height: 32px;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    text-decoration: none !important;
}

section.terms-section p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

section.terms-section li {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

section.terms-section .types__list,
section.terms-section .number__list,
section.terms-section .bullet__list {
    padding-left: 18px;
}

section.terms-section .inner > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
    margin-bottom: 40px;
}

section.terms-section {
    padding: 60px 0;
}

section.terms-section .section_content h4 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(18px, 5vw, 25px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
    margin-bottom: 20px;
}

section.terms-section p a {
    color: #03adc9;
}

section.contact_us .innerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

section.contact_us .innerHeader .support_number {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.06em;
    color: #000000;
    text-align: right;
}

section.contact_us .innerHeader .support_number a {
    color: #03adc9;
}

@media (max-width: 1070px) {
    section.booking-details .table td,
    section.booking-details .table th {
        min-width: 155px;
    }
}

@media (max-width: 767px) {
    section.contact_us .innerHeader {
        flex-wrap: wrap;
        gap: 5px 30px;
    }
}

#errormess {
    margin-top: 10px;
}

.filterNoti {
    position: absolute;
    top: -9px;
    right: -14px;
    background-color: #f00;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    box-shadow: inset 0 0 0px 1px #000;
    line-height: 23px;
}

.closest_hm_last_box .home_btn {
    position: absolute;
}

.closest_hm_last_box .closest_hm_last_left .home_btn {
    top: 60px;
    left: 60px;
}

.closest_hm_last_box .closest_hm_last_right {
    position: relative;
}

.closest_hm_last_box .closest_hm_last_right .home_btn {
    bottom: 60px;
    right: 60px;
}

@media (max-width: 1024px) {
    .closest_hm_last_box .closest_hm_last_right .home_btn {
        bottom: 20px;
        right: 20px;
    }
}

.hotel_details_wrapper .creditCardForm .form-group.crdinp.password_inp {
    display: none;
}

.creditCardForm .form-check label {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    min-height: 20px;
    align-items: center;
    display: flex !important;
}

.creditCardForm .form-check input {
    opacity: 0;
    position: absolute;
    width: auto;
}

.creditCardForm .form-check {
    padding-left: 0;
}

.creditCardForm .form-check label::before {
    content: "";
    position: absolute;
    --size: 22px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    border-radius: 5px;
    top: 0;
    left: 0;
}

.creditCardForm .form-check input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.creditCardForm .form-check label::after {
    content: "";
    position: absolute;
    --size: 14px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    box-shadow: inset 0 0 0 0px #fff;
    border-radius: 4px;
    background-color: #000;
    left: 4px;
    top: 4px;
    transition: 0.3s;
    opacity: 0;
}

.success_msg,
.lostpasswrdmsg {
    padding: 0px 10px;
    box-shadow: inset 0 0 0 1px green;
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
    background-color: #00ff7f;
    line-height: 37px;
}

.inp_err {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: red;
    margin-top: 4px;
}

.reset-error {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #f00;
    margin-bottom: 14px;
}

.reset-success {
    width: 100%;
    min-height: 383px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.reset-success .heading {
    margin-bottom: 10px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #46bc93;
    position: relative;
    transition: 0.3s;
    text-align: center;
}

.reset-success p {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.06em;
    color: #000000;
    text-align: center;
}

.success_icon {
    width: var(--size);
    height: var(--size);
    --size: 100px;
    border: 5px solid #46bc93;
    border-radius: 50%;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success_icon path {
    fill: #46bc93;
}

.success_icon svg {
    width: calc(100% - 40px);
}

.inputCol p {
    font-family: "Harmonia Sans Pro Cyr";
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.trloading {
    display: inline-block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-image: url(../images/circle-notch-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 1s loader-02 linear infinite;
}

@keyframes loader-02 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.trloaderele {
    position: relative;
}

.save_on_property .icon {
    width: 50px;
    height: 50px;
    background-color: #f7941e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.save_on_property .icon path {
    fill: #fff;
}

.save_on_property .icon svg {
    width: calc(100% - 27px);
}

.save_on_property {
    display: flex;
    align-items: center;
    gap: 10px;
}

.save_on_property .text {
    width: calc(100% - 50px - 10px);
}

.save_on_property .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.save_on_property .text a {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    color: #007bff !important;
    cursor: pointer;
}

.hotel__details__sec .map_hoteldesc .hoteldescMain {
    width: 100%;
}

.member_details::before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzQ1IDM5LjFMNDcyLjggMTY4LjRjNTIuNCA1MyA1Mi40IDEzOC4yIDAgMTkxLjJMMzYwLjggNDcyLjljLTkuMyA5LjQtMjQuNSA5LjUtMzMuOSAuMnMtOS41LTI0LjUtLjItMzMuOUw0MzguNiAzMjUuOWMzMy45LTM0LjMgMzMuOS04OS40IDAtMTIzLjdMMzEwLjkgNzIuOWMtOS4zLTkuNC05LjItMjQuNiAuMi0zMy45czI0LjYtOS4yIDMzLjkgLjJ6TTAgMjI5LjVWODBDMCA1My41IDIxLjUgMzIgNDggMzJIMTk3LjVjMTcgMCAzMy4zIDYuNyA0NS4zIDE4LjdsMTY4IDE2OGMyNSAyNSAyNSA2NS41IDAgOTAuNUwyNzcuMyA0NDIuN2MtMjUgMjUtNjUuNSAyNS05MC41IDBsLTE2OC0xNjhDNi43IDI2Mi43IDAgMjQ2LjUgMCAyMjkuNXpNMTQ0IDE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJ6Ii8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
}

.member_details {
    background-color: #f7941e;
    padding: 0 15px;
    border-radius: 40px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    display: flex;
    color: #000000;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
    transition: 0.3s;
}

.member_details:hover {
    opacity: 0.8;
}

/* .save_on_property.on_landing {
	margin-top: 50px;
} */

section.login_section {
    padding: 60px 0;
}

section.login_section .wrapper {
    max-width: 670px;
}

section.login_section .innerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

section.login_section .innerHeader > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
}

.contact_us_form .form-row.form-check,
.contact_us_form .form-group.form-check {
    padding-left: 0;
}

.contact_us_form .form-row .form-group.form-check label {
    padding-left: 30px;
    line-height: 22px;
}

.contact_us_form .form-row .form-group.form-check label::before {
    content: "";
    position: absolute;
    --size: 22px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    border-radius: 5px;
    top: 4px;
    left: 0;
}

.contact_us_form .form-row .form-group.form-check input[type="checkbox"] {
    display: none;
}

.contact_us_form .form-row .form-group.form-check label::after {
    content: "";
    position: absolute;
    --size: 14px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #000;
    box-shadow: inset 0 0 0 0px #fff;
    border-radius: 4px;
    background-color: #000;
    left: 4px;
    top: 8px;
    opacity: 0;
}

.contact_us_form
    .form-row
    .form-group.form-check
    input[type="checkbox"]:checked
    + label::after {
    opacity: 1;
}

.introSection2 .innerHeader .add_campaign:hover,
.introSection2 .innerHeader .add_campaign {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    min-width: 140px;
    text-decoration: none !important;
    transition: 0.3s;
}

section.campaigns .innerHeader > .heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.4;
    color: #000;
    position: relative;
    transition: 0.3s;
}

section.campaigns .innerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.section_header.has_back_button a.back_button {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    min-width: 140px;
    text-decoration: none !important;
    transition: 0.3s;
}

.section_header.has_back_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section_header.has_back_button h3 {
    margin: 0;
}

/* // */
.popup_close:hover span {
    background-color: #007bff50;
}

.popup_close span {
    height: 2.25rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.popup_close svg {
    fill: #007bff;
    height: 1.5rem;
    width: 1.5rem;
}

.popup_header {
    box-shadow: 0px 1px 0px 0px rgba(0, 11, 38, 0.12);
    display: flex;
    align-items: center;
}

.popupheading {
    margin-top: 3px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 600;
}

.popup_close {
    padding: 0 calc(0.75rem / 2);
    height: 3rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.popup_wrapper {
    width: 100%;
    overflow-x: auto;
    height: calc(100% - 48px);
}

.popup_wrapper .popup_content {
    width: 100%;
    max-width: 1234px;
    margin: 0 auto;
    padding: 1rem 1rem;
}

.icons_list_main li .icon {
    display: inline-flex;
    padding-right: 0.5rem;
}

.icons_list_main li .icon img,
.icons_list_main li .icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

.icons_list_main ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 1rem;
    margin-left: 0 !important;
    margin-bottom: 0;
}

.icons_list_main ul li {
    width: calc(50% - 10px);
    display: flex;
}

.icons_list_main h3.heading {
    color: #141d38;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding-bottom: 0.75rem;
    font-weight: 600;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

li {
    list-style: none;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.list_main ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 1rem;
}

.list_main ul li::before {
    content: "";
    --size: 3px;
    width: var(--size);
    height: var(--size);
    background-color: #141d38;
    border-radius: 50%;
    margin-right: 16px;
    margin-top: 8px;
}

.list_main ul li {
    display: flex;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: #343b53;
}

.list_main h3.heading {
    color: #141d38;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding-bottom: 0.75rem;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 600;
}

.am_property_sec {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.am_more {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
}

.am_more::after {
    content: "";
    transition: 0.3s;
    background-image: url(../images/right-arrow.svg);
    width: 10px;
    height: 10px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-size: contain;
}

.am_more:hover:after {
    transform: translateX(5px);
}

.am_property_sec.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.amActive {
    overflow: hidden;
}

.roomdtSec .popup_content {
    display: flex;
    gap: 40px;
}

.roomdtSec .lftamp {
    width: calc(100% - 500px - 40px);
}

.roomdtSec .rhtamp {
    width: 500px;
}

.roomdtSec .room_image_slider img {
    height: 300px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .roomdtSec .popup_content {
        flex-wrap: wrap-reverse;
    }

    .roomdtSec .lftamp {
        width: 100%;
    }

    .roomdtSec .rhtamp {
        width: 100%;
    }

    .icons_list_main ul li {
        width: 100%;
    }

    .roomdtSec .room_image_slider img {
        height: 160px;
    }
}

#landing_section .t-check-in {
    background-image: url(../images/date.svg);
}

#landing_section .t-check-out {
    background-image: url(../images/date.svg);
}

#landing_section .t-check-in,
#landing_section .t-check-out {
    border: 1px solid #000 !important;
    height: 48px;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 22px;
    border-radius: 4px;
    background-size: 22px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

#landing_section .t-dates {
    display: flex;
    font-size: 0;
    padding: 0;
    overflow: hidden;
}

#landing_section .t-dates > span {
    font-size: 14px;
    line-height: 15px;
    font-weight: 300;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    margin-right: 2px;
    color: #000000;
}

#landing_section .t-datepicker {
    display: flex;
    gap: 20px 16px;
}

#landing_section .t-date-info-title {
    top: 6px;
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 0px;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    display: flex;
    margin-bottom: 4px;
    position: absolute;
    left: 42px;
    opacity: 1;
    z-index: 1;
}

#landing_section .t-check-in .t-end,
#landing_section .t-check-out .t-start,
#landing_section .t-check-out tr ~ .t-end {
    background: #000;
}

#landing_section .t-end,
#landing_section .t-end-limit,
#landing_section .t-start {
    background-color: #000;
}

#landing_section .t-datepicker table {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

#landing_section .t-highlighted {
    color: #fff;
}

#landing_section .t-date-info-title::before {
    content: "Check in";
    font-size: 8px;
}

#landing_section .t-check-out .t-date-info-title::before {
    content: "Check out";
}

#landing_section .t-range,
#landing_section .t-range-limit {
    background-color: #0002;
}

#landing_section .t-range {
    color: #000;
}

#landing_section .t-range-limit {
    background-color: #0005;
    color: #fff;
}

#landing_section .t-hover-day,
#landing_section .t-hover-day-content,
#landing_section .t-hover-day:hover {
    color: #fff;
    background: #333;
}

#landing_section .t-hover-day::after {
    border-color: #000 transparent transparent;
}

#landing_section .t-arrow-top,
#landing_section .t-arrow-top::after {
    border-color: transparent transparent #000;
}

#landing_section .t-arrow-top::after {
    border-bottom-color: #fff;
}

#landing_section .t-check-in,
#landing_section .t-check-out {
    border-color: #ededed;
}

#landing_section .t-check-in {
    border-right-color: #e8e8e8;
}

#landing_section .t-date-title {
    color: #e91e63;
}

#landing_section .t-special-day:before {
    border-color: #e91e63 #e91e63 transparent transparent;
}

#landing_section .t-datepicker-day {
    border-color: #000;
    background: #fff;
}

#landing_section .t-day,
#landing_section .t-disabled,
#landing_section .t-end,
#landing_section .t-range,
#landing_section .t-start {
    background: #fafafa;
    border-color: #fff;
}

#landing_section .t-highlighted {
    color: #888;
}

#landing_section .t-highlighted.t-disabled {
    background: #fafafa;
}

#landing_section .t-end,
#landing_section .t-end-limit,
#landing_section .t-start {
    color: #fff;
    background: #333;
}

#landing_section .t-range,
#landing_section .t-range-limit {
    color: #888;
}

#landing_section .t-range {
    background: #e9f8fe;
}

#landing_section .t-range-limit {
    background: #d1f0fc;
}

#landing_section .t-range-limit.t-end,
#landing_section .t-range-limit.t-start {
    color: #fff;
    background: #89d9f8;
}

#landing_section .t-check-in .t-end,
#landing_section .t-check-out .t-start,
#landing_section .t-check-out tr ~ .t-end {
    color: #fff;
    background: #333;
}

#landing_section .t-hover-day,
#landing_section .t-hover-day-content,
#landing_section .t-hover-day:hover {
    color: #fff;
    background: #888;
}

#landing_section .t-hover-day::after {
    border-color: #888 transparent transparent;
}

#landing_section .t-today,
#landing_section .t-today .t-hover-day-content {
    background: #aeaeae;
}

#landing_section .t-today::after {
    border-top-color: #aeaeae;
}

#landing_section .t-today:hover,
#landing_section .t-today:hover .t-hover-day-content {
    background: #888;
}

#landing_section .t-today:hover::after {
    border-top-color: #888;
}

#landing_section .t-end.t-today,
#landing_section .t-start.t-today {
    color: #fff;
}

#landing_section .t-end.t-today,
#landing_section .t-end.t-today .t-hover-day-content,
#landing_section .t-start.t-today,
#landing_section .t-start.t-today .t-hover-day-content {
    background: #333;
}

#landing_section .t-end.t-today::after,
#landing_section .t-start.t-today::after {
    border-top-color: #333;
}

@media (max-width: 1070px) {
    #landing_section .t-check-in,
    #landing_section .t-check-out {
        width: calc(50% - 8px);
    }

    .input_column.datepicker-container {
        width: calc(100% - 0px) !important;
    }
}

@media (max-width: 767px) {
    .input_column.datepicker-container {
        width: 100% !important;
    }
}

@media (max-width: 930px) {
    #landing_section .t-datepicker-days {
        width: 300px;
    }

    #landing_section .t-datepicker-days .t-table-wrap {
        margin-left: 0;
        width: 100%;
        padding: 0 10px;
    }
}

@media (max-width: 320px) {
    #landing_section .t-datepicker-days {
        width: 290px;
    }

    #landing_section .t-datepicker-days .t-table-wrap {
        padding: 0 5px;
    }
}

.newsletter_form input[type="submit"]:hover {
    background: rgba(0, 0, 0, 1);
    color: #fff;
}

.newsletter_form input[type="submit"] {
    transition: 0.3s;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #000000;
    border-radius: 25px;
    height: 42px;
    min-width: 200px;
    cursor: pointer;
    outline: none;
}

.footer .newsletter_form form {
    width: 100%;
    display: flex;
    gap: 10px 20px;
}

.footer .newsletter_form .formgrp {
    width: 100%;
}

.footer .newsletter_form .sub_err {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: red;
    margin-top: 4px;
}

.footer .newsletter_form .subSucc {
    display: none;
    padding: 0px 10px;
    box-shadow: inset 0 0 0 1px green;
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    background-color: #00ff7f;
    line-height: 37px;
    width: 100%;
}

.footer .newsletter_form .subSucc p {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .footer .newsletter_form form {
        flex-direction: column;
    }
}

.checkinoCol-date-picker .form-group {
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none !important;
}

.checkinoCol-date-picker .form-group .t-datepicker {
    max-width: 100%;
    display: flex;
    gap: 20px 28px;
}

.checkinoCol-date-picker .form-group .t-dates {
    padding: 0 !important;
    font-size: 0;
    padding-top: 21px !important;
    margin-left: -3px;
}

.checkinoCol-date-picker .form-group .t-dates > span {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.checkinoCol-date-picker .form-group .t-check-in::before,
.checkinoCol-date-picker .form-group .t-check-out::before {
    content: "";
    --size: 24px;
    width: var(--size);
    height: var(--size);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4wMTQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMi4wMTQgMzIiPg0KICA8ZyBpZD0iY2FsZW5kYXJfN18iIGRhdGEtbmFtZT0iY2FsZW5kYXIgKDcpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjExNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzIxMzUiIGRhdGEtbmFtZT0iUGF0aCAyMTM1IiBkPSJNMjUuODMzLDIuNTcySDI0LjYzOVYxLjM2NGExLjI1LDEuMjUsMCwwLDAtMi41LDBWMi41NzJIOS44NzVWMS4zNjRhMS4yNSwxLjI1LDAsMSwwLTIuNSwwVjIuNTcySDYuMTgxQTYuMTg4LDYuMTg4LDAsMCwwLDAsOC43NTN2MTcuMThhNi4xODgsNi4xODgsMCwwLDAsNi4xODEsNi4xODFIMjUuODMzYTYuMTg4LDYuMTg4LDAsMCwwLDYuMTgxLTYuMTgxVjguNzUzYTYuMTg4LDYuMTg4LDAsMCwwLTYuMTgxLTYuMTgxWk02LjE4MSw1LjA3Mkg3LjM3NVY3LjUxYTEuMjUsMS4yNSwwLDEsMCwyLjUsMFY1LjA3MkgyMi4xMzlWNy41MWExLjI1LDEuMjUsMCwxLDAsMi41LDBWNS4wNzJoMS4xOTRhMy42ODUsMy42ODUsMCwwLDEsMy42ODEsMy42ODFWOS45NDdIMi41VjguNzUzQTMuNjg1LDMuNjg1LDAsMCwxLDYuMTgxLDUuMDcyWk0yNS44MzMsMjkuNjE0SDYuMTgxQTMuNjg1LDMuNjg1LDAsMCwxLDIuNSwyNS45MzNWMTIuNDQ3SDI5LjUxNFYyNS45MzNBMy42ODUsMy42ODUsMCwwLDEsMjUuODMzLDI5LjYxNFpNMTEuMSwxNy4zNjRhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMCwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDE3LjM2NFptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwwLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwxNy4zNjRabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDAsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDE3LjM2NFpNMTEuMSwyNC43MzlhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMSwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDI0LjczOVptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwxLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwyNC43MzlabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDEsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDI0LjczOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSIjMzEzMTMxIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 15px;
}

.checkinoCol-date-picker .form-group .t-check-in,
.checkinoCol-date-picker .form-group .t-check-out {
    border: 0.5px solid #000000 !important;
    border-radius: 4px;
    padding: 8px 18px 8px 36px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 0;
    background-image: url(../images/down-arrow.svg);
    appearance: none;
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
}

.checkinoCol-date-picker .form-group .t-date-info-title {
    font-size: 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    line-height: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    opacity: 1;
    margin-left: 4px;
}

.checkinoCol-date-picker .form-group .t-date-info-title::before {
    content: "check in";
    font-size: 8px;
}

.checkinoCol-date-picker .form-group .t-check-out .t-date-info-title::before {
    content: "check out";
}

#detailscheck .t-arrow-top,
#detailscheck .t-arrow-top::after {
    border-color: transparent transparent #000;
}

#detailscheck .t-arrow-top::after {
    border-bottom-color: #fff;
}

#detailscheck .t-check-in,
#detailscheck .t-check-out {
    border-color: #ededed;
}

#detailscheck .t-check-in {
    border-right-color: #e8e8e8;
}

#detailscheck .t-date-title {
    color: #e91e63;
}

#detailscheck .t-special-day:before {
    border-color: #e91e63 #e91e63 transparent transparent;
}

#detailscheck .t-datepicker-day {
    border-color: #000 !important;
    background: #fff;
}

#detailscheck .t-check-out .t-datepicker-day {
    left: auto;
    right: 0;
}

#detailscheck .t-day,
#detailscheck .t-disabled,
#detailscheck .t-end,
#detailscheck .t-range,
#detailscheck .t-start {
    background: #fafafa;
    border-color: #fff;
}

#detailscheck .t-highlighted {
    color: #888;
}

#detailscheck .t-highlighted.t-disabled {
    background: #fafafa;
}

#detailscheck .t-end,
#detailscheck .t-end-limit,
#detailscheck .t-start {
    color: #fff;
    background: #333;
}

#detailscheck .t-range,
#detailscheck .t-range-limit {
    color: #888;
}

#detailscheck .t-range {
    background: #e9f8fe;
}

#detailscheck .t-range-limit {
    background: #d1f0fc;
}

#detailscheck .t-range-limit.t-end,
#detailscheck .t-range-limit.t-start {
    color: #fff;
    background: #89d9f8;
}

#detailscheck .t-check-in .t-end,
#detailscheck .t-check-out .t-start,
#detailscheck .t-check-out tr ~ .t-end {
    color: #fff;
    background: #333;
}

#detailscheck .t-hover-day,
#detailscheck .t-hover-day-content,
#detailscheck .t-hover-day:hover {
    color: #fff;
    background: #888;
}

#detailscheck .t-hover-day::after {
    border-color: #888 transparent transparent;
}

#detailscheck .t-today,
#detailscheck .t-today .t-hover-day-content {
    background: #aeaeae;
}

#detailscheck .t-today::after {
    border-top-color: #aeaeae;
}

#detailscheck .t-today:hover,
#detailscheck .t-today:hover .t-hover-day-content {
    background: #888;
}

#detailscheck .t-today:hover::after {
    border-top-color: #888;
}

#detailscheck .t-end.t-today,
#detailscheck .t-start.t-today {
    color: #fff;
}

#detailscheck .t-end.t-today,
#detailscheck .t-end.t-today .t-hover-day-content,
#detailscheck .t-start.t-today,
#detailscheck .t-start.t-today .t-hover-day-content {
    background: #333;
}

#detailscheck .t-end.t-today::after,
#detailscheck .t-start.t-today::after {
    border-top-color: #333;
}

#detailscheck table {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

@media (max-width: 930px) {
    #detailscheck .t-datepicker-days {
        width: 300px;
    }

    #detailscheck .t-datepicker-days .t-table-wrap {
        margin-left: 0;
        width: 100%;
        padding: 0 10px;
    }
}

@media (max-width: 320px) {
    #detailscheck .t-datepicker-days {
        width: 290px;
    }

    #detailscheck .t-datepicker-days .t-table-wrap {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .checkinoCol-date-picker .form-group .t-datepicker {
        gap: 20px 15px;
    }
}

.landing_form
    .input_row.input_bottom_row
    button.trigger_find_closests
    .button-inner {
    display: flex;
    flex-direction: column;
    height: 21px;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests
    span.text {
    transition: 0.3s;
    margin-top: -21px;
    margin-bottom: 0;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests.finding
    span.text {
    opacity: 0;
    font-size: 0;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests
    span.findingtext {
    font-size: 0;
    transition: 0.3s;
    margin-bottom: 0;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests.finding
    span.findingtext {
    opacity: 1;
    font-size: inherit;
    margin-right: 0px;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests::after {
    content: "";
    --size: 20px;
    height: var(--size);
    width: var(--size);
    display: inline-flex;
    border-radius: 50%;
    transition: 0.3s;
    opacity: 0;
    background-image: url(../images/circle-notch-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 1s loader-02 linear infinite;
    margin-right: -20px;
}

.landing_form
    .input_row.input_bottom_row
    .input_column
    .trigger_find_closests.finding::after {
    opacity: 1;
    transition-delay: 1s;
    margin-right: 0px;
    margin-left: 12px;
}

#landing_section .checkinout_inp {
    background-image: url(../images/date.svg);
    background-position: 10px center;
    background-size: 22px;
    padding-top: 13px;
    padding-bottom: 0;
    cursor: pointer;
}

#landing_section .demo__input::before {
    content: "Checkin / Checkout";
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    display: flex;
    margin-bottom: 4px;
    position: absolute;
    top: 6px;
    left: 42px;
    z-index: 1;
}

#landing_section.mapactive {
    padding-bottom: 0;
}

.landing_section .update_button .trigger_find_closests .button-inner {
    display: flex;
    flex-direction: column;
    height: 21px;
}

.landing_section .update_button .trigger_find_closests span.text {
    transition: 0.3s;
    margin-top: -21px;
    margin-bottom: 0;
}

.landing_section .update_button .trigger_find_closests.finding span.text {
    opacity: 0;
    font-size: 0;
}

.landing_section .update_button .trigger_find_closests span.findingtext {
    font-size: 0;
    transition: 0.3s;
    margin-bottom: 0;
}

.landing_section
    .update_button
    .trigger_find_closests.finding
    span.findingtext {
    opacity: 1;
    font-size: inherit;
    margin-right: 0px;
}

.landing_section .update_button .trigger_find_closests::after {
    content: "";
    --size: 20px;
    height: var(--size);
    width: var(--size);
    display: inline-flex;
    border-radius: 50%;
    transition: 0.3s;
    opacity: 0;
    background-image: url(../images/circle-notch-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 1s loader-02 linear infinite;
    margin-right: -20px;
}

.landing_section .update_button .trigger_find_closests.finding::after {
    opacity: 1;
    transition-delay: 1s;
    margin-right: 0px;
    margin-left: 12px;
}

#landing_section .datepicker__close-button,
#landing_section .datepicker__clear-button,
#landing_section .datepicker__submit-button {
    background-color: #000;
    color: #fff;
}

#landing_section .datepicker__month-day--first-day-selected,
#landing_section .datepicker__month-day--last-day-selected {
    background-color: #03adc9 !important;
    color: #fff !important;
}

#landing_section .datepicker__month-day--today {
    color: #fff !important;
    background-color: #484c55 !important;
}

#landing_section .datepicker__month-button:hover {
    background-color: #000;
}

#landing_section .datepicker {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    z-index: 9999;
    transition: 0.3s !important;
    display: block !important;
    top: 54px;
    -webkit-box-shadow:
        8px 8px 40px 5px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1px #000;
    box-shadow:
        8px 8px 40px 5px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1px #000;
}

#landing_section .datepicker__month-day--selected,
#landing_section .datepicker__month-day--hovering {
    background-color: #ddd;
    color: #000;
}

.checkinoCol-date-picker .form-group .demo__input::before {
    content: "";
    --size: 24px;
    width: var(--size);
    height: var(--size);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4wMTQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMi4wMTQgMzIiPg0KICA8ZyBpZD0iY2FsZW5kYXJfN18iIGRhdGEtbmFtZT0iY2FsZW5kYXIgKDcpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjExNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzIxMzUiIGRhdGEtbmFtZT0iUGF0aCAyMTM1IiBkPSJNMjUuODMzLDIuNTcySDI0LjYzOVYxLjM2NGExLjI1LDEuMjUsMCwwLDAtMi41LDBWMi41NzJIOS44NzVWMS4zNjRhMS4yNSwxLjI1LDAsMSwwLTIuNSwwVjIuNTcySDYuMTgxQTYuMTg4LDYuMTg4LDAsMCwwLDAsOC43NTN2MTcuMThhNi4xODgsNi4xODgsMCwwLDAsNi4xODEsNi4xODFIMjUuODMzYTYuMTg4LDYuMTg4LDAsMCwwLDYuMTgxLTYuMTgxVjguNzUzYTYuMTg4LDYuMTg4LDAsMCwwLTYuMTgxLTYuMTgxWk02LjE4MSw1LjA3Mkg3LjM3NVY3LjUxYTEuMjUsMS4yNSwwLDEsMCwyLjUsMFY1LjA3MkgyMi4xMzlWNy41MWExLjI1LDEuMjUsMCwxLDAsMi41LDBWNS4wNzJoMS4xOTRhMy42ODUsMy42ODUsMCwwLDEsMy42ODEsMy42ODFWOS45NDdIMi41VjguNzUzQTMuNjg1LDMuNjg1LDAsMCwxLDYuMTgxLDUuMDcyWk0yNS44MzMsMjkuNjE0SDYuMTgxQTMuNjg1LDMuNjg1LDAsMCwxLDIuNSwyNS45MzNWMTIuNDQ3SDI5LjUxNFYyNS45MzNBMy42ODUsMy42ODUsMCwwLDEsMjUuODMzLDI5LjYxNFpNMTEuMSwxNy4zNjRhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMCwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDE3LjM2NFptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwwLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwxNy4zNjRabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDAsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDE3LjM2NFpNMTEuMSwyNC43MzlhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUg3LjRhMS4yNSwxLjI1LDAsMSwxLDAtMi41SDkuODU0QTEuMjUsMS4yNSwwLDAsMSwxMS4xLDI0LjczOVptMTQuNzY0LDBhMS4yNSwxLjI1LDAsMCwxLTEuMjUsMS4yNUgyMi4xNmExLjI1LDEuMjUsMCwxLDEsMC0yLjVoMi40NThBMS4yNSwxLjI1LDAsMCwxLDI1Ljg2OCwyNC43MzlabS03LjM4OSwwYTEuMjUsMS4yNSwwLDAsMS0xLjI1LDEuMjVIMTQuNzcxYTEuMjUsMS4yNSwwLDEsMSwwLTIuNWgyLjQ1OEExLjI1LDEuMjUsMCwwLDEsMTguNDc5LDI0LjczOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSIjMzEzMTMxIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 10px;
}

.checkinoCol-date-picker .form-group .demo__input {
    border: 0.5px solid #000000;
    border-radius: 4px;
    padding: 8px 18px 8px 36px;
    position: relative;
    margin-bottom: 0;
    /* background-image: url(../images/down-arrow.svg); */
    appearance: none;
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
    min-height: 48px;
}

.checkinoCol-date-picker .form-group .demo__input .checkinout_inp {
    padding: 0;
    border: none;
    transform: translateY(8px);
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -8px;
    left: 0;
    border-radius: 4px;
    background-color: transparent;
    padding-left: 37px;
    padding-top: 14px;
    cursor: pointer;
}
.checkinoCol-date-picker .form-group .demo__input::after {
    content: "Checkin / Checkout";
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 8px;
    line-height: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #034e70;
    position: absolute;
    left: 37px;
    top: 9px;
    pointer-events: none;
}

.checkinoCol-date-pickerin .form-group .demo__input::after {
    content: "Check-in";
}
.checkinoCol-date-pickerout .form-group .demo__input::after {
    content: "Check-out";
}

#landing_section .datepicker.datepicker--closed {
    height: 0px !important;
}

@media (min-width: 320px) {
    #landing_section .datepicker.datepicker--open {
        height: 418.5px !important;
    }

    #landing_section .datepicker {
        width: 280px;
    }
}

@media (min-width: 480px) {
    #landing_section .datepicker {
        width: 300px;
    }

    #landing_section .datepicker__months::before {
        display: none;
    }

    #landing_section .datepicker__month {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #landing_section .datepicker.datepicker--open {
        height: 372.5px !important;
    }

    #landing_section .datepicker__months::before {
        background: #dcdcdc;
        bottom: 0;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px;
    }

    #landing_section .datepicker {
        width: 560px;
    }

    #landing_section .datepicker__month {
        width: 240px;
    }
}

@media (max-width: 767px) {
    #landing_section .datepicker__month--month2 {
        display: none;
    }
}

#detailscheck .datepicker__close-button,
#detailscheck .datepicker__clear-button,
#detailscheck .datepicker__submit-button {
    background-color: #000;
    color: #fff;
}

#detailscheck .datepicker__month-day--first-day-selected,
#detailscheck .datepicker__month-day--last-day-selected {
    background-color: #03adc9 !important;
    color: #fff !important;
}

#detailscheck .datepicker__month-day--today {
    color: #fff !important;
    background-color: #484c55 !important;
}

#detailscheck .datepicker__month-button:hover {
    background-color: #000;
}

#detailscheck .datepicker {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    z-index: 9999;
    transition: 0.3s !important;
    display: block !important;
    top: 61px;
    left: -1px;
    -webkit-box-shadow:
        8px 8px 40px 5px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1px #000;
    box-shadow:
        8px 8px 40px 5px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1px #000;
}

#detailscheck .datepicker__month-day--selected,
#detailscheck .datepicker__month-day--hovering {
    background-color: #ddd;
    color: #000;
}

#detailscheck .datepicker.datepicker--closed {
    height: 0px !important;
}
.datepicker__inner {
    padding-bottom: 12px;
}

.cal_avl {
    border-top: 1px solid #e0e0e0;
    padding-top: 12px;
    margin: 20px 4px 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
}
#cal_check_avl {
    color: #fff !important;
    text-align: center;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 12.711px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.127px;
    border-radius: 7.264px;
    border: none;
    background: #f99523;
    width: 168.806px;
    height: 40.858px;
    flex-shrink: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
#cal_check_avl[disabled="disabled"] {
    cursor: not-allowed;
    background: #ddd;
    color: #3335 !important;
}
@media (min-width: 320px) {
    #detailscheck .datepicker.datepicker--open {
        /* height: 418.5px !important; */
    }
}

@media (min-width: 480px) {
    #detailscheck .datepicker {
        width: 300px;
    }

    #detailscheck .datepicker__months::before {
        display: none;
    }

    #detailscheck .datepicker__month {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #detailscheck .datepicker.datepicker--open {
        /* height: 372.5px !important; */
    }

    #detailscheck .datepicker__months::before {
        background: #dcdcdc;
        bottom: 0;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px;
    }

    #detailscheck .datepicker {
        width: 560px;
    }

    #detailscheck .datepicker__month {
        width: 240px;
    }
}

@media (max-width: 767px) {
    #detailscheck .datepicker__month--month2 {
        display: none;
    }
}

.datepicker__month-day--invalid {
    opacity: 0.2;
}

.datepicker__month-button {
    margin: 5px 0;
}

#faq_model {
    padding-right: 0 !important;
}

#coaching_model {
    padding-right: 0 !important;
}

#coaching_model .modal-dialog {
    max-width: 80%;
    min-height: calc(100vh - 1.75rem - 1.75rem);
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    #coaching_model .modal-dialog {
        max-width: calc(100% - 20px);
    }
}

#coaching_model .modal-dialog .modal-content {
    height: calc(100vh - 1.75rem - 1.75rem);
}

#coaching_model .modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

#coaching_model .modal-body {
    padding: 0;
}

#coaching_model .vidSec {
    height: 100%;
}

#coaching_model .vidSec iframe {
    height: 100%;
    display: flex;
    border-radius: 0 0 0.3rem 0.3rem;
    width: calc(100% + 1px);
}

#coaching_model .modal-header .modal-title {
    font-family: "Harmonia Sans Pro Cyr";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

#hotels_section .hotels_grid .content_div .hotel_price s {
    text-decoration: line-through;
    font-weight: normal;
    font-size: calc(100% - 2px);
}

@media (max-width: 767px) {
    .trvl_common_cls .trv_rmActions button {
        padding: 8px 24px;
        font-size: 12px;
    }

    #travelers_modal .trv_rmSearch button {
        padding: 8px 24px !important;
        font-size: 12px;
    }
}

.driving_switch .switch_slider::after {
    content: none;
}

.driving_switch input[type="checkbox"]:checked + .switch_slider::after {
    content: none;
}

.driving_switch_wrapper {
    margin-left: auto;
}

.view_switch_wrapper {
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.view_switch_wrapper span {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 11px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .landing_form .input_bottom_row .input_column .trigger_find_closests {
        font-size: 10px;
        padding: 6px 25px;
        white-space: nowrap;
        line-height: 15px;
    }

    .landing_form
        .input_row.input_bottom_row
        button.trigger_find_closests
        .button-inner {
        height: 15px;
    }

    .landing_form
        .input_row.input_bottom_row
        .input_column
        .trigger_find_closests
        span.text {
        margin-top: -15px;
    }

    .landing_section .update_button .trigger_find_closests {
        font-size: 10px;
        padding: 6px 25px;
        white-space: nowrap;
        line-height: 15px;
    }

    .landing_section .update_button .trigger_find_closests .button-inner {
        height: 15px;
    }

    .landing_section .update_button .trigger_find_closests span.text {
        margin-top: -15px;
    }

    .landing_form
        .input_row.input_bottom_row
        .input_column
        .trigger_find_closests.finding::after {
        margin-left: 7px;
    }

    .landing_form
        .input_row.input_bottom_row
        .input_column
        .trigger_find_closests::after {
        --size: 10px;
    }

    .view_switch_wrapper {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        justify-content: center;
    }

    .landing_section .update_button .trigger_find_closests::after {
        --size: 10px;
        margin-right: -10px;
    }

    .landing_section .update_button .trigger_find_closests.finding::after {
        margin-left: 7px;
    }

    .checkinoMain .checkinoCol {
        width: 100%;
    }

    .checkinoMain .blue-btn {
        width: 100%;
    }
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    opacity: 1 !important;
}

/*
#header nav .wishlist svg path {
	fill: #000;
} */

#header nav .wishlist {
    position: relative;
    cursor: pointer;
}

#header nav .wishlist > a > img {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 5px;
}

#header nav .wishlist.open .wishlist-dialog {
    pointer-events: all;
    opacity: 1;
}

#header nav .wishlist .wishlist-dialog {
    position: absolute;
    min-width: 440px;
    right: 0;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    opacity: 0;
    pointer-events: none;
}

#header nav .wishlist .wishlist-dialog .inner {
    background: #fff;
    position: relative;
    margin-top: 30px;
    box-shadow: 0 0 30px -2px #0003;
    border-radius: 10px;
    padding: 14px;
}

.wishlist-dialog .saved-item:not(:last-child) {
    margin-bottom: 14px;
}

.wishlist-dialog .saved-item {
    position: relative;
    display: flex;
    gap: 10px;
    border: 2px solid #ddd;
    border-radius: 7px;
    padding: 10px;
}

.wishlist-dialog .saved-item .image-column {
    width: 60px;
    height: 60px;
}

.wishlist-dialog .saved-item .image-column a {
    padding: 0 !important;
    min-height: auto !important;
    height: 100%;
}

.wishlist-dialog .saved-item .image-column img {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
    border-radius: 5px;
}

.wishlist-dialog .saved-item .details-column {
    width: calc(100% - 60px - 10px);
}

.wishlist-dialog .saved-item .details-column .name {
    margin-bottom: 5px;
    margin-right: 20px;
}

.wishlist-dialog .saved-item .details-column .name a {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    min-height: auto !important;
}

.wishlist-dialog .saved-item .details-column .rating {
    font-family: inherit;
    display: flex;
    gap: 1px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
}

.wishlist-dialog .saved-item .details-column a.fav_checkavl {
    padding: 0 !important;
    min-height: auto !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    color: #007bff !important;
}

.wishlist-dialog .more-options {
    position: absolute;
    pointer-events: none;
    top: 10px;
    right: 10px;
}

.wishlist-dialog:hover .more-options {
    pointer-events: all;
}

.wishlist-dialog .inner h4.heading {
    font-family: inherit;
    font-size: 24px;
    margin-bottom: 14px;
}

.saved-items h5.heading {
    font-family: inherit;
    font-size: 14px;
}

.details-column .status {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}

.details-column .status .icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.details-column .status .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
}

.details-column .status .text {
    font-family: inherit;
    font-size: 14px;
    width: calc(100% - 20px);
}

.wishlist-dialog .more-toggle {
    width: 20px;
    height: 20px;
    display: flex;
    margin-left: auto;
    cursor: pointer;
}

.wishlist-dialog .more-toggle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
}

.wishlist-dialog .more-options:hover .more-options-list {
    display: block;
}

.wishlist-dialog .more-options-list {
    box-shadow: 0 0 20px -3px #0005;
    border-radius: 14px;
    background-color: #fff;
    padding: 10px;
    display: none;
    z-index: 1;
    position: relative;
}

.wishlist-dialog .more-options-list ul li a:hover {
    background-color: #ddd;
}

.wishlist-dialog .more-options-list ul li a {
    padding: 8px 10px !important;
    min-height: auto !important;
    display: flex;
    gap: 5px;
    cursor: pointer;
    border-radius: 7px;
    opacity: 1 !important;
}

.wishlist-dialog .more-options-list ul li a .icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.wishlist-dialog .more-options-list ul li a .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
}

/* .wishlist-dialog .saved_results {
	height: 386px;
	overflow-y: auto;
} */

.wishlist-dialog .saved_results::after {
    content: "";
    --size: 0px;
    height: var(--size);
    width: var(--size);
    display: flex;
    border-radius: 50%;
    transition: 0.3s 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    opacity: 0;
    background-image: url(../images/circle-notch-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 1s loader-02 linear infinite;
    margin-right: auto;
    /* margin-left: auto; */
}

.wishlist-dialog .saved_results.loading::after {
    opacity: 1;
    margin-top: 14px;
    --size: 20px;
}

@media (min-width: 1071px) {
    #header nav .wishlist > a > .text {
        display: none;
    }
}

@media (max-width: 1070px) {
    #header nav .wishlist > a > img {
        display: none;
    }

    #header .auth_trigger > img {
        display: none;
    }

    #add_currency {
        padding-left: 16px;
    }

    #header nav .wishlist .wishlist-dialog .inner {
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    #header .auth_trigger > img {
        display: inline-flex;
    }
}

@media (max-width: 640px) {
    #header nav .wishlist .wishlist-dialog {
        min-width: auto;
        width: 100%;
        --extra: 30px;
        width: calc(100% + 2 * var(--extra));
        right: calc((-1) * var(--extra));
    }
}

.nosaved {
    padding: 0px 10px;
    box-shadow: inset 0 0 0 1px #f00;
    border-radius: 4px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000;
    background-color: #ff000050;
    line-height: 37px;
}

/* review card CSS STARTS */

.review-cards-name {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 6px;
}

.review-cards-rating {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 8px;
}

.review-card:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
}

.review-cards-title {
    font-style: italic;
}

.review-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 50px;
}

.review-card {
    padding-top: 10px;
    padding-bottom: 10px;
    width: calc(50% - 50px);
    position: relative;
}

@media (max-width: 767px) {
    .review-card {
        width: calc(100% - 0px);
    }
}

.review-cards-rating .star {
    --size: 16px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    position: relative;
    background-image: url(../images/black-star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.star-fill {
    --fill: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/star-filled.svg);
    background-position: center;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.3s;
    clip-path: polygon(0 0, var(--fill) 0, var(--fill) 100%, 0% 100%);
}

.review-card-total:hover {
    background-color: #000000;
    color: #fff;
}

.review-card-total {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    border-radius: 25px;
    border: 1px solid #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    height: 35px;
    outline: none;
    padding: 2px 15px 0;
    transition: 0.3s;
    margin-bottom: 7px;
}

.review-cards-loader {
    content: "";
    --size: 30px;
    height: var(--size);
    width: var(--size);
    display: flex;
    border-radius: 50%;
    transition: 0.3s 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    background-image: url(../images/circle-notch-solid.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 1s loader-02 linear infinite;
}

.rev_logo {
    max-width: 90px;
    width: 100%;
    position: absolute;
    top: 13px;
    right: 10px;
}

.rev_logo img {
    width: 100%;
}

/* review card CSS STARTS */
button#messages_modal_link {
    border: none;
    background: transparent;
    outline: none;
    display: inline-flex;
    align-items: center;
    color: #03adc9;
}

button#messages_modal_link::after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../images/info_new.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
    font-size: 0;
    cursor: pointer;
    margin-left: 6px;
    position: relative;
    top: -1px;
    z-index: 1;
}

.cookies-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    z-index: 99999999;
}

.cookies-popup .inner-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    margin: 0 auto;
    max-width: 1370px;
}

.cookies-popup .cookie-consent__message {
    margin: 0;
}

.cookies-popup .cookie-consent__agree {
    transition: 0.3s;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #03adc9;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 25px;
    height: 42px;
    min-width: 200px;
    cursor: pointer;
    outline: none;
}

.hotel_price_loader {
    width: 50%;
    height: 20px;
    background-color: #dddbdd;
    position: relative;
}

.hotel_price_loader::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0)
    );
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    content: "";
}

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.mapboxgl-marker.drivingmark > div.drivingmrkhtml span {
    font-size: 10px;
    margin-right: 0;
}

.mapboxgl-marker.walkingmark > div.walkingmrkhtml span {
    font-size: 10px;
    margin-right: 0;
}

.closeWrp {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.price-details-dialog {
    z-index: 10000 !important;
}