/* new css */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.ch-search-form .input-group>.demo__input {
    display: flex;
}

.ch-search-form .input-group #hintTextInputField,
.ch-search-form .input-group>.demo__input .checkinout_inp {
    border: none;
    font-family: 'Futura';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    padding: 0;
}

.ch-search-form .input-text-div {
    color: var(--black);
}

.ch-search-form .input-group.location #hintBox {
    max-width: 300px;
    width: 100%;
    position: absolute;
    top: 55px;
    background-color: var(--white);
    left: 0;
    z-index: 10;
    border: 1px solid #00000033;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
}

.ch-search-form .input-group.location .addresshintresult a:hover {
    background-color: #F4F4F5;
}

.ch-search-form .input-group.location .addresshintresult:last-child a {
    border-bottom: none;
}

.ch-search-form .input-group.location .addresshintresult a {
    color: var(--black);
    font-family: 'Futura';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px;
    display: flex;
    border-bottom: 1px solid #F4F4F5;
}

/* datepicker css */
.ch-search-form .input-group.date .datepicker {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 56px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

.ch-search-form .input-group.date .datepicker__close-button,
.ch-search-form .input-group.date .datepicker__clear-button,
.ch-search-form .input-group.date .datepicker__submit-button {
    background-color: var(--orange);
}

.ch-search-form .input-group.date .datepicker__close-button:hover,
.ch-search-form .input-group.date .datepicker__clear-button:hover,
.ch-search-form .input-group.date .datepicker__submit-button:hover {
    background-color: #F99523;
    color: #fff;
}


.ch-search-form .input-group.date .datepicker__month-day--selected,
.ch-search-form .input-group.date .datepicker__month-day--hovering {
    /* background-color: rgba(249, 149, 35, 0.2);
    color: #fff; */
    background-color: transparent;
    box-shadow: inset 0 -2px 0 0 var(--black);
    box-shadow: inset 3px 0px 0 0 var(--white), inset -3px 0px 0 0 var(--white), inset 0 -2px 0 0 var(--black);
    color: var(--black);
}

.ch-search-form .input-group.date .datepicker__month-day--first-day-selected,
.ch-search-form .input-group.date .datepicker__month-day--last-day-selected {
    /* background-color: var(--orange);
    color: #fff; */
    background-color: transparent;
    box-shadow: inset 0 -2px 0 0 var(--black);
    box-shadow: inset 3px 0px 0 0 var(--white), inset -3px 0px 0 0 var(--white), inset 0 -2px 0 0 var(--black);
    color: var(--black);
}

.ch-search-form .input-group.date .datepicker__month-button:hover {
    background-color: var(--orange);
}

.ch-search-form .input-group.date .datepicker__month-day--today {
    background: #D9D9D9;
    color: hsl(0, 0%, 100%);
}

/* datepicker css */

.ch-map-panel #map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ch-map-panel #map canvas {
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

main>br {
    display: none;
}

.popactive {
    -webkit-animation: popactive 1s infinite;
    animation: popactive 1s infinite;
    z-index: 100;
    box-shadow: 0 0 0 2px #fff;
    background-color: #F99523 !important;
}

@-webkit-keyframes popactive {

    0%,
    100% {
        top: 0px;
    }

    50% {
        top: -10px;
    }
}

@keyframes popactive {

    0%,
    100% {
        top: 0px;
    }

    50% {
        top: -10px;
    }
}

.maplibregl-popup-content {
    border-radius: 16px;
}

.maplibregl-popup-content .hotel__title {
    padding: 10px;
    border-radius: 8px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #201E1F;
    border: 1px solid #0002;
}

.mapboxgl-popup-close-button,
.maplibregl-popup-close-button {
    background-color: #fff;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 1px 5px -1px #0005;
    z-index: 100;
}

.mapboxgl-popup-close-button:hover,
.maplibregl-popup-close-button:hover {
    background-color: #fff;
}

.mapboxgl-popup-content,
.maplibregl-popup-content {
    padding: 10px;
    min-width: 218px;
    top: 60px;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
    position: relative;
    top: 30px;
    transform: rotate(180deg);
}

/* 
.ch-map-popup-main .icon-text-items-top {
    top: 14px;
    position: absolute;
}

.ch-map-popup-main .ch-hotel-card .hotel-images {
    margin-top: 40px;
}

 */


.ch-hotel-cards nav {
    display: flex;
    flex-direction: column;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #201E1F;
}

.ch-hotel-cards nav svg.w-5.h-5 {
    --size: 36px;
    width: var(--size);
    height: var(--size);
    background-color: var(--orange);
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
}

.ch-hotel-cards nav svg.w-5.h-5 path {
    fill: var(--white);
}

.ch-hotel-cards nav .relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ch-hotel-cards nav .text-sm.text-gray-700.leading-5 {
    margin: 10px 0;
    color: var(--black);
}

.ch-hotel-cards nav span[aria-disabled="true"] {
    display: flex;
    --size: 36px;
    width: var(--size);
    height: var(--size);
}

.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150,
.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.ml-3.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150,
.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 18px;
    min-width: 125px;
    height: 36px;
    background: var(--orange);
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 60px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #F0FDF4;
    border: none;
}

.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150,
.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
}

.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5,
.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 10px;
    min-width: 36px;
    height: 36px;
    background: var(--black);
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 60px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #F0FDF4;
    border: none;
}

.ch-hotel-cards nav .relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
}

.ch-map-popup-main .ch-main-panel {
    position: relative;
}

.map_result_loader.active {
    opacity: 1;
    z-index: 10;
}

@media (min-width:1025px) {
    .map_result_loader.active~.ch-hotel-cards {
        overflow: hidden;
        height: calc(100% - 37px - 20px - 20px);
    }
}

.map_result_loader {
    border-radius: 8px;
    border-radius: 16px;
    position: absolute;
    width: 100%;
    height: calc(100% - 57px);
    left: 0;
    background-color: rgba(219, 219, 219, 0.2);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.map_result_loader .loader-inner {
    border-radius: 8px;
    max-width: calc(100% - 20px);
    background-color: #fff;
    position: relative;
    padding: 20px 20px;
    border: 1px solid #0002;
    text-align: center;
    box-shadow: 0px 2px 4px -2px rgba(33, 33, 33, 0.6);
}

.map_result_loader .loader-text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #212121;
}


.map_result_loader .loader-ring::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: url(../../upgrade/images/carloader.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: loader-ring-spin 1.2s infinite linear;
    animation: loader-ring-spin 1.2s infinite linear;
}

.map_result_loader .loader-ring::before {
    content: '';
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
}

.map_result_loader .loader-ring {
    position: relative;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    border-width: 5px;
    border-radius: 50%;
    margin: 0 auto 10px;
    position: relative;
    background-image: radial-gradient(#000, #ddd);
    /* border-color: #0002 #0002 #0002 var(--orange);
    border-style: solid; */

    background-size: 100%;
    background-image: linear-gradient(115deg, #A5ED5C 10%, rgba(0, 0, 0, 0) 60%),
        linear-gradient(50deg, #336A4A 10%, rgba(0, 0, 0, 0) 60%),
        linear-gradient(175deg, #131C23 55%, rgba(0, 0, 0, 0) 60%);
    box-shadow: 0 0 7px -3px #A5ED5C;
}

@-webkit-keyframes loader-ring-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes loader-ring-spin {
    to {
        transform: rotate(360deg);
    }
}

#pointermap canvas {
    border-radius: 8px;
}

#pointermap img {
    border-radius: 8px;
}

#pointermap {
    height: 169px;
}

#pointermap .maplibregl-ctrl-bottom-right {
    display: none;
}


.ch-filters-group .checkbox-main.hide {
    display: none;
}

.ch-filters-group .ch-filters-expand .expand-toggle:not(.active) .shwless {
    display: none;
}

.ch-filters-group .ch-filters-expand .expand-toggle.active .shwmore {
    display: none;
}

.ch-map-popup-main .icon-text-items.small .text {
    width: calc(100% - 22px - 3px);
    max-width: 100px;
    overflow: hidden;
    padding-left: 27px;
    line-height: 15px;
    min-height: 15px;
    max-width: 100%;
    width: 100%;
}



.htloading {
    overflow: hidden;
}

.ht_result_loader.htloadactive {
    opacity: 1;
    pointer-events: all;
}

.ht_result_loader {
    /* border-radius: 8px; */
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 99999;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
}

.ht_search_loader {
    background-color: rgba(182, 179, 176, .7);
}

.ht_result_loader .loader-inner {
    border-radius: 8px;
    max-width: calc(100% - 20px);
    background-color: #fff;
    position: relative;
    padding: 20px 20px;
    border: 1px solid #0002;
    text-align: center;
    box-shadow: 0px 2px 4px -2px rgba(33, 33, 33, 0.6);
}

.ht_result_loader .loader-ring::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: url(../../upgrade/images/carloader.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: loader-ring-spin 1.2s infinite linear;
    animation: loader-ring-spin 1.2s infinite linear;
}

.ht_result_loader .loader-ring::before {
    content: '';
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
}

.ht_result_loader .loader-ring {
    position: relative;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    border-width: 5px;
    border-radius: 50%;
    margin: 0 auto 10px;
    position: relative;
    background-image: radial-gradient(#000, #ddd);
    /* border-color: #0002 #0002 #0002 var(--orange);
    border-style: solid; */

    background-size: 100%;
    background-image: linear-gradient(115deg, #A5ED5C 10%, rgba(0, 0, 0, 0) 60%),
        linear-gradient(50deg, #336A4A 10%, rgba(0, 0, 0, 0) 60%),
        linear-gradient(175deg, #131C23 55%, rgba(0, 0, 0, 0) 60%);
    box-shadow: 0 0 7px -3px #A5ED5C;
}

.ht_result_loader .loader-text {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #212121;
}

.selected-filters.flts_applied {
    display: flex;
    margin-top: 15px;
}

.range-slider {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 0;
    height: 0;
    /* background: #ff0; */
}

.range-slider>input {
    opacity: 0;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: -7px;
    left: -8px;
}

.range-slider>input::-webkit-slider-thumb {
    -webkit-appearance: none;
    z-index: 100;
    position: relative;
    width: 50px;
    height: 30px;
    -webkit-border-radius: 10px;
}

.range-slider>span.slider-container {
    position: relative;
    position: absolute;
    width: calc(100% - 14px);
    left: 14px;
    margin: auto;
}

.range-slider>span.slider-container>span.bar {
    background-color: #ebecf0;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: -42px;
    height: 4px;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
}

.range-slider>span.slider-container>span.bar>span {
    background: #000;
    display: inline-block;
    height: 4px;
    position: absolute;
}

.range-slider>span.slider-container>span.bar-btn {
    display: inline-block;
    position: absolute;
    width: 46px;
    padding-top: 8px;
    text-align: left;
    /* background: #fff; */
    left: -25px;
    top: -8px;
    border-radius: 3px;
    font-family: 'Futura';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
    color: #616161;
}

.range-slider>span.slider-container>span.bar-btn:after {
    cursor: pointer;
    content: "";
    border: 2px solid #000;
    background-color: #fff;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 4px;
    z-index: 3;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}

.range-slider>span.slider-container>span.bar-btn>span:before {
    content: "";
}

.range-slider>span.slider-container>span.bar-btn span {
    position: relative;
    left: -14px;
    top: 11px;
}

.ch-map-popup-main .ch-sidepanel .ch-range-group {
    overflow: hidden;
}

.ch-map-popup-main .ch-sidepanel .range-slider>span.slider-container {
    width: calc(100% - 30px);
    left: 15px;
}

.maplibregl-popup-anchor-left .maplibregl-popup-content {
    top: -10px;
    left: 60px;
}

.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    left: 60px;
    position: relative;
}

.maplibregl-popup-anchor-right .maplibregl-popup-content {
    top: -10px;
    right: 60px;
}

.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    right: 60px;
    position: relative;
}

.mapboxgl-marker>div {
    display: none;
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 16px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

#ht_map .mapboxgl-marker:not(.marker_drag) {
    background-color: transparent;
}

.mapboxgl-marker:not(.marker_drag) {
    padding: 6px 10px 6px 20px;
    background-position: 4px center;
    background-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-color: #020288;
    border-radius: 10px;
}

.maplibregl-marker.markerviewed.disabled_htl,
.maplibregl-marker.markerviewed {
    background-color: #f00;
    border: 2px solid #fff;
    z-index: 10;
}

.mapboxgl-marker.drivingmark {
    padding: 6px 10px 6px 29px;
    background-position: 8px center;
    background-image: url("../../upgrade/images/ch-map-filter-car-active.svg");
}

.mapboxgl-marker.walkingmark {
    background-image: url("../../upgrade/images/ch-map-filter-walking-active.svg");
}

.mapboxgl-marker.ratingmark {
    background-image: url("../../upgrade/images/ch-map-filter-user-rating-active.svg");
}

.mapboxgl-marker.pricemark {
    background-image: url("../../upgrade/images/ch-map-filter-price-active.svg");
}

.mapboxgl-marker.drivingmark>div.drivingmrkhtml {
    display: block;
}

.mapboxgl-marker.walkingmark>div.walkingmrkhtml {
    display: block;
}

.mapboxgl-marker.ratingmark>div.ratingmrkhtml {
    display: block;
}

.mapboxgl-marker.pricemark>div.pricemrkhtml {
    display: block;
}

.bk_ht_image {
    width: 79px;
    height: 57px;
    border-radius: 8px;
}


.introSection2 .table tbody td {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 12px;
    line-height: 13px;
    color: #201E1F;
    vertical-align: middle;
}

.introSection2 .table tbody td a:not(.modifybutton) {
    text-decoration: underline !important;
}

.modifybutton:hover {
    color: var(--orange) !important;
}

.modifybutton {
    font-family: 'Futura';
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #201E1F !important;
    background: transparent !important;
    padding: 0;
    border: none;
    box-shadow: none;
    min-width: auto;
}

.introSection2 .table {
    margin-bottom: 60px;
}

.introSection2 .table thead th {
    font-family: 'Futura';
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
    color: #201E1F;
}

.introSection2 .table thead tr:not(.trbookings) th h3,
.introSection2 .table tbody tr:not(.trbookings) th h3 {
    margin-bottom: 20px;
}

.introSection2 .table thead tr:not(.trbookings) th,
.introSection2 .table tbody tr:not(.trbookings) th {
    padding: 0;
}

.introSection2 .table thead tr:not(.trbookings) th h3 b,
.introSection2 .table tbody tr:not(.trbookings) th h3 b {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #201E1F;
}

.introSection2 .table thead tr {
    border-bottom: none;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    border-bottom: none;
}

.introSection2 .table thead tr.trbookings,
.introSection2 .table tbody tr.trbookings {
    border-bottom: 1px solid #C1C1C1;
}

.introSection2 .section_header>h3 {
    margin-bottom: 30px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
    color: #201E1F;
}

.introSection2 .section_header>h3 span {
    color: inherit;
}

.custLogFrmTabs {
    gap: 44px;
    margin-bottom: 60px;
}

.custLogFrmTabs .custLogFrmTab {
    font-family: 'Futura';
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.6;
    display: inline-flex;
    gap: 6px;
    position: relative;
    align-items: center;
    border: none;
    padding: 0;
    color: #020288;
    cursor: pointer;
}

.custLogFrmTabs .custLogFrmTab:not(:last-child):after {
    content: '';
    background-color: #C1C1C1;
    width: 1px;
    height: 22.5px;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
    position: absolute;
}

.custLogFrmTabs .custLogFrmTab.active {
    opacity: 1;
    color: #020288;
    border: none;
    padding: 0;
}

.header-sticky .ch-navigation>ul>li.nav-item>.nav-link::before {
    content: '';
    --size: 24px;
    width: var(--size);
    height: var(--size);
    background-image: url(../../upgrade/images/user-black.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    transition: 0.3s;
    pointer-events: none;
}

.header-sticky .ch-navigation>ul>li.nav-item>.nav-link img {
    opacity: 0;
}

.introSection {
    padding: 109px 0;
    background-color: #fff;
}

.introSection .section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.introSection .section_header .closepage a {
    font-size: 0;
}

.introSection .section_header .closepage a::after {
    content: 'Close';
    font-family: 'Futura';
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #201E1F !important;
    background: transparent !important;
    padding: 0;
    border: none;
    box-shadow: none;
    min-width: auto;
}

.introSection .section_header h3 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 0;
}

.form-row {
    margin: 0 !important;
}

.form-group {
    padding: 0 !important;
}

.form-group label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'Futura';
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}

.form-group .form-control {
    width: 100%;
    padding: 10px;
    padding-top: 24px;
    height: 57px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.75);
    border-radius: 8px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    color: #000000;
}

.custLogFrm input.btn:hover,
.custLogFrm input.btn:focus {
    background: var(--orange);
    border: 1px solid var(--orange);
}

.custLogFrm input.btn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 59px;
    gap: 10px;
    width: 100%;
    height: 52px;
    background: #201E1F;
    border-radius: 8px;
    border: 0;
    font-family: 'Futura';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 1px solid #000000;
}

section.booking-details .table .table_button:hover {
    color: var(--orange) !important;
}

section.booking-details .table .table_button {
    font-family: 'Futura';
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #201E1F !important;
    background: transparent !important;
    padding: 0;
    border: none;
    box-shadow: none;
    min-width: auto;
}

section.booking-details .button_wrapper {
    display: flex;
    justify-content: center;
}

section.booking-details .cancelbookingBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 33px;
    min-width: 247px;
    height: 45px;
    background: #F7941E;
    border-radius: 25px;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    border: none;

    text-align: center;
    color: #F1F1F1;
}

section.booking-details .table th {
    font-family: 'Futura';
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
    color: #201E1F;
}

section.booking-details .table td {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 12px;
    line-height: 13px;
    color: #201E1F;
    vertical-align: middle;
}

section.booking-details .table th {
    border: none;
}

section.booking-details .table td {
    border-bottom: 1px solid #C1C1C1;
}

.introSection2 legend,
.introSection2 .section_header>h4 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #42474C;
    text-transform: uppercase;
}

button#messages_modal_link {
    color: #000000;
}

.custLogFrmhdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.custLogFrmhdr h2 {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 0;
}

@media (min-width: 1025px) {
    .ch-navigation {
        margin-left: auto;
    }

    .ch-mob-nav-actions {
        position: unset;
        opacity: 1;
        pointer-events: all;
    }

    .ch-mob-nav-actions .filter-toggle,
    .ch-mob-nav-actions .menu-toggle {
        display: none;
    }

    body:not(.loggedIn) .ch-mob-nav-actions .user-toggle {
        display: none;
    }
}

.ch-mob-nav-actions .user-toggle {
    position: relative;
}

.ch-mob-nav-actions .user-toggle:hover .dropdownitems {
    opacity: 1;
    pointer-events: all;
    padding-top: 53px;
}

.ch-mob-nav-actions .user-toggle .dropdownitems {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    padding-top: 54px;
    transition: 0.3s;
    top: 0;
    min-width: 140px;
    right: 0;
}

.ch-mob-nav-actions .user-toggle li:not(:last-child) .dropdownitem:hover::before {
    background-color: var(--orange);
}

.ch-mob-nav-actions .user-toggle li:not(:last-child) .dropdownitem::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ddd;
}

.ch-mob-nav-actions .user-toggle li .dropdownitem:hover {
    background-color: var(--orange);
    color: var(--white);
}

.ch-mob-nav-actions .user-toggle .dropdownitem {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    padding: 8px 15px;
    display: flex;
    background-color: #fff;
    transition: 0.3s;
    position: relative;
}

@media (max-width: 767px) {
    .ch-mob-nav-action span {
        display: none;
    }
}

.mainfurtherdistance {
    display: none;
}

.mapfurtherdistance {
    display: none;
}










.marker-big-card:hover {
    background: #fff;
}

.marker-big-card {
    margin-bottom: 0;
    background: #fff;
    padding: 0;
    border: none;
    flex-wrap: nowrap !important;

    overflow: hidden;
    border-radius: 8px;
    padding: 10px;
    max-width: 860px;
    margin: 0 auto;
}

.marker-big-card .hotel-images-carousel img {
    width: 100%;
    height: auto;
    background-image: url(../../upgrade/images/not-loaded.png);
    background-size: cover;
    background-position: center;
}

.marker-big-card .hotel-images {
    width: 100% !important;
    max-width: 420px;
    max-width: 310px;
    position: relative;
}

.marker-big-card .hotel-short-details {
    width: calc(100% - 420px - 10px) !important;
    width: calc(100% - 310px - 10px) !important;
    /* padding: 44px 14px;
    padding: 24px 14px; */
    padding: 0px 14px;
}

.ch-map-popup-main .marker-big-card .icon-text-items-top {
    margin-bottom: 12px;
}

.marker-big-card .hotel-short-details .ch-hotel-name {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 400;
    font-size: 24px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 8px;
}

.marker-big-card .hotel-short-details .ch-hotel-address {
    font-family: 'Futura';
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 18px;
}

.marker-big-card .ch-hotel-feedback .ratings {
    font-weight: 400;
}

.marker-big-card .icon-text-items.small {
    flex-direction: column;
    width: 100%;
}

.marker-big-card .icon-text-items.small .icon-text-item {
    width: 100%;
}

.marker-big-card .hotel-short-details .ch-hotel-rooms {
    box-shadow: none;
}

.marker-big-card .hotel-short-details .details-group {
    /* margin-top: 34px; */
    margin-top: 13px;
    margin-bottom: 0;
    gap: 30px;
    /* flex-wrap: wrap; */
}

.marker-big-card .ch-hotel-feedback .expedia-icon {
    display: none;
}

.marker-big-card .ch-hotel-feedback {
    align-items: center;
}

.marker-big-card .ch-hotel-feedback::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-flex;
    background-image: url(../../upgrade/images/star.svg);
    background-position: center;
    background-size: contain;
}

.marker-big-card .ch-hotel-price {
    margin-left: auto;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    color: #000000;
    margin-bottom: 3px;
    max-width: 121px;
    flex-wrap: wrap;
}

#map .mapboxgl-popup,
#map .maplibregl-popup {
    /* width: calc(100% - 415px - 250px - 20px - 20px - 37px - 17px - 0px - 0px); */
    z-index: 10000;
    /*  position: fixed; */
    /*  right: 18px; */
    /*  left: auto; */
    /* bottom: 0px; */
    /*  top: auto; */
    /* transform: none !important; */
}

#map .maplibregl-popup-content {
    top: auto !important;
    border-radius: 0 !important;
    /* box-shadow: none !important; */
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    background: transparent;


    padding: 26px 0;
}

.marker-big-card .hotel-images-carousel {
    display: flex;
}

#map .mapboxgl-popup-tip,
#map .maplibregl-popup-tip {
    display: none;
}

@media (max-width:1440px) {
    .marker-big-card .hotel-images {
        max-width: 180px;
    }

    .marker-big-card .hotel-short-details {
        width: calc(100% - 180px - 10px) !important;
        padding: 18px 8px;
        padding: 5px 8px;
    }

    /* .marker-big-card .hotel-short-details .details-group .left {
        width: calc(50% - 15px);
    }

    .marker-big-card .hotel-short-details .details-group .right {
        width: calc(50% - 15px);
    } */

    .hotel-short-details .ch-hotel-rooms {
        min-width: auto;
        text-align: left;
    }

    .ch-hotel-feedback {
        flex-wrap: wrap;
    }



    .marker-big-card .hotel-short-details .ch-hotel-name {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .marker-big-card .hotel-short-details .ch-hotel-address {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .marker-big-card .icon-text-items.small {
        margin-bottom: 0;
        gap: 2px;
    }

    .marker-big-card .icon-text-items.small .text {
        font-size: 11px;
        padding-left: 19px;
    }

    .marker-big-card .hotel-short-details .details-group {
        margin-top: 8px;
    }

    .marker-big-card {
        min-height: auto;
    }
}


@media (min-width:1025px) and (max-width:1440px) {
    .marker-big-card {
        height: 25vh;
        overflow-y: auto;
    }
}

@media (max-width:1024px) {

    #map .mapboxgl-popup,
    #map .maplibregl-popup {
        /* position: absolute; */
        width: 100%;
        /* right: 0; */
        /* bottom: 1px; */
    }

    .marker-big-card .hotel-short-details {
        width: 100% !important;
        padding: 0;
    }

    .marker-big-card .hotel-short-details .ch-hotel-name {
        /* width: 50%; */
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 11px;
        order: 1;
    }

    .marker-big-card .hotel-short-details .ch-hotel-address {
        display: none;
    }

    /* .marker-big-card .hotel-short-details .details-group .left {
        display: none;
    } */

    .marker-big-card .hotel-short-details .details-group {
        margin-top: 0;
        justify-content: flex-end;
        /* width: 50%; */
        order: 2;
    }

    .marker-big-card .hotel-images {
        max-width: 100%;
    }

    .marker-big-card .hotel-images-carousel img {
        height: 127px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .marker-big-card .ch-hotel-price {
        max-width: none;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    #map .maplibregl-popup-content {
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 0;
    }


    .marker-big-card .hotel-short-details .details-group .left {
        width: 50%;
    }

    .marker-big-card .hotel-short-details .details-group .right {
        width: 50%;
    }

    .marker-big-card .ch-hotel-price {
        text-align: right;
    }

    .marker-big-card .hotel-short-details {
        display: flex;
        flex-wrap: wrap;
    }

    .marker-big-card .ch-hotel-feedback {
        order: 3;
        width: 100%;
    }

    .ch-map-popup-main .marker-big-card .icon-text-items-top {
        position: absolute;
        top: 10px;
        left: 10px;
        width: auto;
        flex-wrap: nowrap;
    }

    .marker-big-card .hotel-images {
        margin-top: 37px !important;
    }
}

@media (max-width:991px) {
    .marker-big-card .hotel-images {
        margin-top: 0;
    }

    .marker-big-card .hotel-short-details .details-group .right {
        margin-bottom: 0;
        width: auto;
    }
}

@media (max-width:640px) {
    .ch-map-popup-main .marker-big-card .icon-text-items-top {
        width: calc(100% - 20px);
    }
}

@media (min-width:1025px) {
    .marker-big-card .hotel-images-carousel img {
        /* position: absolute; */
        top: 0;
        left: 0;
        height: 100%;
        -o-object-position: top;
        object-position: top;
    }
}





.radiobox__wrapper .radiobox__div {
    width: 60px;
    cursor: pointer;
}

.radiobox__wrapper .radiobox__div label {
    color: #000;
}

.radiobox__wrapper.radiobox_guest {
    display: flex;
    flex-direction: column;
}

.radiobox__wrapper.radiobox_guest .radiobox__div {
    border: none;
    width: 100%;
    height: auto;
}

.radiobox__wrapper.radiobox_guest .radiobox__div input:checked~label,
.radiobox__wrapper.radiobox_guest .radiobox__div label {
    background: transparent !important;
    position: relative;
    color: #000 !important;
    margin-bottom: 0;
}

.radiobox__wrapper.radiobox_guest .radiobox__div label::before {
    content: '';
    display: inline-block !important;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    border: 1px solid #000;
    position: absolute;
    left: 0;
    border-radius: 50%;
}

.radiobox__wrapper.radiobox_guest .radiobox__div input.guest_rating_cls:checked~label::before {
    display: inline-block !important;
    /* border: 1px solid var(--orange); */
}

.radiobox__wrapper.radiobox_guest .radiobox__div input.guest_rating_cls:checked~label::after {
    transform: scale(1);
    display: inline-block !important;
}

.radiobox__wrapper.radiobox_guest .radiobox__div label::after {
    transform: scale(0);
    transition: 0.3s;
    content: '';
    display: inline-block !important;
    --size: 12px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    left: 4px;
    border-radius: 50%;
    background-color: var(--black);
}



.steps-grid-boxes.owl-carousel .owl-item {
    min-height: 100%;
}

.steps-grid-boxes.owl-carousel .owl-stage {
    display: flex;
}

.steps-grid-boxes.owl-carousel .owl-item .steps-grid-box {
    height: 100%;
}

.ch-hotel-feedback .expedia-icon {
    --size: 20px;
    width: var(--size);
    height: var(--size);
}

.ch-hotel-feedback .expedia-icon img {
    width: 100%;
    height: 100%;
    display: flex;
}

.ch-hotel-cards h2.heading {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
}

section.aboutus-banner.terms-of-use {
    min-height: auto;
    padding-bottom: 0;
}

section.aboutus-banner.terms-of-use .about-head {
    margin-bottom: 0;
}

section.about-content.terms-of-use {}

section.about-content.terms-of-use .abt-main-box {
    width: 100%;
}

section.about-content.terms-of-use .abt-main-box p {
    line-height: 1.4;
    max-width: 100%;
}

.defload {
    overflow: hidden;
}


.defload .ht_result_loader {
    opacity: 1;
    pointer-events: all;
}



/*  */

.intoactive {
    height: 100vh;
    overflow: hidden;
}

.intoactive .intro_popup {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    overflow: hidden;
}

.intr_content {
    width: 75%;
    position: relative;
}

.innerfade {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.intrclose {
    text-align: end;
}

.inrclstrigger {
    --size: 40px;
    width: var(--size) !important;
    height: var(--size) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer;
}




#video-container {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    margin: 0 auto;
}

@media (min-width:1440px) {
    #video-container {
        max-width: 33vw;
    }

    .intrclose {
        max-width: 33vw;
        margin: auto;
    }
}

#intvideo {
    width: 100%;
    height: 100%;
}

#intvideo-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
}



.fas,
.fab {
    margin-right: 8px;
}

/* Color the icons */
.fa-copy {
    color: gray;
}

.fa-facebook-f {
    color: #3b5998;
}

.fa-twitter {
    color: #1da1f2;
}

.fa-envelope {
    color: #D44638;
}

.fa-facebook-messenger {
    color: #0084ff;
}

.fa-sms {
    color: #3AC569;
}



/*  */

.share-button.share-button-map {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: #FFFFFF;
    color: #000000;
    margin-left: auto;
    margin-right: 12px;
}

.share-button.share-button-map .share-menu {
    top: 32px;
    white-space: nowrap;
    right: 0;
    left: auto;
}


.share-button::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-flex;
    background-image: url(../../upgrade/images/share-icon.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.share-button:hover {
    background-color: #fafafa;
}

.share-button {
    margin-left: 16px;
    border: 1px solid #BBBFCC;
    height: 37px;
    background: #fff;
    padding: 0 14px;
    min-width: 101px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    position: relative;
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #141519;
}

.share-menu {
    display: flex;
    flex-direction: column;
    /* gap: 2px; */
    background: transparent;
    top: calc(35px + 10px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 8px;
    transition: 0.3s;
    border: 1px solid #BBBFCC;
    box-shadow: none;
    overflow: hidden;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #141519;
}

.share-button:hover .share-menu {
    display: flex;
    top: calc(35px + 0px);
    opacity: 1;
    pointer-events: all;
}

.share-menu-item {
    height: 37px;
    background: #fff;
    padding: 0 14px;
    min-width: 101px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.share-menu-item:hover {
    background-color: #fafafa;
}

/* .sorting-dropdown {
    max-width: 100%;
    width: 60%;
    justify-content: space-between;
} */

/* .ch-map-popup-main .sorting-dropdown {
    width: 100%;
    max-width: max-content;
} */

@media (max-width:1024px) {

    /* .sorting-dropdown {
        width: 100%;
        justify-content: flex-start;
    } */
    #map .mapboxgl-popup,
    #map .maplibregl-popup,
    .marker-big-card {
        max-width: 400px !important;
    }
}

@media (max-width:767px) {
    .share-button {
        justify-content: center;
        min-width: 37px;
        padding: 0;
        font-size: 0;
        margin-left: auto;
    }

    .share-menu {
        right: 0;
        left: auto;
    }

    .share-menu-item {
        font-size: 16px;
    }

    .creatPopDesti .results-count {
        width: 100%;
        display: flex;
        align-content: center;
        gap: 7px;
    }
}










.share-list-toggle {
    cursor: pointer;
    border: 1px solid #BBBFCC;
    height: 37px;
    background: #fff;
    padding: 0 14px;
    min-width: 101px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    position: relative;
    white-space: nowrap;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #141519;
}

.share-list-toggle:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-flex;
    background-image: url(/assets/upgrade/images/share-icon.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.share-list-wrap .share-button {
    border: none;
    font-size: 0;
    padding: 0;
    height: auto;
    margin: 0;
    line-height: 0;
    position: unset;
}

.share-list-wrap .share-button:before {
    display: none;
}

.share-list-item .toggle {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
    color: #141519;
}

.share-list {
    z-index: 2;
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #fff;
    top: 35px;
    right: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 8px;
    transition: 0.3s;
    border: 1px solid #BBBFCC;
    box-shadow: none;
}

.share-list-wrap:hover .share-list {
    display: flex;
    top: 37px;
    opacity: 1;
    pointer-events: all;
}


.share-list-item .share-menu {
    top: 0px;
    right: calc(100% - 10px);
    left: auto;
    font-size: 14px;
    line-height: 20px;
}

.share-list-item:hover .share-menu {
    display: flex;
    top: 0px;
    opacity: 1;
    pointer-events: all;
    right: calc(100% + 0px);
    left: auto;
}

.share-list-wrap {
    margin-right: auto;
    display: flex;
    position: relative;
}

.share-list-item {
    padding: 5px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.share-list-item:hover {
    background: #eee5;
}

@media (max-width: 991px) {
    .hotel__details .hotel__name .icon-text-items-mob {
        position: unset;
        order: 0;
    }

    .hotel__details .hotel__name .htlspname {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .share-list-wrap:hover .share-list {
        left: 0;
        right: auto;
    }

    .share-list-wrap:hover .share-list {
        top: 37px;
    }

    .share-list-item .share-menu {
        left: calc(100% - 10px);
        right: auto;
    }

    .share-list-item:hover .share-menu {
        left: calc(100% + 0px);
        right: auto;
    }

}

.marker-big-card.ch-hotel-card:hover .icon-text-items-top .icon-text-item {
    background-color: #EBEDFF;
}

.marker-big-card .ch-hotel-feedback::before {
    order: 1;
}

.marker-big-card .ch-hotel-feedback {
    align-items: center;
    /* max-width: 124px; */
    flex-wrap: wrap;
}

.marker-big-card .ch-hotel-feedback .ratings {
    font-weight: 600;
    font-size: 22px;
}

.ch-map-popup-main .ch-hotel-card .ch-hotel-feedback {
    margin-bottom: 10px;
}

.ch-map-popup-main .ch-hotel-card .ch-hotel-feedback svg {
    width: 15px;
    height: 15px;
}

.ch-map-popup-main .ch-hotel-card .reserve-now-btn {
    height: auto;
    padding: 8px 20px;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.ch-map-popup-main .ch-hotel-images-column .ch-hotel-price {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    text-align: right;
    justify-content: flex-end;
}

.ch-map-popup-main .ch-hotel-images-column .ch-hotel-price.cut-price {
    color: #848484;
    font-size: 18px;
    line-height: 1;
}

.ch-map-popup-main .ch-hotel-images-column .ch-hotel-price span,
.ch-map-popup-main .ch-hotel-images-column .ch-hotel-price .currency_sign {
    font-size: 14px;
}

.ch-map-popup-main .ch-hotel-images-column .ch-hotel-price .currency_sign {
    font-size: 14px;
    margin-left: 6px;
    color: #848484;
    font-weight: 400;
}

@media (max-width:1024px) {
    .marker-big-card .hotel-short-details .details-group {
        order: 2 !important;
    }

    .ch-map-popup-main .ch-hotel-card .reserve-now-btn {
        width: auto;
        display: inline-flex;
        order: 3;
    }
}

@media (max-width:991px) {
    .ch-map-popup-main .ch-hotel-card .hotel-images {
        margin-top: 0;
    }
}

@media (max-width:767px) {
    .ch-map-popup-main .icon-text-items-top .icon-text-item {
        padding: 0px 14px 0px 30px;
    }

    .ch-map-popup-main .icon-text-items-top {
        gap: 5px;
    }

    .ch-map-popup-main .icon-text-items-top .icon-text-item .text {
        font-size: 10px;
    }


    .ch-map-popup-main .icon-text-items-top {
        position: unset;
        order: -1;
    }

    /* .hotel-short-details .ch-hotel-feedback {
        max-width: 154px;
    } */
}

@media (max-width:451px) {
    .ch-map-popup-main .ch-hotel-card .reserve-now-btn {
        width: 100%;
    }
}

.map-filter-active {
    overflow: hidden;
}

.htmsg .loader-text {
    display: block !important;
}

.htmsg .loader-text p {
    margin-bottom: 5px !important;
}





.mapmrkloading {
    background-color: #020288 !important;
    min-width: 70px;
    min-height: 26px;
}

.mapmrkloading.pricemark .pricemrkhtml {
    color: transparent !important;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    top: 0;
    left: 10px;
}

.mapmrkloading.pricemark .pricemrkhtml::after,
.mapmrkloading.pricemark .pricemrkhtml::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 5.333px;
    height: 5.333px;
    transform: translate(-50%, 50%);
    border-radius: 50%;
}

.mapmrkloading.pricemark .pricemrkhtml::before {
    left: auto;
    right: 0;
    background: #FFF;
    transform: translate(50%, 100%);
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.skeleton {
    position: relative;
    overflow: hidden;
    background-color: #ddd !important;
    color: #ddd !important;
    border-color: #ddd !important;
    box-shadow: none !important;
}

.skeleton * {
    opacity: 0
}

.skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
    -webkit-animation: shimmer 5s infinite;
    animation: shimmer 5s infinite;
    content: ""
}

@-webkit-keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

.mappricerighthalf .listingreserve {
    display: none;
}

.map-toggle.maptrgr.disabled {
    background: #bcbcbc;
    pointer-events: none;
}

.markch-hotel-price .listingreserve {
    display: none;
}








































.ch-map-popup-main .ch-hotel-card .hotel-images img {
    border-radius: 5px;
}

@media (min-width:1441px) and (max-width:1800px) {
    .ch-map-popup-main .ch-main-panel {
        width: 335px;
    }

    .ch-map-popup-main .ch-hotel-card .hotel-images {
        width: 130px;

    }

    .ch-map-popup-main .ch-hotel-card .hotel-images img {
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .ch-hotel-images-column .right {
        margin-left: 17px;
        width: calc(100% - 130px - 17px);
    }

    .ch-map-panel {
        width: calc(100% - 335px - 250px - 20px - 20px - 37px - 17px - 0px - 0px);
    }

    /* #map .mapboxgl-popup,
    #map .maplibregl-popup {
        width: calc(100% - 335px - 250px - 20px - 20px - 37px - 17px - 0px - 0px);
    } */

    .marker-big-card .hotel-images {
        max-width: 200px;
    }

    .marker-big-card .hotel-short-details {
        width: calc(100% - 200px - 10px) !important;
        padding-left: 5px;
    }

    .marker-big-card .hotel-short-details .ch-hotel-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 2px;
    }

    .ch-map-popup-main .marker-big-card .icon-text-items-top {

        margin-bottom: 7px;
    }

    .marker-big-card .hotel-short-details .ch-hotel-address {

        margin-bottom: 9px;
    }

    .marker-big-card .hotel-short-details .details-group {

        /* margin-top: -4px; */
    }

    .marker-big-card .hotel-short-details .details-group .icon-text-items.small {
        margin-bottom: 0;
    }
}

@media (min-width:1025px) and (max-width:1100px) {

    .marker-big-card .hotel-short-details .details-group {

        flex-wrap: wrap;
    }

    .marker-big-card .hotel-short-details .details-group .left {
        width: 100% !important;
    }

    .marker-big-card .hotel-short-details .details-group .right {
        width: 100%;
    }

    .marker-big-card .hotel-short-details .details-group .right .ch-hotel-price {
        flex-direction: column;
        display: flex;
        align-items: flex-end;
        max-width: 100%;
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    .ch-map-popup-main .ch-main-panel {
        width: 305px;
    }

    .ch-map-popup-main .ch-hotel-card .hotel-images {
        width: 115px;
    }

    .ch-hotel-images-column .right {
        width: calc(100% - 115px - 17px);
    }

    .ch-map-popup-main .ch-hotel-card .hotel-images img {
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .ch-map-panel {
        width: calc(100% - 305px - 250px - 20px - 20px - 37px - 17px - 0px - 0px);
    }

    /* #map .mapboxgl-popup,
    #map .maplibregl-popup {
        width: calc(100% - 305px - 250px - 20px - 20px - 37px - 17px - 0px - 0px);
    } */

    .marker-big-card .hotel-images {
        max-width: 120px;
        aspect-ratio: 1;
        align-self: flex-start;
    }

    .marker-big-card .hotel-short-details {
        width: calc(100% - 120px - 10px) !important;
        padding-left: 4px;
    }

    .marker-big-card .hotel-short-details .ch-hotel-rooms {

        /* width: 100%; */
        white-space: break-spaces;
    }


    .marker-big-card .hotel-short-details .details-group .left {
        /* width: 100%; */
        /* max-width: 150px; */
    }

    .marker-big-card .hotel-short-details .details-group .right {
        /* width: 100%; */
        /* max-width: 150px; */
        margin-left: auto;
    }

    .marker-big-card .icon-text-items-top .icon-text-item .text {
        font-size: 10px;
        line-height: 1.2;
    }

    .marker-big-card .icon-text-items-top .icon-text-item .icon {
        background-color: #4E58A4;
        border-radius: 50px;
        background-size: 7px;
        --size: 15px;
        left: 4px;
        top: 4px;
    }

    .marker-big-card .icon-text-items-top .icon-text-item {
        padding-left: 25px;
        padding-right: 10px;
        min-height: 23px;
    }

    .ch-map-popup-main .marker-big-card .icon-text-items-top {
        gap: 5px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .ch-map-popup-main .marker-big-card .icon-text-items-top {
        gap: 5px;
    }

    .ch-map-popup-main .marker-big-card .icon-text-items-top .icon-text-item {
        padding-left: 30px;
        padding-right: 10px;
    }
}

h2.heading.therearenohtls {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #201E1F;
    margin-bottom: 0;
}

h6.heading.plschosechk {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #006CD1;
    margin-bottom: 20px;
}

.map-ch-main-panel h2.heading.therearenohtls {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 4px;
}

.map-ch-main-panel h6.heading.plschosechk {
    font-size: 15px;
}

.ch-map-popup-main .ch-hotel-images-column .mappricerighthalf {
    text-align: right;
}


.marker-big-card .hotel-short-details .details-group .right .ch-hotel-price .multibok {
    margin-bottom: 10px;
}

@media (min-width:1025px) {
    .marker-big-card .hotel-short-details .details-group .left {
        width: 70%;
    }
}

@media (max-width:1024px) {
    .marker-big-card .hotel-short-details .details-group .left .icon-text-items.small {
        display: none;
    }
}

@media (max-width:991px) {
    .marker-big-card .hotel-short-details .details-group {
        flex-wrap: nowrap;
    }

    .marker-big-card .hotel-short-details .details-group .right .ch-hotel-price {
        flex-wrap: nowrap;
        align-items: flex-end;
        flex-direction: column;
    }

    .marker-big-card .hotel-short-details .details-group {
        gap: 10px;
    }
}

@media (max-width:320px) {

    .marker-big-card .hotel-short-details .details-group {
        flex-wrap: wrap;
        gap: 0;
    }

    .marker-big-card .hotel-short-details .details-group .left {
        width: 100%;
    }

    .marker-big-card .hotel-short-details .details-group .right {
        width: 100%;
    }

    .marker-big-card .hotel-short-details .details-group .right .ch-hotel-rooms {
        margin-left: auto;
    }
}


.error-popup-close {
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 10px;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE3MzkgOC45OTkyOUwxMy43NTM3IDUuNDI3MjNDMTMuOTEwNSA1LjI3MDQ0IDEzLjk5ODYgNS4wNTc3OSAxMy45OTg2IDQuODM2MDVDMTMuOTk4NiA0LjYxNDMyIDEzLjkxMDUgNC40MDE2NyAxMy43NTM3IDQuMjQ0ODdDMTMuNTk3IDQuMDg4MDggMTMuMzg0MyA0IDEzLjE2MjYgNEMxMi45NDA5IDQgMTIuNzI4MyA0LjA4ODA4IDEyLjU3MTUgNC4yNDQ4N0w5IDcuODI1MjZMNS40Mjg0NSA0LjI0NDg3QzUuMjcxNjggNC4wODgwOCA1LjA1OTA2IDQgNC44MzczNiA0QzQuNjE1NjUgNCA0LjQwMzAzIDQuMDg4MDggNC4yNDYyNiA0LjI0NDg3QzQuMDg5NDkgNC40MDE2NyA0LjAwMTQyIDQuNjE0MzIgNC4wMDE0MiA0LjgzNjA1QzQuMDAxNDIgNS4wNTc3OSA0LjA4OTQ5IDUuMjcwNDQgNC4yNDYyNiA1LjQyNzIzTDcuODI2MTMgOC45OTkyOUw0LjI0NjI2IDEyLjU3MTNDNC4xNjgyMyAxMi42NDg4IDQuMTA2MjkgMTIuNzQwOCA0LjA2NDAzIDEyLjg0MjNDNC4wMjE3NiAxMi45NDM4IDQgMTMuMDUyNiA0IDEzLjE2MjVDNCAxMy4yNzI0IDQuMDIxNzYgMTMuMzgxMyA0LjA2NDAzIDEzLjQ4MjdDNC4xMDYyOSAxMy41ODQyIDQuMTY4MjMgMTMuNjc2MyA0LjI0NjI2IDEzLjc1MzdDNC4zMjM2NSAxMy44MzE3IDQuNDE1NzMgMTMuODkzNyA0LjUxNzE4IDEzLjkzNkM0LjYxODY0IDEzLjk3ODIgNC43Mjc0NSAxNCA0LjgzNzM2IDE0QzQuOTQ3MjYgMTQgNS4wNTYwOCAxMy45NzgyIDUuMTU3NTMgMTMuOTM2QzUuMjU4OTggMTMuODkzNyA1LjM1MTA2IDEzLjgzMTcgNS40Mjg0NSAxMy43NTM3TDkgMTAuMTczM0wxMi41NzE1IDEzLjc1MzdDMTIuNjQ4OSAxMy44MzE3IDEyLjc0MSAxMy44OTM3IDEyLjg0MjUgMTMuOTM2QzEyLjk0MzkgMTMuOTc4MiAxMy4wNTI3IDE0IDEzLjE2MjYgMTRDMTMuMjcyNSAxNCAxMy4zODE0IDEzLjk3ODIgMTMuNDgyOCAxMy45MzZDMTMuNTg0MyAxMy44OTM3IDEzLjY3NjMgMTMuODMxNyAxMy43NTM3IDEzLjc1MzdDMTMuODMxOCAxMy42NzYzIDEzLjg5MzcgMTMuNTg0MiAxMy45MzYgMTMuNDgyN0MxMy45NzgyIDEzLjM4MTMgMTQgMTMuMjcyNCAxNCAxMy4xNjI1QzE0IDEzLjA1MjYgMTMuOTc4MiAxMi45NDM4IDEzLjkzNiAxMi44NDIzQzEzLjg5MzcgMTIuNzQwOCAxMy44MzE4IDEyLjY0ODggMTMuNzUzNyAxMi41NzEzTDEwLjE3MzkgOC45OTkyOVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 14px;
}

.error-popup-main {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 20px;
    top: 0;
    left: 0;
    z-index: 1000001;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

.error-popup-inner {
    background: #fff;
    max-width: 500px;
    border-radius: 10px;
    width: 100%;
    padding: 40px;
    padding-top: 50px;
    position: relative;
}

.error-popup-main.active {
    opacity: 1;
    pointer-events: all;
}

ul.error-list li {
    padding: 2px 13px;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    width: 100%;
    border-color: #f5c6cb;
    background-color: #f8d7da;
    color: #721c24;
}

.error-popup-action {
    text-decoration: none !important;
    min-width: 123px;
    height: 45px;
    border: 1px solid var(--white);
    border-radius: 45px;
    font-family: 'Futura';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--white) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #313447;
}

.error-popup-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

ul.error-list li:first-child {
    margin-top: 0;
}

@media (max-width:767px) {
    .error-popup-inner {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

.ch-get-banner-search2 {
    padding: 100px 0 !important;
}



.error-popup-inner h4.error-heading {
    color: #bf0606;
    text-align: center;
    margin-bottom: 24px;
    font-size: 23px;
}


a.signupgooglelink {
    display: flex;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

a.signupgooglelink img {
    width: 100%;
}


@media (min-width: 1025px) {
    .ch-footer .ch-quick-links {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .ch-footer .ch-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}


@media (min-width: 1025px) and (max-width:1100px) {

    /* header css */
    .ch-navigation>ul>li.orange>a {
        font-size: 14px;
        width: 139px;
        height: 40px;
    }

    .ch-navigation>ul>li>a {
        font-size: 14px;
    }

    .ch-navigation>ul {
        gap: 25px;
        margin-right: 25px;
    }

    .ch-auth-action {
        min-width: 110px;
        height: 40px;
    }

    .ch-nav-logo {
        height: 35px;
    }

    .ch-navigation .currency-dropdown #add_currency {
        font-size: 14px;
    }

    /* header css */
}


@media (max-width: 1024px) {
    .ch-footer .ch-quick-links>li>a {
        font-family: Poppins;
        font-size: 13px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0.06em;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .ch-footer .ch-quick-links {
        line-height: 14px;
        display: flex;
    }

    .ch-footer-subscribe input {
        font-family: Poppins;
        font-size: 13px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0.06em;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        width: 100%;
    }

    .ch-footer-subscribe .submit-button {
        align-items: center;
    }

    .ch-footer .ch-quick-links {
        margin-top: 43px;
    }

    .ch-footer .ch-inner {
        padding-bottom: 42px;
    }

    .footer-bottom {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .subscribe-heading {
        margin-bottom: 10px;
        font-family: Poppins;
        font-size: 17px;
        font-weight: 400;
        line-height: 25.5px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

    .ch-footer-subscribe .SubForm {
        gap: 15px;
    }

    .ch-footer-subscribe .submit-button {
        height: 52px;
    }

    .ch-footer-subscribe input {
        height: 52px;
    }

    .lets-connect {
        margin-bottom: 0;
        width: 100%;
        justify-content: space-between;
    }

    .ch-foot-inpSec {
        width: 100%;
    }
}


.hotel__details .hoteldesc .hoteldescHd+h2 {
    color: #1A1F44;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.26px;
    margin-bottom: 0;
}

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

.icons_list_main h2.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);
}

.icons_list_main h2.heading,
.list_main h2.heading {
    padding: 8px 17px;
    background: #F6F6F9;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.amWrapper>.icons_list_main h2.heading {
    padding: 0;
    background-color: transparent;
}

.amWrapper>.icons_list_main h2.heading span::before {
    content: '';
    display: inline-flex;
    width: 16px;
    height: 13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTY4NzUgMS41NzgxMlYxLjc1MzkxQzguOTY4NzUgMi4zMzk4NCA5LjIwMzEyIDIuOTI1NzggOS42NDI1OCAzLjMwNjY0TDEwLjE0MDYgMy43NDYwOUMxMC44NzMgNC40MTk5MiAxMS4yODMyIDUuMzU3NDIgMTEuMjgzMiA2LjM1MzUyVjYuNzM0MzhDMTEuMjgzMiA3LjE0NDUzIDEwLjk5MDIgNy40Mzc1IDEwLjU4MDEgNy40Mzc1QzEwLjE5OTIgNy40Mzc1IDkuODc2OTUgNy4xNDQ1MyA5Ljg3Njk1IDYuNzM0MzhWNi4zNTM1MkM5Ljg3Njk1IDUuNzY3NTggOS42NDI1OCA1LjE4MTY0IDkuMjAzMTIgNC44MDA3OEw4LjcwNTA4IDQuMzYxMzNDNy45NzI2NiAzLjY4NzUgNy41NjI1IDIuNzUgNy41NjI1IDEuNzUzOTFWMS41NzgxMkM3LjU2MjUgMS4xOTcyNyA3Ljg1NTQ3IDAuODc1IDguMjY1NjIgMC44NzVDOC42NDY0OCAwLjg3NSA4Ljk2ODc1IDEuMTk3MjcgOC45Njg3NSAxLjU3ODEyWk0xIDEwLjI1VjguMzc1QzEgNi44MjIyNyAyLjI1OTc3IDUuNTYyNSAzLjgxMjUgNS41NjI1QzQuMzk4NDQgNS41NjI1IDUuMDEzNjcgNS43Njc1OCA1LjQ4MjQyIDYuMTQ4NDRMNy45NzI2NiA4LjAyMzQ0QzguMzI0MjIgOC4yNTc4MSA4LjcwNTA4IDguMzc1IDkuMTE1MjMgOC4zNzVIMTQuMTI1QzE1LjE1MDQgOC4zNzUgMTYgOS4yMjQ2MSAxNiAxMC4yNVYxNEMxNiAxNS4wNTQ3IDE1LjE1MDQgMTUuODc1IDE0LjEyNSAxNS44NzVIMi44NzVDMS44MjAzMSAxNS44NzUgMSAxNS4wNTQ3IDEgMTRWMTAuNzE4OFYxMC4yNVpNNC43NSAxMC43MTg4QzQuNzUgMTAuNDg0NCA0LjUxNTYyIDEwLjI1IDQuMjgxMjUgMTAuMjVDNC4wMTc1OCAxMC4yNSAzLjgxMjUgMTAuNDg0NCAzLjgxMjUgMTAuNzE4OFYxMy41MzEyQzMuODEyNSAxMy43OTQ5IDQuMDE3NTggMTQgNC4yODEyNSAxNEM0LjUxNTYyIDE0IDQuNzUgMTMuNzk0OSA0Ljc1IDEzLjUzMTJWMTAuNzE4OFpNNy4wOTM3NSAxMC4yNUM2LjgzMDA4IDEwLjI1IDYuNjI1IDEwLjQ4NDQgNi42MjUgMTAuNzE4OFYxMy41MzEyQzYuNjI1IDEzLjc5NDkgNi44MzAwOCAxNCA3LjA5Mzc1IDE0QzcuMzI4MTIgMTQgNy41NjI1IDEzLjc5NDkgNy41NjI1IDEzLjUzMTJWMTAuNzE4OEM3LjU2MjUgMTAuNDg0NCA3LjMyODEyIDEwLjI1IDcuMDkzNzUgMTAuMjVaTTEwLjM3NSAxMC43MTg4QzEwLjM3NSAxMC40ODQ0IDEwLjE0MDYgMTAuMjUgOS45MDYyNSAxMC4yNUM5LjY0MjU4IDEwLjI1IDkuNDM3NSAxMC40ODQ0IDkuNDM3NSAxMC43MTg4VjEzLjUzMTJDOS40Mzc1IDEzLjc5NDkgOS42NDI1OCAxNCA5LjkwNjI1IDE0QzEwLjE0MDYgMTQgMTAuMzc1IDEzLjc5NDkgMTAuMzc1IDEzLjUzMTJWMTAuNzE4OFpNMTIuNzE4OCAxMC4yNUMxMi40NTUxIDEwLjI1IDEyLjI1IDEwLjQ4NDQgMTIuMjUgMTAuNzE4OFYxMy41MzEyQzEyLjI1IDEzLjc5NDkgMTIuNDU1MSAxNCAxMi43MTg4IDE0QzEyLjk1MzEgMTQgMTMuMTg3NSAxMy43OTQ5IDEzLjE4NzUgMTMuNTMxMlYxMC43MTg4QzEzLjE4NzUgMTAuNDg0NCAxMi45NTMxIDEwLjI1IDEyLjcxODggMTAuMjVaTTExLjU0NjkgMC44NzVDMTEuOTI3NyAwLjg3NSAxMi4yNSAxLjE5NzI3IDEyLjI1IDEuNTc4MTJWMS43NTM5MUMxMi4yNSAyLjMzOTg0IDEyLjQ4NDQgMi45MjU3OCAxMi45MjM4IDMuMzA2NjRMMTMuNDIxOSAzLjc0NjA5QzE0LjE1NDMgNC40MTk5MiAxNC41NjQ1IDUuMzU3NDIgMTQuNTY0NSA2LjM1MzUyVjYuNzM0MzhDMTQuNTY0NSA3LjE0NDUzIDE0LjI3MTUgNy40Mzc1IDEzLjg2MTMgNy40Mzc1QzEzLjQ4MDUgNy40Mzc1IDEzLjE1ODIgNy4xNDQ1MyAxMy4xNTgyIDYuNzM0MzhWNi4zNTM1MkMxMy4xNTgyIDUuNzY3NTggMTIuOTIzOCA1LjE4MTY0IDEyLjQ4NDQgNC44MDA3OEwxMS45ODYzIDQuMzYxMzNDMTEuMjUzOSAzLjY4NzUgMTAuODQzOCAyLjc1IDEwLjg0MzggMS43NTM5MVYxLjU3ODEyQzEwLjg0MzggMS4xOTcyNyAxMS4xMzY3IDAuODc1IDExLjU0NjkgMC44NzVaTTIuODc1IDQuNjI1QzIuMjAxMTcgNC42MjUgMS41ODU5NCA0LjI3MzQ0IDEuMjM0MzggMy42ODc1QzAuOTEyMTA5IDMuMTMwODYgMC45MTIxMDkgMi4zOTg0NCAxLjIzNDM4IDEuODEyNUMxLjU4NTk0IDEuMjU1ODYgMi4yMDExNyAwLjg3NSAyLjg3NSAwLjg3NUMzLjUxOTUzIDAuODc1IDQuMTM0NzcgMS4yNTU4NiA0LjQ4NjMzIDEuODEyNUM0LjgwODU5IDIuMzk4NDQgNC44MDg1OSAzLjEzMDg2IDQuNDg2MzMgMy42ODc1QzQuMTM0NzcgNC4yNzM0NCAzLjUxOTUzIDQuNjI1IDIuODc1IDQuNjI1WiIgZmlsbD0iIzFBMUY0NCIvPgo8L3N2Zz4K);
}

.amWrapper>.icons_list_main h2.heading span {
    display: flex;
    gap: 10px;
    color: #1A1F44;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.19px;
    margin-bottom: 0;
    text-transform: none;
}


.amWrapper>.icons_list_main ul li h2 {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-family: inherit;
    margin-bottom: 0;
}

.new-attracton-div .content ul li h2 {
    width: 100%;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0;
}

.aginnewfaq .hoteldesc ul li h3 {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

.aginnewfaq .hoteldesc ul li h3 {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .new-s_ratingM .new-s_desc {
        font-weight: 400;
        color: #000;
    }
}

@media (max-width: 767px) {
    .new-s_ratingM .new-s_desc {
        font-weight: inherit;
        color: #000;
    }
}



.ch-search-form .input-group+#travelers_modal {
    position: absolute;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: 100%;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    max-width: 392px;
    margin-top: 4px;
}

.ch-search-form .input-group+#travelers_modal .modal-dialog {
    transform: none;
    min-height: auto;
    max-width: 100%;
    margin: 0;
}

.ch-search-form .input-group+#travelers_modal .modal-content {
    height: auto;
    max-width: 100%;
}

.ch-search-form .input-group+#travelers_modal .modal-dialog:before {
    height: auto;
}

@media (max-width: 450px) {
    .ch-search-form .input-group+#travelers_modal {
        max-width: 304px;
        margin-left: -11px;
        max-width: calc(100% - 16px);
    }
}

.travelers_modal_active .modal-backdrop {
    display: none !important;
}

.travelers_modal_active {
    padding-right: 0 !important;
}

.ch-get-banner {
    position: relative;
    z-index: 1;
}

#travelers_modal .trv_rmSearch button,
.trvl_common_cls .trv_rmActions button {
    color: #000000;
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase;
    height: auto;
    padding: 4px 30px !important;
    letter-spacing: 0;
}

.trv_rmSec .rmHead {
    padding: 7px 15px;
}

.trvl_common_cls .modal-content {
    padding: 20px;
}

.trvl_common_cls .modal__header .trv_title {
    font-weight: 600;
}

.trv_rmSec .rmHead>div {
    font-weight: 500;
    font-size: 14px;
}

.trv_rmSec .rmtrvSec>div {
    font-weight: 500;
    font-size: 14px;
}

.trv_rmSec .rmtrvSec {
    padding: 7px 5px;
}

.trvl_common_cls .trv_rmActions {
    margin-top: 14px;
    margin-bottom: 24px;
}

.trvl_common_cls .modal__header {
    margin: 0 0px 20px 0;
}

.travelers_modal_active .ch-search-form .input-group+#travelers_modal {
    opacity: 1;
    display: block;
}

.trv_rmSec .rmHead::after {
    --size: 20px;
    background-size: 7px;
}

.trv_rmSec.active .rmHead::after {
    transform: rotate(360deg);
}

.trv_rmSec .rmtrvSec select {
    color: #000000;
}

/* sign in popup css */
.form-column .heading.blueHeading {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.01em;
    text-align: center;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    margin-bottom: 24px;
    background: linear-gradient(188.67deg, #033E46 20.84%, #3B41B0 95.18%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.form-column {
    padding: 40px;
}

.inputCol input[type="text"],
.inputCol input[type="password"] {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding-left: 50px;
    font-family: Poppins;
    font-size: 14px;
    height: 58px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    background-repeat: no-repeat;
    background-position: 14px center;
}

.inputCol:not(.stysign) label {
    left: 50px;
    letter-spacing: 0;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    top: 8px;
    left: 50px;
    left: 0;
    padding-left: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 10px);
}


.inputCol input[type="text"][name="email"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTY2NzggOS45MTY2M0wxMS41OTkxIDExLjk0NjZDMTMuNTk5OSAxMy4xMjk2IDE0LjM5OTEgMTMuMTI5NiAxNi40MDExIDExLjk0NjZMMTkuODMzNCA5LjkxNjYzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMi4zNTIzOCAxNS43MjIxQzIuNDI4MjEgMTkuMjk3OSAyLjQ2NjcxIDIxLjA4NjQgMy43ODYyMSAyMi40MTA2QzUuMTA1NzEgMjMuNzM1OSA2Ljk0MjA1IDIzLjc4MTQgMTAuNjE1OSAyMy44NzM2QzEyLjg3OTIgMjMuOTMxOSAxNS4xMjE1IDIzLjkzMTkgMTcuMzg0OSAyMy44NzM2QzIxLjA1ODcgMjMuNzgxNCAyMi44OTUgMjMuNzM1OSAyNC4yMTQ1IDIyLjQxMDZDMjUuNTM0IDIxLjA4NjQgMjUuNTcyNSAxOS4yOTc5IDI1LjY0OTUgMTUuNzIyMUMyNS42NzI5IDE0LjU3MTcgMjUuNjcyOSAxMy40Mjg0IDI1LjY0OTUgMTIuMjc4MUMyNS41NzI1IDguNzAyMjIgMjUuNTM0IDYuOTEzNzIgMjQuMjE0NSA1LjU4OTU2QzIyLjg5NSA0LjI2NDIyIDIxLjA1ODcgNC4yMTg3MiAxNy4zODQ5IDQuMTI2NTZDMTUuMTI4OSA0LjA2OTYzIDEyLjg3MTkgNC4wNjk2MyAxMC42MTU5IDQuMTI2NTZDNi45NDIwNSA0LjIxODcyIDUuMTA1NzEgNC4yNjQyMiAzLjc4NjIxIDUuNTg5NTZDMi40NjY3MSA2LjkxMzcyIDIuNDI4MjEgOC43MDIyMiAyLjM1MTIxIDEyLjI3ODFDMi4zMjY2NSAxMy40MjU5IDIuMzI3ODIgMTQuNTc0MiAyLjM1MjM4IDE1LjcyMjFaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.inputCol input[type="password"][name="confirm_password"],
.inputCol input[type="password"][name="password"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjkwNTUgMTguMDgzNUgxNi45MTZNMTEuMDgyNyAxOC4wODM1SDExLjA5MzJNNC45Nzg2OCAyMS45ODZDNS4yNDExOCAyMy45MzQzIDYuODU0NjggMjUuNDYxNSA4LjgxOTM1IDI1LjU1MTNDMTAuNDcxMyAyNS42MjcyIDEyLjE1MDIgMjUuNjY2OCAxMy45OTkzIDI1LjY2NjhDMTUuODQ4NSAyNS42NjY4IDE3LjUyNzMgMjUuNjI3MiAxOS4xNzkzIDI1LjU1MDJDMjEuMTQ0IDI1LjQ2MTUgMjIuNzU3NSAyMy45MzQzIDIzLjAyIDIxLjk4NkMyMy4xOTE1IDIwLjcxNDMgMjMuMzMyNyAxOS40MTEyIDIzLjMzMjcgMTguMDgzNUMyMy4zMzI3IDE2Ljc1NTggMjMuMTkxNSAxNS40NTI3IDIzLjAyIDE0LjE4MUMyMi43NTc1IDEyLjIzMjcgMjEuMTQ0IDEwLjcwNTUgMTkuMTc5MyAxMC42MTU3QzE3LjQ1MzggMTAuNTM2OCAxNS43MjY3IDEwLjQ5ODMgMTMuOTk5MyAxMC41MDAyQzEyLjE1MDIgMTAuNTAwMiAxMC40NzEzIDEwLjUzOTggOC44MTkzNSAxMC42MTY4QzYuODU0NjggMTAuNzA1NSA1LjI0MTE4IDEyLjIzMjcgNC45Nzg2OCAxNC4xODFDNC44MDYwMiAxNS40NTI3IDQuNjY2MDIgMTYuNzU1OCA0LjY2NjAyIDE4LjA4MzVDNC42NjYwMiAxOS40MTEyIDQuODA3MTggMjAuNzE0MyA0Ljk3ODY4IDIxLjk4NloiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04Ljc0OTAyIDEwLjUwMDJWNy41ODM1QzguNzQ5MDIgNi4xOTExMSA5LjMwMjE1IDQuODU1NzUgMTAuMjg2NyAzLjg3MTE5QzExLjI3MTMgMi44ODY2MiAxMi42MDY2IDIuMzMzNSAxMy45OTkgMi4zMzM1QzE1LjM5MTQgMi4zMzM1IDE2LjcyNjggMi44ODY2MiAxNy43MTEzIDMuODcxMTlDMTguNjk1OSA0Ljg1NTc1IDE5LjI0OSA2LjE5MTExIDE5LjI0OSA3LjU4MzVWMTAuNTAwMiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.image-column {
    display: none;
}

.popupWrapper {
    max-width: 640px;
}

.form-column {
    width: 100%;
}

.inputRow {
    margin-bottom: 12px;
}

.frm_trigger_lost {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-transform: none;
    color: #000384;
}

.frm_trigger_lost::before {
    display: none;
}

.inputCol.stysign label {
    letter-spacing: 0px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;

}

.form-group input[type="submit"]:not(:hover),
.inputCol input[type="submit"]:not(:hover) {
    background: #F99523;
    color: #FFFFFF;
}

.form-group input[type="submit"],
.inputCol input[type="submit"] {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    letter-spacing: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    padding: 17px;
    border: none;
    height: auto;
    text-transform: none;

}

.inputRow.stysign+.inputRow {
    margin-top: calc(40px - 12px);
}

.inputCol input[type="button"] {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-transform: none;
    letter-spacing: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    border: 1px solid #000000;
    height: auto;
    padding: 16px;
}

.signUpFormRoute>.text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #053050;
    background: #DCF0FF;
    padding: 6px 6px 5px;
    border-radius: 8px;
    text-align: center;

}

.signUpFormRoute>.heading {
    display: none;
}

.signUpFormRoute>.text:not(:last-child) {
    margin-bottom: 8px;
}

.inputRow:last-child {
    margin-bottom: 0;
}

.popupWrapper {
    align-items: center;
    background: transparent;
    box-shadow: none;
    padding: 30px;
    gap: 30px;
}

.signinPopActive .signinPop {

    box-shadow: 0px 4px 30px 0px #00000040;
}

.popupInner {
    position: relative;
    background: #FFFFFF;

    border-radius: 8px;
}

.signupPopActive .popupInner,
.signupPopActive.passwordPopActive .popupInner {
    transform: translateX(calc(100% * -2 - 60px));
}

.passwordPopActive .popupInner {
    transform: translateX(calc(100% * -1 - 30px));
}

.popupClose {
    top: 40px;
    right: 40px;
}

@media (min-width: 1445px) {
    .inputRow:last-child {
        margin-top: 10px;
    }
}


.signinPopActive.passwordPopActive .popupInner {
    transform: none;
}

.signUpFormRoute>.text a {
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.inputCol input[type="text"][name="mobile"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzc3NzkgMTMuOTQyM0M0LjgyOTc4IDEyLjI5MDMgNC4zNzE3NyAxMC45NDAzIDQuMDk1NzcgOS41NzIyNEMzLjY4Nzc2IDcuNTQ4MjEgNC42MjE3NyA1LjU3MTE4IDYuMTY4OCA0LjMwOTE2QzYuODIyODEgMy43NzYxNiA3LjU3MjgyIDMuOTU5MTYgNy45NTk4MiA0LjY1MjE3TDguODMyODQgNi4yMTkxOUM5LjUyNDg1IDcuNDYxMjEgOS44NzA4NSA4LjA4MTIyIDkuODAyODUgOC43MzkyM0M5LjczMzg1IDkuMzk4MjQgOS4yNjY4NCA5LjkzNDI1IDguMzMzODMgMTEuMDA2M0w1Ljc3Nzc5IDEzLjk0MjNaTTUuNzc3NzkgMTMuOTQyM0M3LjY5NjgyIDE3LjI4ODQgMTAuNzA3OSAyMC4zMDI0IDE0LjA1NzkgMjIuMjIyNE0xNC4wNTc5IDIyLjIyMjRDMTUuNzEwOSAyMy4xNzA0IDE3LjA2IDIzLjYyODUgMTguNDI4IDIzLjkwNDVDMjAuNDUyIDI0LjMxMjUgMjIuNDI5IDIzLjM3ODQgMjMuNjkwMSAyMS44MzE0QzI0LjIyNDEgMjEuMTc3NCAyNC4wNDExIDIwLjQyNzQgMjMuMzQ4MSAyMC4wNDA0TDIxLjc4MSAxOS4xNjc0QzIwLjUzOSAxOC40NzU0IDE5LjkxOSAxOC4xMjk0IDE5LjI2MSAxOC4xOTc0QzE4LjYwMiAxOC4yNjY0IDE4LjA2NiAxOC43MzM0IDE2Ljk5NCAxOS42NjY0TDE0LjA1NzkgMjIuMjIyNFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41MDAwMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.inputCol input[type="text"][name="firstName"],
.inputCol input[type="text"][name="lastName"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjc0MjkgMTguMDYyM0M2LjAyMzQ2IDE5LjA0NDcgMS42OTUxMiAyMS4wNTEzIDQuMzMxNzkgMjMuNTYzMkM1LjYxODYyIDI0Ljc4OTMgNy4wNTI0NiAyNS42NjY3IDguODU0OTUgMjUuNjY2N0gxOS4xNDI2QzIwLjk0NjMgMjUuNjY2NyAyMi4zODAxIDI0Ljc4OTMgMjMuNjY3IDIzLjU2MzJDMjYuMzAzNiAyMS4wNTEzIDIxLjk3NTMgMTkuMDQ0NyAyMC4zMjQ1IDE4LjA2MjNDMTguNDA4NSAxNi45MzA1IDE2LjIyNCAxNi4zMzM1IDEzLjk5ODggMTYuMzMzNUMxMS43NzM1IDE2LjMzMzUgOS41OTAyIDE2LjkzMDUgNy42NzQyOSAxOC4wNjIzWk0xOS4yNSA3LjU4MzM0QzE5LjI1IDguOTc1NzMgMTguNjk2OCAxMC4zMTExIDE3LjcxMjMgMTEuMjk1N0MxNi43Mjc3IDEyLjI4MDIgMTUuMzkyMyAxMi44MzMzIDE0IDEyLjgzMzNDMTIuNjA3NiAxMi44MzMzIDExLjI3MjIgMTIuMjgwMiAxMC4yODc2IDExLjI5NTdDOS4zMDMwOCAxMC4zMTExIDguNzQ5OTUgOC45NzU3MyA4Ljc0OTk1IDcuNTgzMzRDOC43NDk5NSA2LjE5MDk2IDkuMzAzMDggNC44NTU2IDEwLjI4NzYgMy44NzEwM0MxMS4yNzIyIDIuODg2NDcgMTIuNjA3NiAyLjMzMzM0IDE0IDIuMzMzMzRDMTUuMzkyMyAyLjMzMzM0IDE2LjcyNzcgMi44ODY0NyAxNy43MTIzIDMuODcxMDNDMTguNjk2OCA0Ljg1NTYgMTkuMjUgNi4xOTA5NiAxOS4yNSA3LjU4MzM0WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

a.signupgooglelink::after {
    content: '';
    aspect-ratio: 170.89/28;
    min-width: 170.89px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTY5IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzguMzQgMTcuMDk4MkMzNy42NTg3IDE3LjA5ODIgMzcuMDQyNyAxNi45ODE1IDM2LjQ5MiAxNi43NDgyQzM1Ljk1MDcgMTYuNTE0OCAzNS41MjE0IDE2LjE3ODggMzUuMjA0IDE1Ljc0MDJDMzQuODg2NyAxNS4zMDE1IDM0LjcyMzQgMTQuNzgzNSAzNC43MTQgMTQuMTg2MkgzNi44MTRDMzYuODQyIDE0LjU4NzUgMzYuOTgyIDE0LjkwNDggMzcuMjM0IDE1LjEzODJDMzcuNDk1NCAxNS4zNzE1IDM3Ljg1IDE1LjQ4ODIgMzguMjk4IDE1LjQ4ODJDMzguNzU1NCAxNS40ODgyIDM5LjExNDcgMTUuMzgwOCAzOS4zNzYgMTUuMTY2MkMzOS42Mzc0IDE0Ljk0MjIgMzkuNzY4IDE0LjY1MjggMzkuNzY4IDE0LjI5ODJDMzkuNzY4IDE0LjAwODggMzkuNjc5NCAxMy43NzA4IDM5LjUwMiAxMy41ODQyQzM5LjMyNDcgMTMuMzk3NSAzOS4xMDA3IDEzLjI1MjggMzguODMgMTMuMTUwMkMzOC41Njg3IDEzLjAzODIgMzguMjA0NyAxMi45MTY4IDM3LjczOCAxMi43ODYyQzM3LjEwMzQgMTIuNTk5NSAzNi41ODU0IDEyLjQxNzUgMzYuMTg0IDEyLjI0MDJDMzUuNzkyIDEyLjA1MzUgMzUuNDUxNCAxMS43NzgyIDM1LjE2MiAxMS40MTQyQzM0Ljg4MiAxMS4wNDA4IDM0Ljc0MiAxMC41NDYyIDM0Ljc0MiA5LjkzMDE2QzM0Ljc0MiA5LjM1MTUgMzQuODg2NyA4Ljg0NzUgMzUuMTc2IDguNDE4MTZDMzUuNDY1NCA3Ljk4ODgzIDM1Ljg3MTQgNy42NjIxNiAzNi4zOTQgNy40MzgxNkMzNi45MTY3IDcuMjA0ODMgMzcuNTE0IDcuMDg4MTYgMzguMTg2IDcuMDg4MTZDMzkuMTk0IDcuMDg4MTYgNDAuMDEwNyA3LjMzNTUgNDAuNjM2IDcuODMwMTZDNDEuMjcwNyA4LjMxNTUgNDEuNjIwNyA4Ljk5NjgzIDQxLjY4NiA5Ljg3NDE2SDM5LjUzQzM5LjUxMTQgOS41MzgxNiAzOS4zNjY3IDkuMjYyODMgMzkuMDk2IDkuMDQ4MTZDMzguODM0NyA4LjgyNDE2IDM4LjQ4NDcgOC43MTIxNiAzOC4wNDYgOC43MTIxNkMzNy42NjM0IDguNzEyMTYgMzcuMzU1NCA4LjgxMDE2IDM3LjEyMiA5LjAwNjE2QzM2Ljg5OCA5LjIwMjE2IDM2Ljc4NiA5LjQ4NjgzIDM2Ljc4NiA5Ljg2MDE2QzM2Ljc4NiAxMC4xMjE1IDM2Ljg3IDEwLjM0MDggMzcuMDM4IDEwLjUxODJDMzcuMjE1NCAxMC42ODYyIDM3LjQzIDEwLjgyNjIgMzcuNjgyIDEwLjkzODJDMzcuOTQzNCAxMS4wNDA4IDM4LjMwNzQgMTEuMTYyMiAzOC43NzQgMTEuMzAyMkMzOS40MDg3IDExLjQ4ODggMzkuOTI2NyAxMS42NzU1IDQwLjMyOCAxMS44NjIyQzQwLjcyOTQgMTIuMDQ4OCA0MS4wNzQ3IDEyLjMyODggNDEuMzY0IDEyLjcwMjJDNDEuNjUzNCAxMy4wNzU1IDQxLjc5OCAxMy41NjU1IDQxLjc5OCAxNC4xNzIyQzQxLjc5OCAxNC42OTQ4IDQxLjY2MjcgMTUuMTgwMiA0MS4zOTIgMTUuNjI4MkM0MS4xMjE0IDE2LjA3NjIgNDAuNzI0NyAxNi40MzU1IDQwLjIwMiAxNi43MDYyQzM5LjY3OTQgMTYuOTY3NSAzOS4wNTg3IDE3LjA5ODIgMzguMzQgMTcuMDk4MloiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTQ0LjQ5MTMgOC4zMjAxNkM0NC4xNDYgOC4zMjAxNiA0My44NTY2IDguMjEyODMgNDMuNjIzMyA3Ljk5ODE2QzQzLjM5OTMgNy43NzQxNiA0My4yODczIDcuNDk4ODMgNDMuMjg3MyA3LjE3MjE2QzQzLjI4NzMgNi44NDU1IDQzLjM5OTMgNi41NzQ4MyA0My42MjMzIDYuMzYwMTZDNDMuODU2NiA2LjEzNjE2IDQ0LjE0NiA2LjAyNDE2IDQ0LjQ5MTMgNi4wMjQxNkM0NC44MzY2IDYuMDI0MTYgNDUuMTIxMyA2LjEzNjE2IDQ1LjM0NTMgNi4zNjAxNkM0NS41Nzg2IDYuNTc0ODMgNDUuNjk1MyA2Ljg0NTUgNDUuNjk1MyA3LjE3MjE2QzQ1LjY5NTMgNy40OTg4MyA0NS41Nzg2IDcuNzc0MTYgNDUuMzQ1MyA3Ljk5ODE2QzQ1LjEyMTMgOC4yMTI4MyA0NC44MzY2IDguMzIwMTYgNDQuNDkxMyA4LjMyMDE2Wk00NS40NTczIDkuMjQ0MTZWMTcuMDAwMkg0My40OTczVjkuMjQ0MTZINDUuNDU3M1oiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTUwLjQzMTggOS4xMTgxNkM1MS4wMTA0IDkuMTE4MTYgNTEuNTE5MSA5LjIzNDgzIDUxLjk1NzggOS40NjgxNkM1Mi4zOTY0IDkuNjkyMTYgNTIuNzQxOCA5Ljk4NjE2IDUyLjk5MzggMTAuMzUwMlY5LjI0NDE2SDU0Ljk2NzhWMTcuMDU2MkM1NC45Njc4IDE3Ljc3NDggNTQuODIzMSAxOC40MTQyIDU0LjUzMzggMTguOTc0MkM1NC4yNDQ0IDE5LjU0MzUgNTMuODEwNCAxOS45OTE1IDUzLjIzMTggMjAuMzE4MkM1Mi42NTMxIDIwLjY1NDIgNTEuOTUzMSAyMC44MjIyIDUxLjEzMTggMjAuODIyMkM1MC4wMzA0IDIwLjgyMjIgNDkuMTI1MSAyMC41NjU1IDQ4LjQxNTggMjAuMDUyMkM0Ny43MTU4IDE5LjUzODggNDcuMzE5MSAxOC44Mzg4IDQ3LjIyNTggMTcuOTUyMkg0OS4xNzE4QzQ5LjI3NDQgMTguMzA2OCA0OS40OTM4IDE4LjU4NjggNDkuODI5OCAxOC43OTIyQzUwLjE3NTEgMTkuMDA2OCA1MC41OTA0IDE5LjExNDIgNTEuMDc1OCAxOS4xMTQyQzUxLjY0NTEgMTkuMTE0MiA1Mi4xMDcxIDE4Ljk0MTUgNTIuNDYxOCAxOC41OTYyQzUyLjgxNjQgMTguMjYwMiA1Mi45OTM4IDE3Ljc0NjggNTIuOTkzOCAxNy4wNTYyVjE1Ljg1MjJDNTIuNzQxOCAxNi4yMTYyIDUyLjM5MTggMTYuNTE5NSA1MS45NDM4IDE2Ljc2MjJDNTEuNTA1MSAxNy4wMDQ4IDUxLjAwMTEgMTcuMTI2MiA1MC40MzE4IDE3LjEyNjJDNDkuNzc4NCAxNy4xMjYyIDQ5LjE4MTEgMTYuOTU4MiA0OC42Mzk4IDE2LjYyMjJDNDguMDk4NCAxNi4yODYyIDQ3LjY2OTEgMTUuODE0OCA0Ny4zNTE4IDE1LjIwODJDNDcuMDQzOCAxNC41OTIyIDQ2Ljg4OTggMTMuODg3NSA0Ni44ODk4IDEzLjA5NDJDNDYuODg5OCAxMi4zMTAyIDQ3LjA0MzggMTEuNjE0OCA0Ny4zNTE4IDExLjAwODJDNDcuNjY5MSAxMC40MDE1IDQ4LjA5MzggOS45MzQ4MyA0OC42MjU4IDkuNjA4MTZDNDkuMTY3MSA5LjI4MTUgNDkuNzY5MSA5LjExODE2IDUwLjQzMTggOS4xMTgxNlpNNTIuOTkzOCAxMy4xMjIyQzUyLjk5MzggMTIuNjQ2MiA1Mi45MDA0IDEyLjI0MDIgNTIuNzEzOCAxMS45MDQyQzUyLjUyNzEgMTEuNTU4OCA1Mi4yNzUxIDExLjI5NzUgNTEuOTU3OCAxMS4xMjAyQzUxLjY0MDQgMTAuOTMzNSA1MS4yOTk4IDEwLjg0MDIgNTAuOTM1OCAxMC44NDAyQzUwLjU3MTggMTAuODQwMiA1MC4yMzU4IDEwLjkyODggNDkuOTI3OCAxMS4xMDYyQzQ5LjYxOTggMTEuMjgzNSA0OS4zNjc4IDExLjU0NDggNDkuMTcxOCAxMS44OTAyQzQ4Ljk4NTEgMTIuMjI2MiA0OC44OTE4IDEyLjYyNzUgNDguODkxOCAxMy4wOTQyQzQ4Ljg5MTggMTMuNTYwOCA0OC45ODUxIDEzLjk3MTUgNDkuMTcxOCAxNC4zMjYyQzQ5LjM2NzggMTQuNjcxNSA0OS42MTk4IDE0LjkzNzUgNDkuOTI3OCAxNS4xMjQyQzUwLjI0NTEgMTUuMzEwOCA1MC41ODExIDE1LjQwNDIgNTAuOTM1OCAxNS40MDQyQzUxLjI5OTggMTUuNDA0MiA1MS42NDA0IDE1LjMxNTUgNTEuOTU3OCAxNS4xMzgyQzUyLjI3NTEgMTQuOTUxNSA1Mi41MjcxIDE0LjY5MDIgNTIuNzEzOCAxNC4zNTQyQzUyLjkwMDQgMTQuMDA4OCA1Mi45OTM4IDEzLjU5ODIgNTIuOTkzOCAxMy4xMjIyWiIgZmlsbD0iIzFBMUY0NCIvPgo8cGF0aCBkPSJNNjEuMTgwMSA5LjEzMjE2QzYyLjEwNDEgOS4xMzIxNiA2Mi44NTA3IDkuNDI2MTYgNjMuNDIwMSAxMC4wMTQyQzYzLjk4OTQgMTAuNTkyOCA2NC4yNzQxIDExLjQwNDggNjQuMjc0MSAxMi40NTAyVjE3LjAwMDJINjIuMzE0MVYxMi43MTYyQzYyLjMxNDEgMTIuMTAwMiA2Mi4xNjAxIDExLjYyODggNjEuODUyMSAxMS4zMDIyQzYxLjU0NDEgMTAuOTY2MiA2MS4xMjQxIDEwLjc5ODIgNjAuNTkyMSAxMC43OTgyQzYwLjA1MDcgMTAuNzk4MiA1OS42MjE0IDEwLjk2NjIgNTkuMzA0MSAxMS4zMDIyQzU4Ljk5NjEgMTEuNjI4OCA1OC44NDIxIDEyLjEwMDIgNTguODQyMSAxMi43MTYyVjE3LjAwMDJINTYuODgyMVY5LjI0NDE2SDU4Ljg0MjFWMTAuMjEwMkM1OS4xMDM0IDkuODc0MTYgNTkuNDM0NyA5LjYxMjgzIDU5LjgzNjEgOS40MjYxNkM2MC4yNDY3IDkuMjMwMTYgNjAuNjk0NyA5LjEzMjE2IDYxLjE4MDEgOS4xMzIxNloiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTcxLjQzMzkgNy4yMjgxNlYxNy4wMDAySDY5LjQ3MzlWNy4yMjgxNkg3MS40MzM5WiIgZmlsbD0iIzFBMUY0NCIvPgo8cGF0aCBkPSJNNzcuNjY4MyA5LjEzMjE2Qzc4LjU5MjMgOS4xMzIxNiA3OS4zMzkgOS40MjYxNiA3OS45MDgzIDEwLjAxNDJDODAuNDc3NyAxMC41OTI4IDgwLjc2MjMgMTEuNDA0OCA4MC43NjIzIDEyLjQ1MDJWMTcuMDAwMkg3OC44MDIzVjEyLjcxNjJDNzguODAyMyAxMi4xMDAyIDc4LjY0ODMgMTEuNjI4OCA3OC4zNDAzIDExLjMwMjJDNzguMDMyMyAxMC45NjYyIDc3LjYxMjMgMTAuNzk4MiA3Ny4wODAzIDEwLjc5ODJDNzYuNTM5IDEwLjc5ODIgNzYuMTA5NyAxMC45NjYyIDc1Ljc5MjMgMTEuMzAyMkM3NS40ODQzIDExLjYyODggNzUuMzMwMyAxMi4xMDAyIDc1LjMzMDMgMTIuNzE2MlYxNy4wMDAySDczLjM3MDNWOS4yNDQxNkg3NS4zMzAzVjEwLjIxMDJDNzUuNTkxNyA5Ljg3NDE2IDc1LjkyMyA5LjYxMjgzIDc2LjMyNDMgOS40MjYxNkM3Ni43MzUgOS4yMzAxNiA3Ny4xODMgOS4xMzIxNiA3Ny42NjgzIDkuMTMyMTZaIiBmaWxsPSIjMUExRjQ0Ii8+CjxwYXRoIGQ9Ik05Ni43MTQxIDkuMjQ0MTZMOTQuNDQ2MSAxNy4wMDAySDkyLjMzMjFMOTAuOTE4MSAxMS41ODIyTDg5LjUwNDEgMTcuMDAwMkg4Ny4zNzYxTDg1LjA5NDEgOS4yNDQxNkg4Ny4wODIxTDg4LjQ1NDEgMTUuMTUyMkw4OS45MzgxIDkuMjQ0MTZIOTIuMDEwMUw5My40NjYxIDE1LjEzODJMOTQuODM4MSA5LjI0NDE2SDk2LjcxNDFaIiBmaWxsPSIjMUExRjQ0Ii8+CjxwYXRoIGQ9Ik05OC43Njg2IDguMzIwMTZDOTguNDIzMyA4LjMyMDE2IDk4LjEzNCA4LjIxMjgzIDk3LjkwMDYgNy45OTgxNkM5Ny42NzY2IDcuNzc0MTYgOTcuNTY0NiA3LjQ5ODgzIDk3LjU2NDYgNy4xNzIxNkM5Ny41NjQ2IDYuODQ1NSA5Ny42NzY2IDYuNTc0ODMgOTcuOTAwNiA2LjM2MDE2Qzk4LjEzNCA2LjEzNjE2IDk4LjQyMzMgNi4wMjQxNiA5OC43Njg2IDYuMDI0MTZDOTkuMTE0IDYuMDI0MTYgOTkuMzk4NiA2LjEzNjE2IDk5LjYyMjYgNi4zNjAxNkM5OS44NTYgNi41NzQ4MyA5OS45NzI2IDYuODQ1NSA5OS45NzI2IDcuMTcyMTZDOTkuOTcyNiA3LjQ5ODgzIDk5Ljg1NiA3Ljc3NDE2IDk5LjYyMjYgNy45OTgxNkM5OS4zOTg2IDguMjEyODMgOTkuMTE0IDguMzIwMTYgOTguNzY4NiA4LjMyMDE2Wk05OS43MzQ2IDkuMjQ0MTZWMTcuMDAwMkg5Ny43NzQ2VjkuMjQ0MTZIOTkuNzM0NloiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTEwMy45NTMgMTAuODU0MlYxNC42MDYyQzEwMy45NTMgMTQuODY3NSAxMDQuMDE0IDE1LjA1ODggMTA0LjEzNSAxNS4xODAyQzEwNC4yNjYgMTUuMjkyMiAxMDQuNDggMTUuMzQ4MiAxMDQuNzc5IDE1LjM0ODJIMTA1LjY4OVYxNy4wMDAySDEwNC40NTdDMTAyLjgwNSAxNy4wMDAyIDEwMS45NzkgMTYuMTk3NSAxMDEuOTc5IDE0LjU5MjJWMTAuODU0MkgxMDEuMDU1VjkuMjQ0MTZIMTAxLjk3OVY3LjMyNjE2SDEwMy45NTNWOS4yNDQxNkgxMDUuNjg5VjEwLjg1NDJIMTAzLjk1M1oiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTExMS40NjcgOS4xMzIxNkMxMTIuMDU1IDkuMTMyMTYgMTEyLjU3OCA5LjI2MjgzIDExMy4wMzUgOS41MjQxNkMxMTMuNDkyIDkuNzc2MTYgMTEzLjg0NyAxMC4xNTQyIDExNC4wOTkgMTAuNjU4MkMxMTQuMzYgMTEuMTUyOCAxMTQuNDkxIDExLjc1MDIgMTE0LjQ5MSAxMi40NTAyVjE3LjAwMDJIMTEyLjUzMVYxMi43MTYyQzExMi41MzEgMTIuMTAwMiAxMTIuMzc3IDExLjYyODggMTEyLjA2OSAxMS4zMDIyQzExMS43NjEgMTAuOTY2MiAxMTEuMzQxIDEwLjc5ODIgMTEwLjgwOSAxMC43OTgyQzExMC4yNjggMTAuNzk4MiAxMDkuODM4IDEwLjk2NjIgMTA5LjUyMSAxMS4zMDIyQzEwOS4yMTMgMTEuNjI4OCAxMDkuMDU5IDEyLjEwMDIgMTA5LjA1OSAxMi43MTYyVjE3LjAwMDJIMTA3LjA5OVY2LjY0MDE2SDEwOS4wNTlWMTAuMjEwMkMxMDkuMzExIDkuODc0MTYgMTA5LjY0NyA5LjYxMjgzIDExMC4wNjcgOS40MjYxNkMxMTAuNDg3IDkuMjMwMTYgMTEwLjk1NCA5LjEzMjE2IDExMS40NjcgOS4xMzIxNloiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTEyNi40OTUgMTAuMTY4MkMxMjYuMjcxIDkuNzU3NSAxMjUuOTYzIDkuNDQ0ODMgMTI1LjU3MSA5LjIzMDE2QzEyNS4xNzkgOS4wMTU1IDEyNC43MjEgOC45MDgxNiAxMjQuMTk5IDguOTA4MTZDMTIzLjYyIDguOTA4MTYgMTIzLjEwNyA5LjAzODgzIDEyMi42NTkgOS4zMDAxNkMxMjIuMjExIDkuNTYxNSAxMjEuODYxIDkuOTM0ODMgMTIxLjYwOSAxMC40MjAyQzEyMS4zNTcgMTAuOTA1NSAxMjEuMjMxIDExLjQ2NTUgMTIxLjIzMSAxMi4xMDAyQzEyMS4yMzEgMTIuNzUzNSAxMjEuMzU3IDEzLjMyMjggMTIxLjYwOSAxMy44MDgyQzEyMS44NyAxNC4yOTM1IDEyMi4yMjkgMTQuNjY2OCAxMjIuNjg3IDE0LjkyODJDMTIzLjE0NCAxNS4xODk1IDEyMy42NzYgMTUuMzIwMiAxMjQuMjgzIDE1LjMyMDJDMTI1LjAyOSAxNS4zMjAyIDEyNS42NDEgMTUuMTI0MiAxMjYuMTE3IDE0LjczMjJDMTI2LjU5MyAxNC4zMzA4IDEyNi45MDUgMTMuNzc1NSAxMjcuMDU1IDEzLjA2NjJIMTIzLjY5NVYxMS41NjgySDEyOC45ODdWMTMuMjc2MkMxMjguODU2IDEzLjk1NzUgMTI4LjU3NiAxNC41ODc1IDEyOC4xNDcgMTUuMTY2MkMxMjcuNzE3IDE1Ljc0NDggMTI3LjE2MiAxNi4yMTE1IDEyNi40ODEgMTYuNTY2MkMxMjUuODA5IDE2LjkxMTUgMTI1LjA1MyAxNy4wODQyIDEyNC4yMTMgMTcuMDg0MkMxMjMuMjcgMTcuMDg0MiAxMjIuNDE2IDE2Ljg3NDIgMTIxLjY1MSAxNi40NTQyQzEyMC44OTUgMTYuMDI0OCAxMjAuMjk3IDE1LjQzMjIgMTE5Ljg1OSAxNC42NzYyQzExOS40MjkgMTMuOTIwMiAxMTkuMjE1IDEzLjA2MTUgMTE5LjIxNSAxMi4xMDAyQzExOS4yMTUgMTEuMTM4OCAxMTkuNDI5IDEwLjI4MDIgMTE5Ljg1OSA5LjUyNDE2QzEyMC4yOTcgOC43NTg4MyAxMjAuODk1IDguMTY2MTYgMTIxLjY1MSA3Ljc0NjE2QzEyMi40MTYgNy4zMTY4MyAxMjMuMjY1IDcuMTAyMTYgMTI0LjE5OSA3LjEwMjE2QzEyNS4zIDcuMTAyMTYgMTI2LjI1NyA3LjM3MjgzIDEyNy4wNjkgNy45MTQxNkMxMjcuODgxIDguNDQ2MTYgMTI4LjQ0MSA5LjE5NzUgMTI4Ljc0OSAxMC4xNjgySDEyNi40OTVaIiBmaWxsPSIjMUExRjQ0Ii8+CjxwYXRoIGQ9Ik0xMzMuODgxIDE3LjEyNjJDMTMzLjEzNCAxNy4xMjYyIDEzMi40NjIgMTYuOTYyOCAxMzEuODY1IDE2LjYzNjJDMTMxLjI2NyAxNi4zMDAyIDEzMC43OTYgMTUuODI4OCAxMzAuNDUxIDE1LjIyMjJDMTMwLjExNSAxNC42MTU1IDEyOS45NDcgMTMuOTE1NSAxMjkuOTQ3IDEzLjEyMjJDMTI5Ljk0NyAxMi4zMjg4IDEzMC4xMTkgMTEuNjI4OCAxMzAuNDY1IDExLjAyMjJDMTMwLjgxOSAxMC40MTU1IDEzMS4zIDkuOTQ4ODMgMTMxLjkwNyA5LjYyMjE2QzEzMi41MTMgOS4yODYxNiAxMzMuMTkgOS4xMTgxNiAxMzMuOTM3IDkuMTE4MTZDMTM0LjY4MyA5LjExODE2IDEzNS4zNiA5LjI4NjE2IDEzNS45NjcgOS42MjIxNkMxMzYuNTczIDkuOTQ4ODMgMTM3LjA0OSAxMC40MTU1IDEzNy4zOTUgMTEuMDIyMkMxMzcuNzQ5IDExLjYyODggMTM3LjkyNyAxMi4zMjg4IDEzNy45MjcgMTMuMTIyMkMxMzcuOTI3IDEzLjkxNTUgMTM3Ljc0NSAxNC42MTU1IDEzNy4zODEgMTUuMjIyMkMxMzcuMDI2IDE1LjgyODggMTM2LjU0MSAxNi4zMDAyIDEzNS45MjUgMTYuNjM2MkMxMzUuMzE4IDE2Ljk2MjggMTM0LjYzNyAxNy4xMjYyIDEzMy44ODEgMTcuMTI2MlpNMTMzLjg4MSAxNS40MTgyQzEzNC4yMzUgMTUuNDE4MiAxMzQuNTY3IDE1LjMzNDIgMTM0Ljg3NSAxNS4xNjYyQzEzNS4xOTIgMTQuOTg4OCAxMzUuNDQ0IDE0LjcyNzUgMTM1LjYzMSAxNC4zODIyQzEzNS44MTcgMTQuMDM2OCAxMzUuOTExIDEzLjYxNjggMTM1LjkxMSAxMy4xMjIyQzEzNS45MTEgMTIuMzg0OCAxMzUuNzE1IDExLjgyMDIgMTM1LjMyMyAxMS40MjgyQzEzNC45NCAxMS4wMjY4IDEzNC40NjkgMTAuODI2MiAxMzMuOTA5IDEwLjgyNjJDMTMzLjM0OSAxMC44MjYyIDEzMi44NzcgMTEuMDI2OCAxMzIuNDk1IDExLjQyODJDMTMyLjEyMSAxMS44MjAyIDEzMS45MzUgMTIuMzg0OCAxMzEuOTM1IDEzLjEyMjJDMTMxLjkzNSAxMy44NTk1IDEzMi4xMTcgMTQuNDI4OCAxMzIuNDgxIDE0LjgzMDJDMTMyLjg1NCAxNS4yMjIyIDEzMy4zMjEgMTUuNDE4MiAxMzMuODgxIDE1LjQxODJaIiBmaWxsPSIjMUExRjQ0Ii8+CjxwYXRoIGQ9Ik0xNDIuODA4IDE3LjEyNjJDMTQyLjA2MiAxNy4xMjYyIDE0MS4zOSAxNi45NjI4IDE0MC43OTIgMTYuNjM2MkMxNDAuMTk1IDE2LjMwMDIgMTM5LjcyNCAxNS44Mjg4IDEzOS4zNzggMTUuMjIyMkMxMzkuMDQyIDE0LjYxNTUgMTM4Ljg3NCAxMy45MTU1IDEzOC44NzQgMTMuMTIyMkMxMzguODc0IDEyLjMyODggMTM5LjA0NyAxMS42Mjg4IDEzOS4zOTIgMTEuMDIyMkMxMzkuNzQ3IDEwLjQxNTUgMTQwLjIyOCA5Ljk0ODgzIDE0MC44MzQgOS42MjIxNkMxNDEuNDQxIDkuMjg2MTYgMTQyLjExOCA5LjExODE2IDE0Mi44NjQgOS4xMTgxNkMxNDMuNjExIDkuMTE4MTYgMTQ0LjI4OCA5LjI4NjE2IDE0NC44OTQgOS42MjIxNkMxNDUuNTAxIDkuOTQ4ODMgMTQ1Ljk3NyAxMC40MTU1IDE0Ni4zMjIgMTEuMDIyMkMxNDYuNjc3IDExLjYyODggMTQ2Ljg1NCAxMi4zMjg4IDE0Ni44NTQgMTMuMTIyMkMxNDYuODU0IDEzLjkxNTUgMTQ2LjY3MiAxNC42MTU1IDE0Ni4zMDggMTUuMjIyMkMxNDUuOTU0IDE1LjgyODggMTQ1LjQ2OCAxNi4zMDAyIDE0NC44NTIgMTYuNjM2MkMxNDQuMjQ2IDE2Ljk2MjggMTQzLjU2NCAxNy4xMjYyIDE0Mi44MDggMTcuMTI2MlpNMTQyLjgwOCAxNS40MTgyQzE0My4xNjMgMTUuNDE4MiAxNDMuNDk0IDE1LjMzNDIgMTQzLjgwMiAxNS4xNjYyQzE0NC4xMiAxNC45ODg4IDE0NC4zNzIgMTQuNzI3NSAxNDQuNTU4IDE0LjM4MjJDMTQ0Ljc0NSAxNC4wMzY4IDE0NC44MzggMTMuNjE2OCAxNDQuODM4IDEzLjEyMjJDMTQ0LjgzOCAxMi4zODQ4IDE0NC42NDIgMTEuODIwMiAxNDQuMjUgMTEuNDI4MkMxNDMuODY4IDExLjAyNjggMTQzLjM5NiAxMC44MjYyIDE0Mi44MzYgMTAuODI2MkMxNDIuMjc2IDEwLjgyNjIgMTQxLjgwNSAxMS4wMjY4IDE0MS40MjIgMTEuNDI4MkMxNDEuMDQ5IDExLjgyMDIgMTQwLjg2MiAxMi4zODQ4IDE0MC44NjIgMTMuMTIyMkMxNDAuODYyIDEzLjg1OTUgMTQxLjA0NCAxNC40Mjg4IDE0MS40MDggMTQuODMwMkMxNDEuNzgyIDE1LjIyMjIgMTQyLjI0OCAxNS40MTgyIDE0Mi44MDggMTUuNDE4MloiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTE1MS4zMyA5LjExODE2QzE1MS45MDkgOS4xMTgxNiAxNTIuNDE4IDkuMjM0ODMgMTUyLjg1NiA5LjQ2ODE2QzE1My4yOTUgOS42OTIxNiAxNTMuNjQgOS45ODYxNiAxNTMuODkyIDEwLjM1MDJWOS4yNDQxNkgxNTUuODY2VjE3LjA1NjJDMTU1Ljg2NiAxNy43NzQ4IDE1NS43MjIgMTguNDE0MiAxNTUuNDMyIDE4Ljk3NDJDMTU1LjE0MyAxOS41NDM1IDE1NC43MDkgMTkuOTkxNSAxNTQuMTMgMjAuMzE4MkMxNTMuNTUyIDIwLjY1NDIgMTUyLjg1MiAyMC44MjIyIDE1Mi4wMyAyMC44MjIyQzE1MC45MjkgMjAuODIyMiAxNTAuMDI0IDIwLjU2NTUgMTQ5LjMxNCAyMC4wNTIyQzE0OC42MTQgMTkuNTM4OCAxNDguMjE4IDE4LjgzODggMTQ4LjEyNCAxNy45NTIySDE1MC4wN0MxNTAuMTczIDE4LjMwNjggMTUwLjM5MiAxOC41ODY4IDE1MC43MjggMTguNzkyMkMxNTEuMDc0IDE5LjAwNjggMTUxLjQ4OSAxOS4xMTQyIDE1MS45NzQgMTkuMTE0MkMxNTIuNTQ0IDE5LjExNDIgMTUzLjAwNiAxOC45NDE1IDE1My4zNiAxOC41OTYyQzE1My43MTUgMTguMjYwMiAxNTMuODkyIDE3Ljc0NjggMTUzLjg5MiAxNy4wNTYyVjE1Ljg1MjJDMTUzLjY0IDE2LjIxNjIgMTUzLjI5IDE2LjUxOTUgMTUyLjg0MiAxNi43NjIyQzE1Mi40MDQgMTcuMDA0OCAxNTEuOSAxNy4xMjYyIDE1MS4zMyAxNy4xMjYyQzE1MC42NzcgMTcuMTI2MiAxNTAuMDggMTYuOTU4MiAxNDkuNTM4IDE2LjYyMjJDMTQ4Ljk5NyAxNi4yODYyIDE0OC41NjggMTUuODE0OCAxNDguMjUgMTUuMjA4MkMxNDcuOTQyIDE0LjU5MjIgMTQ3Ljc4OCAxMy44ODc1IDE0Ny43ODggMTMuMDk0MkMxNDcuNzg4IDEyLjMxMDIgMTQ3Ljk0MiAxMS42MTQ4IDE0OC4yNSAxMS4wMDgyQzE0OC41NjggMTAuNDAxNSAxNDguOTkyIDkuOTM0ODMgMTQ5LjUyNCA5LjYwODE2QzE1MC4wNjYgOS4yODE1IDE1MC42NjggOS4xMTgxNiAxNTEuMzMgOS4xMTgxNlpNMTUzLjg5MiAxMy4xMjIyQzE1My44OTIgMTIuNjQ2MiAxNTMuNzk5IDEyLjI0MDIgMTUzLjYxMiAxMS45MDQyQzE1My40MjYgMTEuNTU4OCAxNTMuMTc0IDExLjI5NzUgMTUyLjg1NiAxMS4xMjAyQzE1Mi41MzkgMTAuOTMzNSAxNTIuMTk4IDEwLjg0MDIgMTUxLjgzNCAxMC44NDAyQzE1MS40NyAxMC44NDAyIDE1MS4xMzQgMTAuOTI4OCAxNTAuODI2IDExLjEwNjJDMTUwLjUxOCAxMS4yODM1IDE1MC4yNjYgMTEuNTQ0OCAxNTAuMDcgMTEuODkwMkMxNDkuODg0IDEyLjIyNjIgMTQ5Ljc5IDEyLjYyNzUgMTQ5Ljc5IDEzLjA5NDJDMTQ5Ljc5IDEzLjU2MDggMTQ5Ljg4NCAxMy45NzE1IDE1MC4wNyAxNC4zMjYyQzE1MC4yNjYgMTQuNjcxNSAxNTAuNTE4IDE0LjkzNzUgMTUwLjgyNiAxNS4xMjQyQzE1MS4xNDQgMTUuMzEwOCAxNTEuNDggMTUuNDA0MiAxNTEuODM0IDE1LjQwNDJDMTUyLjE5OCAxNS40MDQyIDE1Mi41MzkgMTUuMzE1NSAxNTIuODU2IDE1LjEzODJDMTUzLjE3NCAxNC45NTE1IDE1My40MjYgMTQuNjkwMiAxNTMuNjEyIDE0LjM1NDJDMTUzLjc5OSAxNC4wMDg4IDE1My44OTIgMTMuNTk4MiAxNTMuODkyIDEzLjEyMjJaIiBmaWxsPSIjMUExRjQ0Ii8+CjxwYXRoIGQ9Ik0xNTkuNzQgNi42NDAxNlYxNy4wMDAySDE1Ny43OFY2LjY0MDE2SDE1OS43NFoiIGZpbGw9IiMxQTFGNDQiLz4KPHBhdGggZD0iTTE2OC44ODcgMTIuOTU0MkMxNjguODg3IDEzLjIzNDIgMTY4Ljg2OCAxMy40ODYyIDE2OC44MzEgMTMuNzEwMkgxNjMuMTYxQzE2My4yMDggMTQuMjcwMiAxNjMuNDA0IDE0LjcwODggMTYzLjc0OSAxNS4wMjYyQzE2NC4wOTQgMTUuMzQzNSAxNjQuNTE5IDE1LjUwMjIgMTY1LjAyMyAxNS41MDIyQzE2NS43NTEgMTUuNTAyMiAxNjYuMjY5IDE1LjE4OTUgMTY2LjU3NyAxNC41NjQySDE2OC42OTFDMTY4LjQ2NyAxNS4zMTA4IDE2OC4wMzggMTUuOTI2OCAxNjcuNDAzIDE2LjQxMjJDMTY2Ljc2OCAxNi44ODgyIDE2NS45ODkgMTcuMTI2MiAxNjUuMDY1IDE3LjEyNjJDMTY0LjMxOCAxNy4xMjYyIDE2My42NDYgMTYuOTYyOCAxNjMuMDQ5IDE2LjYzNjJDMTYyLjQ2MSAxNi4zMDAyIDE2MS45OTkgMTUuODI4OCAxNjEuNjYzIDE1LjIyMjJDMTYxLjMzNiAxNC42MTU1IDE2MS4xNzMgMTMuOTE1NSAxNjEuMTczIDEzLjEyMjJDMTYxLjE3MyAxMi4zMTk1IDE2MS4zMzYgMTEuNjE0OCAxNjEuNjYzIDExLjAwODJDMTYxLjk5IDEwLjQwMTUgMTYyLjQ0NyA5LjkzNDgzIDE2My4wMzUgOS42MDgxNkMxNjMuNjIzIDkuMjgxNSAxNjQuMyA5LjExODE2IDE2NS4wNjUgOS4xMTgxNkMxNjUuODAyIDkuMTE4MTYgMTY2LjQ2IDkuMjc2ODMgMTY3LjAzOSA5LjU5NDE2QzE2Ny42MjcgOS45MTE1IDE2OC4wOCAxMC4zNjQyIDE2OC4zOTcgMTAuOTUyMkMxNjguNzI0IDExLjUzMDggMTY4Ljg4NyAxMi4xOTgyIDE2OC44ODcgMTIuOTU0MlpNMTY2Ljg1NyAxMi4zOTQyQzE2Ni44NDggMTEuODkwMiAxNjYuNjY2IDExLjQ4ODggMTY2LjMxMSAxMS4xOTAyQzE2NS45NTYgMTAuODgyMiAxNjUuNTIyIDEwLjcyODIgMTY1LjAwOSAxMC43MjgyQzE2NC41MjQgMTAuNzI4MiAxNjQuMTEzIDEwLjg3NzUgMTYzLjc3NyAxMS4xNzYyQzE2My40NSAxMS40NjU1IDE2My4yNSAxMS44NzE1IDE2My4xNzUgMTIuMzk0MkgxNjYuODU3WiIgZmlsbD0iIzFBMUY0NCIvPgo8cGF0aCBkPSJNMjMuNDM5OCA5LjcxNTI1SDIyLjVWOS42NjY4M0gxMlYxNC4zMzM1SDE4LjU5MzVDMTcuNjMxNSAxNy4wNTAxIDE1LjA0NjggMTkuMDAwMiAxMiAxOS4wMDAyQzguMTM0MjkgMTkuMDAwMiA1LjAwMDA0IDE1Ljg2NTkgNS4wMDAwNCAxMi4wMDAyQzUuMDAwMDQgOC4xMzQ0MSA4LjEzNDI5IDUuMDAwMTYgMTIgNS4wMDAxNkMxMy43ODQ1IDUuMDAwMTYgMTUuNDA3OSA1LjY3MzMzIDE2LjY0NCA2Ljc3MjkxTDE5Ljk0MzkgMy40NzNDMTcuODYwMiAxLjUzMTA4IDE1LjA3MyAwLjMzMzQ5NiAxMiAwLjMzMzQ5NkM1LjU1NzEyIDAuMzMzNDk2IDAuMzMzMzc0IDUuNTU3MjUgMC4zMzMzNzQgMTIuMDAwMkMwLjMzMzM3NCAxOC40NDMxIDUuNTU3MTIgMjMuNjY2OCAxMiAyMy42NjY4QzE4LjQ0MyAyMy42NjY4IDIzLjY2NjcgMTguNDQzMSAyMy42NjY3IDEyLjAwMDJDMjMuNjY2NyAxMS4yMTc5IDIzLjU4NjIgMTAuNDU0MyAyMy40Mzk4IDkuNzE1MjVaIiBmaWxsPSIjRkZDMTA3Ii8+CjxwYXRoIGQ9Ik0xLjY3ODU0IDYuNTY5OTFMNS41MTE2MiA5LjM4MUM2LjU0ODc5IDYuODEzMTYgOS4wNjA2MyA1LjAwMDE2IDEyIDUuMDAwMTZDMTMuNzg0NSA1LjAwMDE2IDE1LjQwNzkgNS42NzMzMyAxNi42NDQgNi43NzI5MUwxOS45NDM5IDMuNDczQzE3Ljg2MDIgMS41MzEwOCAxNS4wNzMgMC4zMzM0OTYgMTIgMC4zMzM0OTZDNy41MTg4OCAwLjMzMzQ5NiAzLjYzMjcxIDIuODYzNDEgMS42Nzg1NCA2LjU2OTkxWiIgZmlsbD0iI0ZGM0QwMCIvPgo8cGF0aCBkPSJNMTIgMjMuNjY2OEMxNS4wMTM1IDIzLjY2NjggMTcuNzUxNyAyMi41MTM2IDE5LjgyMiAyMC42MzgyTDE2LjIxMTEgMTcuNTgyN0MxNS4wMDA2IDE4LjUwMzggMTMuNTIxMSAxOS4wMDE4IDEyIDE5LjAwMDJDOC45NjU1NCAxOS4wMDAyIDYuMzg4OTYgMTcuMDY1MiA1LjQxODI5IDE0LjM2NUwxLjYxMzc5IDE3LjI5NjJDMy41NDQ2MiAyMS4wNzQ1IDcuNDY1NzkgMjMuNjY2OCAxMiAyMy42NjY4WiIgZmlsbD0iIzRDQUY1MCIvPgo8cGF0aCBkPSJNMjMuNDM5OCA5LjcxNTI1SDIyLjVWOS42NjY4M0gxMlYxNC4zMzM1SDE4LjU5MzVDMTguMTMzMyAxNS42MjY0IDE3LjMwNDUgMTYuNzU2MiAxNi4yMDk0IDE3LjU4MzJMMTYuMjExMSAxNy41ODI3TDE5LjgyMiAyMC42MzgyQzE5LjU2NjUgMjAuODcwMyAyMy42NjY3IDE3LjgzMzUgMjMuNjY2NyAxMi4wMDAyQzIzLjY2NjcgMTEuMjE3OSAyMy41ODYyIDEwLjQ1NDMgMjMuNDM5OCA5LjcxNTI1WiIgZmlsbD0iIzE5NzZEMiIvPgo8L3N2Zz4K);
}

a.signupgooglelink {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    background: #ECF1F5;
    border-radius: 8px;
    padding: 15px;

}

a.signupgooglelink::before {
    content: '';
    height: 29px;
    width: 100%;
    display: block;
    margin-top: calc((-1)*29px - 20px - 15px);
    margin-bottom: calc(15px + 20px);
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIwIDAgNTAwIDI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxNC41SDUwMCIgc3Ryb2tlPSIjQ0NDQ0NDIi8+CjxwYXRoIGQ9Ik0yMjcgMEgyNzRWMjlIMjI3VjBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjQ3Ljc0NiAxOS4xMjZDMjQ3LjAxOCAxOS4xMjYgMjQ2LjM2IDE4Ljk2MjcgMjQ1Ljc3MiAxOC42MzZDMjQ1LjE4NCAxOC4zIDI0NC43MjIgMTcuODMzMyAyNDQuMzg2IDE3LjIzNkMyNDQuMDUgMTYuNjI5MyAyNDMuODgyIDE1LjkyOTMgMjQzLjg4MiAxNS4xMzZDMjQzLjg4MiAxNC4zNTIgMjQ0LjA1NCAxMy42NTY3IDI0NC40IDEzLjA1QzI0NC43NDUgMTIuNDQzMyAyNDUuMjE2IDExLjk3NjcgMjQ1LjgxNCAxMS42NUMyNDYuNDExIDExLjMyMzMgMjQ3LjA3OCAxMS4xNiAyNDcuODE2IDExLjE2QzI0OC41NTMgMTEuMTYgMjQ5LjIyIDExLjMyMzMgMjQ5LjgxOCAxMS42NUMyNTAuNDE1IDExLjk3NjcgMjUwLjg4NiAxMi40NDMzIDI1MS4yMzIgMTMuMDVDMjUxLjU3NyAxMy42NTY3IDI1MS43NSAxNC4zNTIgMjUxLjc1IDE1LjEzNkMyNTEuNzUgMTUuOTIgMjUxLjU3MiAxNi42MTUzIDI1MS4yMTggMTcuMjIyQzI1MC44NjMgMTcuODI4NyAyNTAuMzc4IDE4LjMgMjQ5Ljc2MiAxOC42MzZDMjQ5LjE1NSAxOC45NjI3IDI0OC40ODMgMTkuMTI2IDI0Ny43NDYgMTkuMTI2Wk0yNDcuNzQ2IDE3Ljc0QzI0OC4xNTYgMTcuNzQgMjQ4LjUzOSAxNy42NDIgMjQ4Ljg5NCAxNy40NDZDMjQ5LjI1OCAxNy4yNSAyNDkuNTUyIDE2Ljk1NiAyNDkuNzc2IDE2LjU2NEMyNTAgMTYuMTcyIDI1MC4xMTIgMTUuNjk2IDI1MC4xMTIgMTUuMTM2QzI1MC4xMTIgMTQuNTc2IDI1MC4wMDQgMTQuMTA0NyAyNDkuNzkgMTMuNzIyQzI0OS41NzUgMTMuMzMgMjQ5LjI5IDEzLjAzNiAyNDguOTM2IDEyLjg0QzI0OC41ODEgMTIuNjQ0IDI0OC4xOTggMTIuNTQ2IDI0Ny43ODggMTIuNTQ2QzI0Ny4zNzcgMTIuNTQ2IDI0Ni45OTQgMTIuNjQ0IDI0Ni42NCAxMi44NEMyNDYuMjk0IDEzLjAzNiAyNDYuMDE5IDEzLjMzIDI0NS44MTQgMTMuNzIyQzI0NS42MDggMTQuMTA0NyAyNDUuNTA2IDE0LjU3NiAyNDUuNTA2IDE1LjEzNkMyNDUuNTA2IDE1Ljk2NjcgMjQ1LjcxNiAxNi42MTA3IDI0Ni4xMzYgMTcuMDY4QzI0Ni41NjUgMTcuNTE2IDI0Ny4xMDIgMTcuNzQgMjQ3Ljc0NiAxNy43NFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yNTQuOTIzIDEyLjQwNkMyNTUuMTU3IDEyLjAxNCAyNTUuNDY1IDExLjcxMDcgMjU1Ljg0NyAxMS40OTZDMjU2LjIzOSAxMS4yNzIgMjU2LjcwMSAxMS4xNiAyNTcuMjMzIDExLjE2VjEyLjgxMkgyNTYuODI3QzI1Ni4yMDIgMTIuODEyIDI1NS43MjYgMTIuOTcwNyAyNTUuMzk5IDEzLjI4OEMyNTUuMDgyIDEzLjYwNTMgMjU0LjkyMyAxNC4xNTYgMjU0LjkyMyAxNC45NFYxOUgyNTMuMzI3VjExLjI4NkgyNTQuOTIzVjEyLjQwNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}

a.signupgooglelink img {
    display: none;
}

a.signupgooglelink {
    margin-top: calc(30px + 20px + 20px);
}

@media (max-width: 1440px) {

    .inputCol input[type="text"],
    .inputCol input[type="password"] {
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        padding-left: 50px;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        background-repeat: no-repeat;
        height: 58px;
        background-position: 14px center;
    }

    .inputCol:not(.stysign) label {
        letter-spacing: 0;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        top: 8px;
        left: 50px;
        left: 0;
        padding-left: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 10px);
    }
}

.popupInner {
    max-height: 844px;
    overflow-y: auto;
}

@media (max-height: 860px) {
    .popupInner {
        max-height: 664px;
        overflow-y: auto;
    }
}

@media (max-width: 767px) {

    .form-column {
        padding: 20px;
    }

    .popupClose {
        top: 15px;
        right: 15px;
    }

    .inputRow {
        flex-direction: column;
    }

    .passwordPopActive:not(.signinPopActive) .signinPop,
    .passwordPopActive:not(.signupPopActive) .signupPop {
        height: 0;
    }

}

.signInUpPopup {
    z-index: 999999;
}

.lostPasswordForm p,
.signupPop .form-column .formMain>p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #053050;
    background: #DCF0FF;
    padding: 6px 6px 5px;
    border-radius: 8px;
    text-align: center;
}

.inp_err {
    display: block;
    line-height: 14px;
}

.ch-map-popup-main .maplibregl-popup-content .ch-hotel-card .hotel-images img {
    aspect-ratio: 310/206;
}

#map .maplibregl-popup-content {
    padding: 0;
    box-shadow: none;
    border-bottom: none !important;
}

@media (min-width:1025px) and (max-width:1440px) {
    .ch-map-popup-main .maplibregl-popup-content .ch-hotel-card .hotel-images img {
        aspect-ratio: 1;
    }
}

@media (min-width:1441px) and (max-width:1800px) {}


.newbg .bookingFormSec .booking_header.error {
    outline: 1px solid #f00;
    background: #ff00000f;
    padding: 16px 16px;
    border-radius: 6px;
}

.readyheading.error li {
    color: #f00;
    font-size: 0.9rem;
    padding-left: 0;
}

.readyheading.error ul {
    margin-bottom: 0;
}

.readyheading.error li:after {
    display: none;
}


.cancelpolicies-row .before-text {
    color: var(--neutral-black, #201E1F);
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 10.616px;
    font-size: 12.616px;
    font-style: normal;
    font-weight: 700;
}

.cancelpolicies-row .date-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.cancelpolicies-row .refund-text {
    color: var(--neutral-black, #201E1F);
    font-family: var(--font1), var(--font2), var(--font3), var(--font4);
    font-size: 10.616px;
    font-size: 12.616px;
    font-style: normal;
    font-weight: 700;
}

.cancelpolicies-row .cancel-text {
    font-size: 10px;
    font-weight: 400;
    color: var(--neutral-black, #201E1F);
    line-height: 1.6;
}

.cancelpolicies-row:last-child {
    border-bottom: 0px solid #ddd;
    margin-bottom: 0px;
}

.cancelpolicies-row {
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.cancelpolicies-row .cancelpolicies-column:first-child {
    width: 30%;
}

.cancelpolicies-row .cancelpolicies-column:last-child {
    width: 70%;
}


/*  */
.partiallyrefund {
    padding: 20px 0px;
}

.Prefund-head h3 {
    margin: 0px !important;
    font-size: 26px;
}

.prbox-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.prbox-top p {
    width: 30%;
    margin: 0px;
    font-size: 13px;
}

.prbox {
    padding: 15px;
    background: #dfe0e4;
    border-radius: 20px;
    margin: 20px 0px;
}

.progressbar ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    position: relative;
    margin-bottom: 0px;
}

.progressbar ul .dot {
    width: 12px;
    height: 12px;
    background: #000;
    border: 1px solid #000;
    border-radius: 50%;
    position: relative;
    z-index: 100;
}



.progressbar ul li {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.progressbar ul li:first-child,
.progressbar ul li:nth-child(2) {
    position: relative;
}

.progressbar {
    margin-top: 0px;
}

.progressbar ul li:first-child::after {
    position: absolute !important;
    content: "" !important;
    width: 122px !important;
    height: 1px !important;
    background: #000 !important;
    left: 19px !important;
    top: 5px !important;
    z-index: 0 !important;
}

.progressbar ul li:first-child::after .progressbar ul li:nth-child(2) {
    position: relative;
}

.progressbar ul li:nth-child(2) .dot {
    background-color: #fff;
}

.progressbar ul li:nth-child(3) .dot {
    background-color: grey;
}

.progressbar ul li:not(:last-child):After {
    position: absolute;
    content: "";
    width: 125px;
    height: 1px;
    background: #0004;
    left: 19px;
    top: 5px;
}


@media (max-width:500px) {

    .prbox-top {
        flex-direction: column;
    }

    .prbox-top p {
        width: 100%;
        margin: 0px;
        font-size: 13px;
        text-align: center;
    }

    .prbox {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .progressbar ul {
        flex-direction: column;
        gap: 20px;
    }

    .progressbar ul li {
        flex-direction: row;
        width: 100%;
    }

    .progressbar ul li .txt {
        width: calc(100% - 12px - 5px);
    }

    .progressbar ul li:first-child::after {
        width: 1px !important;
        height: 47px !important;
        left: 5px !important;
        top: 9px !important;
    }

    .progressbar ul li:not(:last-child):After {
        width: 1px;
        height: 48px;
        left: 5px;
        top: 16px;
    }


}


/*  */


.ch-search-form {
    width: 100%;
}







.videoSec {
    width: 100%;
    padding: 10px;
}

.videoThumb::before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 5px;
    left: 0;
}

.videoThumb {
    position: relative;
    width: 100%;
}

img {
    max-width: 100%;
}

.videoThumb img {
    border-radius: 5px;
    aspect-ratio: 2;
    -o-object-fit: cover;
    object-fit: cover;
}

.videoModel.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.videoModelBody {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    max-height: 80vh;
}

.videoModelBody video {
    height: 100%;
    width: 100%;
    max-height: 80vh;
    border-radius: 5px;
}

.videoPopupToggle {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
    position: absolute;
    border-radius: 99px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 70px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.videoPopupToggle svg {
    max-width: 70px;
}

.videoPopupToggle svg path {
    fill: #fff;
}

.videoModelClose {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 10;
}

.videoModelClose svg {
    --iconSize: 15px;
    width: var(--iconSize);
    height: var(--iconSize);
    display: flex;
}



.videoModel {
    padding-left: 24px;
    padding-right: 24px;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 100001;
    display: flex;
    align-items: center;
}

/* featured video */

.videoHead {
    padding: 8px 20px;
    background-color: #434372;
    border-radius: 7px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.videoHead .videoText {
    width: calc(100% - 180px - 20px);
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    letter-spacing: -0.5px;
}

.videoHead .videoBtn {
    width: 180px;
    background: #f99523;
    border-radius: 50px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.play-btn {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50px;
    -webkit-animation: shadow-pulse 1s infinite;
    animation: shadow-pulse 1s infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-btn svg {
    width: 15px !important;
    height: 15px !important;
}

.play-btn svg path {
    fill: #f99523;
}

@-webkit-keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.6);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.6);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

/*  */
.videoHead2 {
    margin: 20px 0px;
}

.videoHead2 .videoBtn {
    -webkit-animation: shadow-pulse2 1.5s infinite;
    animation: shadow-pulse2 1.5s infinite;
}

.videoHead2 .videoBtn .play-btn {
    -webkit-animation: none !important;
    animation: none !important;
}

@-webkit-keyframes shadow-pulse2 {
    0% {
        box-shadow: 0 0 0 0px rgba(249, 149, 35, 0.7);
    }

    100% {
        box-shadow: 0 0 7px 25px rgba(249, 149, 35, 0);
    }
}

@keyframes shadow-pulse2 {
    0% {
        box-shadow: 0 0 0 0px rgba(249, 149, 35, 0.7);
    }

    100% {
        box-shadow: 0 0 7px 25px rgba(249, 149, 35, 0);
    }
}


@media (max-width:991px) {

    .videoHead {
        flex-direction: column;
        padding: 30px 20px;
        max-width: 650px;
        margin: 0px auto;
    }

    .videoText {
        width: 100% !important;
        text-align: center;
        letter-spacing: 0px !important;
        line-height: 1.4;
        font-size: 24px !important;
    }

    .videoHead.videoHead2 {
        width: 100%;
        max-width: 100%;
        margin: 20px auto;
    }


    .videoHead .videoBtn {
        padding: 8px 10px;
    }


}



/* featured video */


.videoText {
    display: flex;
    /* overflow: hidden; */
}

.videoTextMarqueeWrapper {
    overflow: hidden;
}

.videoTextMarquee:not(:last-child)::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: -30px;
    margin: auto;
}

.videoTextMarquee:not(:last-child) {
    margin-right: 50px;
}

.videoTextMarquee {
    white-space: nowrap;
    position: relative;
    -webkit-animation: videoTextMarquee 20s linear infinite;
    animation: videoTextMarquee 20s linear infinite;
}

@-webkit-keyframes videoTextMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes videoTextMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.videoHead3 .videoText {
    background: linear-gradient(to right,
            #f99523 20%,
            #FFF 30%,
            #f99523 70%,
            #fff 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.videoHead2 .videoText {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    animation: aitf 80s linear infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU0MDAgODAiIHdpZHRoPSI1NDAwIiBoZWlnaHQ9IjgwIj4KCTx0aXRsZT5hbmltYXRlZC10ZXh0LWZpbGw8L3RpdGxlPgoJPGRlZnM+CgkJPGltYWdlICB3aWR0aD0iNTQwMCIgaGVpZ2h0PSI4MCIgaWQ9ImltZzEiIGhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFGUmdBQUFCUUFRTUFBQURtRTA4ekFBQUFBWE5TUjBJQjJja3Nmd0FBQUFaUVRGUkYvLy8vK1pValFZYVVEQUFBQXFSSlJFRlVlSnp0MkUxT1ZVRVVSV0dla0doUFppQXp3WmtwTTlPWjZBeTBCd2tJclZzLzU0YkU3dHBuMFlMS1RkWFgyS3ZENWFyOFhQNlZnNWViY3ZEeHNSejh2UzBIWDM2Vmc1OWZ5OEczNy9WWkdUTCtrM0YxL1Z3T25qNlZnODkveXNIdnUzSncvNk1jUE5SblgrdmZIMlRJZUlkeDJtaW5JR1VnR0tlTkpnY3BBOGs0YlRRNVNCbEl4bW1qeVVIS1FESk9HMDBPVWdhU2NkcG9jcEF5a0l4V1FjcEFNcW9qT2tnWlNFYmRhSFNRTXBDTStrbDBrREtRakxyUjZDQmxJQm4xa3VnZ1pTQVpkYVBSUWNwQU11b3owVUhLUURMS1JyT0RsSUZrRkVoMmtES1FqTExSN0NCbElCbmxtK3dnWlNBWlphUFpRY3BBTXNvdDJVSEtRRExLUnJPRGxJRmtsSGV5ZzVTQlpPd2JEUTlTQnBLeFM4S0RsSUZrN0JzTkQxSUdrckYvRkI2a0RDUmozMmg0a0RLUWpQMmE4Q0JsSUJuN1JzT0RsSUZrN0ErRkJ5a0R5ZGcybWg2a0RDUmpvNlFIS1FQSjJEYWFIcVFNSkdQN0tqMUlHVWpHdHRIMElHVWdHZHM5NlVIS1FESzJqYVlIS1FQSjJGNUtEMUlHa3JGdU5ENUlHVWpHYW9rUFVnYVNzVzQwUGtnWlNNYjZXWHlRTXBDTWRhUHhRY3BBTXRhTDRvT1VnV1NzRzQwUFVnYVNzVDRWSDZRTUpHUFphSDZRTXBDTUJaTWZwQXdrWTlsb2ZwQXlrSXpsdS93Z1pTQVp5MGJ6ZzVTQlpDdzM1UWNwQThsWU5wb2ZwQXdrWTNrclAwZ1pTTWJjYUlNZ1pTQVpVOU1nU0JsSXh0eG9neUJsSUJuend3WkJ5a0F5NWtZYkJDa0R5WmhYTlFoU0JwSXhOOW9nU0JsSXhueXNRWkF5a0l5eDBRNUJ5a0F5QnFkRGtES1FqTEhSRGtIS1FETEdseDJDbElGa2pJMTJDRklHa2pIdTZoQ2tEQ1JqYkxSRGtES1FqUEZhaHlCbElCbmpmMUFkZ3BTQlpCeS90QWhTQnBKeGJMUkZrREtRak9QVEZrSEtRREtPamJZSVVnYVNjVnpXSWtnWlNNYXgwUlpCeWtBeWp1ZGFCQ2tEeVhnREMxZTM5OFVKeUdzQUFBQUFTVVZPUks1Q1lJST0iLz4KCTwvZGVmcz4KCTxzdHlsZT4KCTwvc3R5bGU+Cgk8dXNlIGlkPSJCYWNrZ3JvdW5kIiBocmVmPSIjaW1nMSIgeD0iMCIgeT0iMCIvPgo8L3N2Zz4=);
    background-repeat: repeat-y;
}

@keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.videoHead4 {
    margin: 20px 0px;
}








.videoHead4 .videoText {
    text-shadow: 0 0 5px #f99523, 0 0 15px #f99523, 0 0 20px #f99523, 0 0 40px #f99523, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9;
    /*! font-family: "Sacramento", cursive; */
    text-align: center;
    animation: blink 12s infinite;
    -webkit-animation: blink 4s infinite;
    /* overflow: hidden; */
    /* white-space: nowrap; */
}

@-webkit-keyframes blink {

    20%,
    24%,
    55% {
        color: #111;
        text-shadow: none;
    }

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        /*     color: #fccaff;
      text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
        0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
        text-shadow: 0 0 5px #f99523, 0 0 15px #f99523, 0 0 20px #f99523, 0 0 40px #f99523, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
        color: #fff6a9;
    }
}

@keyframes blink {

    20%,
    24%,
    55% {
        color: #111;
        text-shadow: none;
    }

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        /*     color: #fccaff;
      text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
        0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
        text-shadow: 0 0 5px #f99523, 0 0 15px #f99523, 0 0 20px #f99523, 0 0 40px #f99523, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
        color: #fff6a9;
    }
}

.videoHead.videoHead4 {
    overflow: hidden;
}



.hotelImages .mainImage .example-image-link {
    position: relative;
}

.hotelImages .mainImage .example-image-link .play-btn {
    cursor: pointer;
    border: 5px solid #fff;
    --size: 120px;
    min-width: var(--size);
    max-width: var(--size);
    height: var(--size);
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: var(--size);
}

.hotelImages .mainImage .example-image-link .play-btn {
    background-color: transparent;
    font-size: 70px;
    padding-left: 10px;
}

.hotelImages .mainImage .example-image-link .play-btn svg {
    width: 1em !important;
    height: 1em !important;
}

@media (min-width: 1025px) {
    .videoHead {
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
    }
}

@media (max-width: 1024px) {
    .videoHead {
        max-width: 777px;
        margin: 0px -20px;
        border-radius: 0;
        padding: 10px;
        align-items: center;
        flex-direction: row;
    }

    .videoHead .videoBtn .play-btn {
        background: #434372;
        padding-left: 4px;
    }

    .videoHead .videoBtn {
        font-size: 0;
        width: auto;
        gap: 0;
        padding: 3px;
    }

    .videoHead3 .videoText {
        text-align: left;
        flex: 1;
        font-size: 17px !important;
    }

    .videoSec {
        margin-bottom: -15px;
    }

    .save-up-text {
        font-family: "Oswald", sans-serif !important;
        text-transform: uppercase !important;
        background: #f99523 !important;
    }

    .save-up-text span {
        padding: 0 !important;
        width: auto !important;
        margin-right: 5px;
    }

    .save-up-text {
        flex-direction: row !important;
        border-radius: 0 !important;
        padding-bottom: 0 !important;
        padding: 10px !important;
        width: calc(100% + 20px) !important;
        margin: 0 -10px !important;
        font-size: 17px !important;
        min-height: 67px !important;
        margin-bottom: 10px !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    .hotelImages .mainImage .example-image-link .play-btn {
        border: 5px solid #fff;
        --size: 72px;
    }

    .hotelImages .mainImage .example-image-link .play-btn {
        font-size: 39px;
        padding-left: 8px;
    }

    .signInUpPopup.active {
        z-index: 1;
    }

    .signInUpPopup.active~.hotel_details_wrapper {
        display: none !important;
    }
}

.hotelImages .mainImage .example-image-link .play-btn svg path {
    fill: #fff;
}

.aboutus-banner {
    background-color: #fff;
}

.videoHead .videoText {
    line-height: 1.2;
}

.ch-hotel-cards .videoHead {
    margin: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.ch-hotel-cards .videoHead+.ch-hotel-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ch-hotel-cards .ch-hotel-card {
    margin-bottom: 20px;
}


@media (min-width: 1101px) {
    .ch-results .ch-hotel-cards .ch-hotel-card>.hotel-short-details {
        width: 100%;
        margin-left: 0;
        padding-left: calc(230px + 21px);
    }
}

table .prbox-top {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table .prbox-top p {
    line-height: 27px;
}

table .partiallyrefund {
    font-family: 'poppins';
}

table .cancelpolicies-row {
    font-family: 'Poppins';
}

table td.echoul>span {
    font-family: var(--font1), var(--font2), var(--font3), var(--font4) !important;
    font-style: normal !important;
    line-height: 16px !important;
    color: #30344B !important;
    margin-bottom: 10px;
    display: inline-block;
}

@media (max-width: 500px) {
    table .prbox-top {
        margin: 0;
    }
}

.available_rooms_main .box_bottom .reserve_button {
    background-color: #ef7e06 !important;
}


#pay-now .btn .icon {
    background: transparent !important;
}

#pay-now .btn:hover {
    border-color: #000 !important;
}

#pay-now .btn {
    border-color: #ef7e06 !important;
    background: #ef7e06 !important;
}

#pay-now .btn .text .pay {
    color: #fff !important;
}

#pay-now .btn .icon svg path {
    fill: #fff !important;
}

#pay-now .btn:hover .icon {
    background: transparent !important;
}



/* yio */


.ch-price-comparison {
      display: flex;
      align-items: center;
      gap: 23px;
      margin-top: 10px;
      font-family: Arial, sans-serif;
    }

    .ch-provider {
      text-align: center;
    }

    .ch-provider img {
        height: 20px;
        margin-bottom: 0px;
        width: 63px;
        object-fit: contain;
    }

    .ch-provider .price {
      font-weight: bold;
      font-size: 16px;
    }

    .ch-arrow {
      background-color: #f0f2ff;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      color: #4a4a4a;
      min-width: 36px;
      cursor: pointer;
    }

    .ch-arrow:hover {
      background-color: #e0e5ff;
    }

    .ch-price{
        font-family: Poppins;
        font-weight: 600;
        font-size: 10px;
        line-height: 18px;
        letter-spacing: -1%;
        vertical-align: bottom;
        color: #000000;
        justify-content: center;
    }

    .hotel-images {
    height: calc(100% - 26px);
}

.hotel-images-carousel,
.hotel-images-carousel .owl-stage-outer,
.hotel-images-carousel .owl-stage ,
.hotel-images-carousel .owl-item ,
.hotel-images-carousel .owl-item img{
    height: 100%;
}

.deals-pop-hidden{
    display: none;
}

.deals-popup{
    display: none;
}

.vioOpen .deals-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000;
    background: rgba(0, 0, 0,.3);
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: center;
}

.pop-wrapper {
    width: 1000%;
    max-width: 770px;
    background: #fff;
    border: 1px solid #4E58A49E;
    border-radius: 20px;
    position: relative;
    padding: 36px 38px 33px 42px;
    opacity: 0;
    transition: all 0.3s;
    height: auto;
    max-height: 80vh;
    overflow-y: auto;
}

.vioOpen .pop-wrapper{
    opacity: 1;
}


.deals-listing {
    margin-top: 24px;
}

.deal-list-head p {
    font-family: Poppins;
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    vertical-align: bottom;
    color: #4E58A4;
    padding-bottom: 7px;
    border-bottom: 1.57px solid #D2D2EC66;
    margin: 0px !important;
}

.deals-lists {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.d-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D2EC66;
}

.list-price {
    display: flex;
    align-items: center;
    gap: 24px;
}

.list-price .price {
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    color: #000000;
    vertical-align: bottom;
}


.vd-btn a {
    padding: 8px 20px 8px 22px;
    min-height: 38px;
    background: #4E58A4;
    min-width: 141px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    color: #fff;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14.15px;
    line-height: 100%;
    vertical-align: middle;
    text-transform: capitalize;
}

.vd-btn a:hover{
    opacity: .8;
}

.deal-list-head {
    margin-bottom: 23px;
}

.no-deals {
    margin-top: 34px;
    text-align: center;
}

.no-deals p {
    margin: 0px !important;
    font-family: Poppins;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    vertical-align: bottom;
    color: #8E8E8E;
}

.cl-pop {
    position: absolute;
    top: 15px;
    right: 15px;
}

.closeOfferPop{
    cursor: pointer;
}


.deals-ranking {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.deals-reviews {
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    vertical-align: bottom;
    text-transform: capitalize;
    color: #000;
}

.star-list svg {
    width: 18px;
    height: 18px;
}

.deals-head{
    font-family: Poppins;
    font-weight: 600;
    font-size: 29px;
    line-height: 120%;
    color: #484c55;
    letter-spacing: -3%;
}

.star-list {
    display: flex;
}
.vio-detal-single .ch-price-comparison{
        align-items: end;
}

.cst-more p {
    font-family: Poppins;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -1%;
    color: #000000;
    vertical-align: bottom;
    text-align: center;
    margin: 0px !important;
}

a.sct-vbtn {
    font-family: Poppins;
    font-weight: 500;
    font-size: 12.38px;
    line-height: 22.28px;
    letter-spacing: -1%;
    cursor: pointer;
    color: #4E58A4;
    text-decoration: underline !important;
}

.cst-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3px;
}

.vio-detal-single .ch-price{
    font-family: Poppins;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: -1%;
}

.ch-price {
    display: flex;
    align-items: center;
    gap: 5px;
}

.vio-detal-single .ch-provider img {
    height: 20px;
    margin-bottom: 0px;
    width: 100%;
    object-fit: contain;
}




@media (max-width:1024px){

    .ch-hotel-card .ch-hotel-card-btm-row>div:nth-child(2),
    .ch-hotel-card-btm-row>div:nth-child(3){
        width: 100% !important;
    }

    .ch-hotel-card .ch-hotel-card-btm-row>div:nth-child(2){
        padding-bottom: 15px !important;
    }
    
    .hotel-short-details .ch-hotel-card-btm-row .right-half{
        align-items: flex-start;
    }

    .multibok{
        text-align: left;
    }


    .pop-wrapper{
        padding: 20px !important;
    }

    .d-list {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    }

    .list-price {
    justify-content: space-between;
    width: 100%;
    }

    .deals-head {
    font-size: 22px;
    }

    .ch-price-comparison {
    flex-wrap: wrap;
}



}

@media (max-width:768px){

    .vio-detal-single .ch-price-comparison {
    align-items: end;
    flex-wrap: wrap;
    gap: 20px;
}

.hotel_details_wrapper p {
         line-height: 25px !important;
        font-size: 13px !important;
}


.vio-detal-single .ch-price {
    font-size: 14px;
}

.cst-more{
    margin-bottom: 0px !important;
}


}

    
    

/* yio */   

.main-ch-hotelcard-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: auto;
}
.ch-arrow.openOfferPop {
    position: relative;
    z-index: 1;
}
.reserve-now-btn.listingreserve {
    position: relative;
    z-index: 1;
}
.ch-price-comparison a.ch-provider {
    position: relative;
    z-index: 1;
}






/* 12-06-2025 */


.ch-hotel-card{
    border-color: transparent !important;
}
.ch-hotel-card:hover{
  border: 1px solid #5253B6DB !important;
  background: #fff !important;
}
.ch-hotel-card .hotel-images {
  width: 222px;
  position: relative !important;
  height: auto !important;
}
.ch-hotel-card.main-ch-hotelcard {
  display: flex;
  flex-wrap: nowrap;
  gap: 23px;
}
.ch-results .ch-hotel-cards .ch-hotel-card > .hotel-short-details {
  width: calc(100% - 23px - 222px);
  margin: 0px !important;
  margin-bottom: 7px !important;
  margin-top: 5px !important;
}
.ch-hotel-card-btm-row {
  display: flex !important;
  gap: 0px !important;
}
.left-half {
width: 65% !important;
  max-width: unset !important;
  margin: 0px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: column;
}
.ch-results .ch-hotel-cards .ch-hotel-card > .hotel-short-details{
  padding-left: 0px !important;
}
.ch-hotel-card .ch-hotel-card-btm-row{
    height: 100%;
}
.right-half {
  width: 35% !important;
  padding-left: 19px !important;
  padding-top: 0px !important;
  border-left: 1px solid #D2D2ECAD;
  align-items: flex-start !important;
}
.hotel-images-carousel, .hotel-images-carousel .owl-stage-outer,
.hotel-images-carousel .owl-stage, .hotel-images-carousel .owl-item,
.hotel-images-carousel .owl-item img {
    min-height: 215px !important;
    width: 100%;
    height: 100% !important;
    aspect-ratio: 1;
}
.ch-hotel-card .hotel-short-details {
  margin-left: 0px !important;
  width: 100%;
  margin-bottom: 20px !important;
}
.multibok{
    text-align: left;
}
.hotel-short-details .ch-hotel-rooms{
    text-align: left !important;
}
.ch-price-comparison{
    margin-top: auto !important;
    justify-content: center;
}
.ch-hotel-card.main-ch-hotelcard .ch-price{
    white-space: nowrap;
}
.ch-hotel-card.main-ch-hotelcard .ch-price-comparison a.ch-provider{
    width: 100%;
}
.ch-hotel-card.main-ch-hotelcard .vio-short-data{
    padding-top: 15px;
    border-top: 1px solid #D2D2ECAD;
    margin-top: 30px !important;
    margin-right: 17px;
}
.ch-hotel-card.main-ch-hotelcard .vio-deals {
  width: 100% !important;
}
.icon-text-item{
    width: auto !important;
}
.icon-text-item {
  padding: 7px 8px;
  border: 1px solid #4E58A459;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F6FF 100%);
  border-radius: 7px;
}
.icon-text-items{
    gap: 6px !important;
    flex-wrap: wrap;
    margin: 0px !important;
}
.icon-text-item .text {
  white-space: nowrap;
}
.ch-hotel-feedback {
  width: 100% !important;
  margin-bottom: 15px;
  padding-right: 15px;
}
.ch-hotel-card-btm-row .ch-hotel-feedback .star-list {
  width: auto;
  order: -1;
}
.hotel-short-details .ch-hotel-rooms {
    text-align: left;
}
.ch-hotel-feedback .reviews{
    font-family: Poppins;
    font-weight: 500;
    font-size: 11.55px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: bottom;
    text-transform: capitalize;
    color: #000;
}
.ratings{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18.29px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: bottom;
    text-transform: uppercase;
    color: #000;
}
.hotel-short-details .ch-hotel-card-btm-row .right-half{
    justify-content: flex-start;
}
.hotel-short-details .ch-hotel-name{
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: -3%;
    padding-right: 17px;
}
.icon-text-items.small .text{
    font-family: Poppins;
    font-weight: 500;
    font-size: 8px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #4E58A4;
}
.hotel-short-details .ch-hotel-address{
    font-family: Poppins;
    font-weight: 400;
    font-size: 9.89px;
    line-height: 17.8px;
    letter-spacing: 0%;
    color: #727272;
    padding-right: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 17px;
}
.pricerighthalf {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.reserve-now-btn.listingreserve {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12.44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  width: 100%;
  justify-content: space-between;
  padding-left: 17px;
  padding-right: 16px;
  background: #F99523;
}
.hotel-short-details .ch-hotel-price {
  text-align: left;
  margin-bottom: 2px;
  justify-content: flex-start;
  font-family: Poppins;
  font-weight: 700;
  font-size: 17.65px;
  line-height: 31.78px;
  letter-spacing: -6%;
  vertical-align: bottom;
}
.hotel-short-details .multibok{
    margin-bottom: 10px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 8.32px;
    line-height: 11px;
    letter-spacing: 0%;
    color: #656EB4;
}
.shadow {
  width: 16px;
  height: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 91.68%);
}
.right-half .hotel-short-details .icon-text-item{
    background: #EBEDFF !important;
}
.right-half .hotel-short-details .icon-text-item .text{
    font-family: Poppins;
    font-weight: 600;
    font-size: 9.27px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: #000;
}
.icon-text-item:has(.text:empty):has(.icon:empty) {
  display: none;
}
.ch-arrow {
  width: 26px;
  height: 26px;
  min-width: 26px;
  background-color: #EBEDFF;
}
.ch-hotel-card.main-ch-hotelcard .ch-price svg {
  height: 8px;
}
.left-half .shadow {
  display: none;
}
.vio-short-data:empty {
  display: none;
}
@media (max-width:1199px){
    .ch-hotel-card.main-ch-hotelcard {
        flex-direction: column;
        gap: 10px;
    }
    .ch-hotel-card .hotel-images {
        width: 100%;
        position: relative !important;
        height: auto !important;
    }
    .ch-results .ch-hotel-cards .ch-hotel-card > .hotel-short-details{
        width: 100%;
    }
    .ch-hotel-card .ch-hotel-card-btm-row .left-half {
    width: 100% !important;
  }
  .hotel-short-details .ch-hotel-feedback {
    order: 0;
    width: 100%;
  }
    .hotel-short-details .ch-hotel-address {
    margin-bottom: 10px;
    }
    .ch-map-toggle.maptrgr {
  margin-bottom: 10px;
}
.ch-hotel-card-btm-row {
  display: flex !important;
  gap: 10px !important;
}
.hotel-short-details .ch-hotel-card-btm-row .right-half{
    padding: 0px !important;
    border: 0px !important;
}
.right-half .hotel-short-details .icon-text-item{
    align-items: center;
}
.ch-hotel-card.main-ch-hotelcard .ch-price-comparison a.ch-provider {
  width: auto;
}
.ch-price-comparison {
  justify-content: start;
  gap: 15px;
}
.hotel-short-details .multibok {
  margin-bottom: 20px;
}
.right-half{
    width: 100% !important;
}
.reserve-now-btn.listingreserve {
  color: #fff !important;
  font-weight: 400 !important;
}
.mainfurtherdistance {
  display: none !important;
}

.amt-sec .icon-text-item .text {
    margin-right: 0px !important;
}

.ch-hotel-card-btm-row .icon-text-items.small .icon {
        top: 6px !important;
}


}


.hotelImages {
    gap: 10px;
}

.hotelImages .restImages {
    gap: 10px 10px;
}

.hotelImages .restImages .example-image-link {
    width: calc(50% - 5px);
}

.hotelImages .restImages .restAllBtn {
    width: 96px !important;
    height: 96px !important;
    right: 80px !important;
    bottom: 50px !important;
    background: #00000047 !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 50% !important;
    font-family: Poppins !important;
    font-weight: 600 !important; 
    font-size: 16.97px !important;
    line-height: 21.6px !important;
    letter-spacing: -1% !important;
    color: #fff !important; 
}

.upper_sec .hotel__details {
    padding: 19px 26px 16px 25px;
    border: 1px solid #4E58A447;
    border-radius: 9px;
}

.htlhead {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 10px;
    width: 100%;
}

.share-list-toggle {
    border: 1px solid #BBBFCC !important;
    height: 44px !important;
    background: #fff !important;
    padding: 0 14px;
    min-width: 64px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 21.82px !important;
    position: relative;
    white-space: nowrap;
    border: 1.45px solid #4E58A466 !important;
}


.share-list-toggle::before {
    display: none !important;
}

.htlspname {
    font-family: Poppins;
    font-weight: 600;
    font-size: 43.57px;
    line-height: 120%;
    letter-spacing: -3%;
    color: #484c55;
    margin: 0px !important;
}

.new-s_desc {
    font-family: Poppins;
    font-weight: 400 !important;
    font-size: 15.63px !important;
    line-height: 28.13px;
    letter-spacing: 0%;
    color: #727272 !important;
}

.new-s_ratingM .new-s_ratingStars {
    gap: 0;
    margin-bottom: 0px !important;
}

.new-s_ratingM .new-s_ratingStars .star {
    width: 18px;
    height: 14px;
    display: flex;
}

.new-s_remarks .expedia-icon img {
    width: 17px;
    height: 17px;
}

.new-s_ratingM .new-s_points {
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
    border-radius: 0px !important;
    font-family: Poppins;
    font-weight: 600;
    font-size: 22.47px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.icon-text-items-top .icon-text-item {
    background-color: #EBEDFF !important;
    background: #EBEDFF !important;
    border: 0px !important;
}

.icon-text-items-top .icon-text-item .text {
    font-family: Poppins;
    font-weight: 600;
    font-size: 11.6px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}

.rewn-details-row {
    align-items: stretch !important; 
}


.save-up-text.auth_trigger {
    margin: 0px !important;
    margin-top: auto !important;
}

.hotel__details .hotel__name .icon-text-items-mob {
    justify-content: flex-start;
}

.icon-text-items.small.new-icon-text-items-amen {
    margin-top: 20px !important;
}

.new-s_desc svg {
    width: 19px;
    height: 19px;
}

.new-s_desc {
    display: flex;
    align-items: center;
    gap: 6px;
}

.hotel__details .hotel__name .ch-hotel-rooms {
    margin-left: 0px !important;
    padding: 5px 13px !important;
    background: #EBEDFF99 !important;
    border: 1px solid #4B5ACF24 !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 15.84px !important;
    line-height: 28.51px !important;
    letter-spacing: -1% !important;
    color: #7A84D3 !important;
    padding-right: 20px !important;
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

.hotel__details .hotel__name .right {
    width: 100%;
    margin-left: 0px !important;
    text-align: left !important;
    margin-bottom: 10px !important;
}


.hotel__details .hotel__name .ch-hotel-price {
    font-family: Poppins;
    font-weight: 700;
    font-size: 26.59px;
    line-height: 47.86px;
    letter-spacing: -5%;
    vertical-align: bottom;
    color: #000 !important;
}

.hotel__details .hotel__name .ch-hotel-price span {
    color: #727272;
    font-family: Poppins;
    font-weight: 500;
    font-size: 14.66px;
    line-height: 26.39px;
    letter-spacing: 0%;
}

.hotel__details .hotel__name .reserve-now-btn {
     margin-left: 0px !important;
    padding: 7px 19px;
    background: #F99523 !important;
    border-radius: 6px !important;
    width: 156px !important;
    height: 40px !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 14.38px !important;
    line-height: 100% !important;
    letter-spacing: 0%;
    text-transform: capitalize !important;
    color: #fff !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px;
}

.hotel__details .hotel__name .reserve-now-btn:hover{
        background: rgb(67, 67, 114) !important;
}

.home .icon-text-items.small.new-icon-text-items-amen {
    margin-bottom: 20px !important;
}

.vio-single-head {
    font-family: Poppins;
    font-weight: 600;
    font-size: 10.27px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000;
    width: 100%;
    margin-top: 15px;
    position: relative;
    display: inline-flex;
    white-space: nowrap;
}

.vio-single-head::after {
    border: 1px solid #D2D2ECAD;
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    margin-top: 8px;
    margin-left: 12px;
}

.home .save-up-text {
    background: #EBEDFF !important;
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 11.6px !important;
    line-height: 150% !important;
    letter-spacing: 0% !important;
    color: #4E58A4 !important;
    padding-right: 28px !important;
    border-radius: 11px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    text-transform: unset !important;
}

.save-up-text span {
    background-color: #F99523 !important;
    border-radius: 11px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: #fff;
    outline: 1px solid #fff;
    outline-offset: -3px;
}

.cst-more p {
    font-family: Poppins !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: -1%;
    color: #000000 !important;
    text-align: center;
    margin: 0px !important;
}

.hotel__details .hotel__name .ch-hotel-rooms::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNy4yNDcyOCIgd2lkdGg9IjguMzk4ODMiIGhlaWdodD0iMS44NjY0MSIgcng9IjAuOTMzMjAzIiB0cmFuc2Zvcm09InJvdGF0ZSgtNTkuNjQzMSAwIDcuMjQ3MjgpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjFfMTgzKSIvPgo8cmVjdCB4PSIyLjQyMDQxIiB5PSI5LjE4NjkyIiB3aWR0aD0iOC4zOTg4MyIgaGVpZ2h0PSIxLjg2NjQxIiByeD0iMC45MzMyMDMiIHRyYW5zZm9ybT0icm90YXRlKC0zMC41NDAxIDIuNDIwNDEgOS4xODY5MikiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl82MV8xODMpIi8+CjxyZWN0IHg9IjMuOTgyOTEiIHk9IjExLjk2NjYiIHdpZHRoPSI4LjM5ODgzIiBoZWlnaHQ9IjEuODY2NDEiIHJ4PSIwLjkzMzIwMyIgdHJhbnNmb3JtPSJyb3RhdGUoMC42Mjk2NzUgMy45ODI5MSAxMS45NjY2KSIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzYxXzE4MykiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MV8xODMiIHgxPSIwIiB5MT0iOC4xODA0OSIgeDI9IjguMzk4ODMiIHkyPSI4LjE4MDQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0RTU4QTQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUQyMTNFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl82MV8xODMiIHgxPSIyLjQyMDQxIiB5MT0iMTAuMTIwMSIgeDI9IjEwLjgxOTIiIHkyPSIxMC4xMjAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0RTU4QTQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUQyMTNFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl82MV8xODMiIHgxPSIzLjk4MjkxIiB5MT0iMTIuODk5OCIgeDI9IjEyLjM4MTciIHkyPSIxMi44OTk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0RTU4QTQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUQyMTNFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  right: 6px;
  background-repeat: no-repeat;
  background-size: contain;
}


.hotel-short-details .sign-in-low-price {
    text-align: left !important;
}


@media (min-width: 768px) {


    .rewn-details-row .new-s_ratingM {
        width: 60%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .rewn-details-row .reviews-proof-sec {
        width: 40% !important;
        justify-content: flex-start !important;
        max-width: 450px;
        padding-left: 27px !important;
        border-left: 1px solid #D2D2ECAD;
        border-radius: 0px;
    }



}


@media (max-width:1024px) {

    .vio-single-head {
        margin-bottom: 15px !important;
    }

    .home .save-up-text {
        margin-top: 20px !important;
        width: 100% !important;
        padding-right: 10px !important;
        flex-wrap: nowrap !important;
    }


    .save-up-text span {
        background-color: #F99523;
        border-radius: 11px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        color: #fff;
        outline: 1px solid #fff;
        outline-offset: -3px;
        width: fit-content;
        white-space: nowrap !important;
        padding-right: 13px !important;
        padding-left: 13px !important;
        display: flex;
        align-items: center;
    }

    .save-up-text span {
        background-color: #F99523;
        border-radius: 11px;
        padding-top: 12px;
        padding-bottom: 12px;
        color: #fff;
        outline: 1px solid #fff;
        outline-offset: -3px;
    }


    .hotelImages .restImages .restAllBtn {
        right: 40px !important;
    }

}


@media (max-width: 768px) {
    .vio-detal-single .ch-price-comparison {
        gap: 10px 10px !important;
    }

    .new-s_desc svg {
        width: 19px;
        height: 19px;
        min-width: 19px;
        min-height: 19px;
    }

    .new-s_desc {
        font-size: 12px !important;
        line-height: 20px;
    }


    .new-s_desc {
        line-height: 19px !important;
    }

    .htlspname {
        padding-right: 50px !important;
        width: 100% !important;
    }

    .share-list-wrap {
        width: fit-content;
    }

    .hotel__details__sec.upper_sec .hotel__details {
        position: relative;
    }

    .share-list-wrap {
        position: absolute;
        right: 6px;
        top: 0;
    }

    .hotelImages .restImages .restAllBtn {
        width: 50px !important; 
        height: 50px !important;
        right: 59px !important;
        bottom: 18px !important;
        background: #00000047;
        backdrop-filter: blur(6px);
        border-radius: 50%;
        font-family: Poppins;
        font-weight: 600 ;
        font-size: 8.97px !important;
        line-height: 11.6px !important;
        letter-spacing: -1% !important;
        color: #fff;
    }

    .rewn-details-row .reviews-proof-sec{
        flex-direction: column !important;
    }

    .hotel__details .hotel__name .ch-hotel-rooms {
    width: 100% !important;
        margin-right: auto !important;
    max-width: fit-content !important;
}

}
.hotel__details .hotel__name .ch-hotel-rooms {
    gap: 4px;
}