body {
    background-color: #fbfcfc;
}

/* Here search */
.hero-search {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    /* background-color: #005fcc; */
    flex: 1;
}
.hero-search-item-wrap {
    position: relative;
    flex: 1;
}
.hero-search-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    border: 1px solid var(--color-border);
    border-radius: 20px;
    padding: 11px 16px;
    min-width: 210px;
    max-height: 58px;
    height: 58px;
    position: relative;
}
.hero-search-item:hover {
    cursor: pointer;
    background-color: var(--color-background-hover);
}
.hero-search-item-title {
    color:#1C2B3D;
}
.hero-search-item input {
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-primary-dark);
    outline: none;
}
.hero-search-item-value {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* background-color: blue; */
    color: var(--color-primary-dark);
    /* font-variation-settings: 'wght' 400; */
}
.hero-search-btn {
    width: 140px;
    border-radius: 20px;
}
.hero-search-btn-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-white);
}
.hero-search-item-calender {
    min-width: 260px;
}
.hero-search-item-calender {
}
/* ----------------------- nav ----------------- */
.navbar {
    box-shadow: var(--box-shadow-1c2b3d1f);
}
/* --------------- head ------------------------- */
.searchwrap {
    display: flex;
    flex-direction: row;
    align-items: start;
    padding: 0px var(--page-padding-8);
    gap: 29px;
}

.searchbox {
    background-color: var(--color-white);
    padding: 20px;
    border-radius: 16px;
    margin: 24px var(--page-padding-8);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.s-active .searchbox {
    margin: 24px 0;
    border-radius: 0 0 16px 16px;
}
.s-active .searchbox {

    box-shadow: none;
}

.searchbox .head {
    display: none;
}

.searchbox .description {
    display: none;
}

/* Mobile header */
.m-searchhead {
    display: none;
}

.m_actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* background-color: red; */
    padding: 12px 16px;
    gap: 16px;
}

.m_actions button {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    height: 40px;
    border: solid 1px #eef1f4;
    background-color: var(--color-white);
    border-radius: 100px;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.m_actions button .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.m_actions button .indicator {
    position: absolute;
    background-color: var(--color-primary);
    height: 8px;
    width: 8px;
    border-radius: 10px;
    top: 8px;
    right: 15px;
}

/* Filters */
.searchwrap .filters {
    display: flex;
    flex-direction: column;
    width: 278px;
    background-color: var(--color-white);
    padding: 16px;
    border-radius: 16px;
    box-shadow: var(--box-shadow-1c2b3d1f);
    gap: 16px;
    z-index: 1;
}

.searchwrap .filters .head {
    display: flex;
    flex-direction: row;
}

.searchwrap .filters .head .back {
    display: none;
}

.searchwrap .filters .head .clearBox {
    display: none;
}

.searchwrap .filters .head .clear {
    display: none;
}

.searchwrap .filters .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.searchwrap .filters .groupsBox {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.searchwrap .filters .groups {
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #d6dde6;
    padding-bottom: 16px;
    gap: 8px;
}

.searchwrap .filters .groups .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.searchwrap .filters .filter {
    display: flex;
    align-items: center;
    gap: 8px;
}

.searchwrap .filters .filter label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    flex: 1;
}

.searchwrap .filters .filter input {
    width: 20px;
    height: 20px;
}

.searchwrap .filters .nights {
    display: flex;
    flex-direction: row;
}

.searchwrap .filters .nights span {
    color: #e99b05;
    font-size: 20px;
}

.searchwrap .filters .groupMoreFilters {
    display: flex;
    flex-direction: column;
    gap: 8px;
    display: none;
}

.searchwrap .filters .showmore {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    background-color: transparent;
    text-align: start;
    padding: 0px;
    cursor: pointer;
}

.searchwrap .filters .discountsBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.searchwrap .filters .discountsBox span {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.searchwrap .filters .priceBox {
    display: flex;
    flex-direction: row;
    gap: 12px;
    /* align-items: end; */
}

.searchwrap .filters .priceBox .inputBoxs {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 12px;
}

.searchwrap .filters .priceBox .inputBox {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
}

.searchwrap .filters .priceBox .label {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.searchwrap .filters .priceBox input {
    max-width: 89px;
    height: 44px;
    border: solid 1px #d6dde6;
    border-radius: 6px;
    background-color: #fbfcfc;
    padding: 12px 8px;
}

.searchwrap .filters .priceBox .searchBtnBox {
    display: flex;
    align-items: end;
}

.searchwrap .filters .priceBox .searchBtn {
    border-radius: 8px;
    width: 44px;
    height: 44px;
}

.searchwrap .filters .priceBox .searchBtn .icon {
    display: block;
}

.searchwrap .filters .priceBox .searchBtn .sbText {
    display: none;
}

/* Search results */
.searchwrap .results {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 14px;
    margin-bottom: 80px;
    overflow: hidden;
}

/* result head */
.searchwrap .head {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.searchwrap .h-tit {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}


.searchwrap .head .resultNo {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}
.searchwrap .head .resultNo small {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
}

.searchwrap .head .actions {
    display: flex;
    flex: 1;
    gap: 12px;
    justify-content: flex-end;
}

.searchwrap .head .actions .filterbar {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

.searchwrap .head .actions .filterbar .filterbox {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

.searchwrap .head .actions .filterbar .selectedfilter {
    display: flex;
    flex-direction: row;
    background-color: var(--color-white);
    border: solid 1px #d6dde6;
    padding: 8px 12px;
    border-radius: 100px;
    gap: 8px;
    align-items: center;
    height: 40px;
}

.searchwrap .filterbar .selectedfilter .name {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
}

.searchwrap .filterbar .selectedfilter .clear {
    border-radius: 100px;
    background-color: #b0bac8;
    color: var(--color-white);
    width: 20px;
    height: 20px;
    padding: 0px;
    border: none;
    cursor: pointer;
}

.searchwrap .filterbar .selectedfilter .clear span {
    font-size: 20px;
}

.searchwrap .filterbar .moreFiltersWrap {
    position: relative;
}

.searchwrap .filterbar .moreFilters {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    border: solid 1px #d6dde6;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.searchwrap .filterbar .moreFiltersWrap .moreSelectedFilters {
    position: absolute;
    top: 44px;
    right: 0px;
    display: none;
    z-index: 2;
}

.searchwrap .filterbar .moreFiltersWrap .moreSelectedFilters .list {
    background-color: var(--color-white);
    padding: 8px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    box-shadow: var(--box-shadow-252A3129);
    gap: 8px;
}

.searchwrap .filterbar .moreFilters:hover,
.searchwrap .filterbar .moreFilters:active {
    background-color: #f5f7f9;
    border: solid 1px #bac7d5;
    cursor: pointer;
}

.searchwrap .filterbar .moreActions {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.searchwrap .filterbar .moreActions .clearAll {
    color: var(--color-primary);
    border: none;
    background-color: transparent;
}

.searchwrap .head .actions .sort,
.stkcy .sort
{
    display: flex;
    flex-direction: row;
    background-color: var(--color-white);
    padding: 10px 14px;
    box-shadow: var(--box-shadow-1c2b3d1f);
    border-radius: 100px;
    border: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    align-items: center;
}

.searchwrap .head .actions .sort .sortValue,
.stkcy .sort .sortValue
{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.searchwrap .actions .sortWrap, .stkcy .sortWrap {
    position: relative;
}

.searchwrap .actions .sortWrap .sort, .stkcy .sortWrap .sort {
    cursor: pointer;
}
.stkcy .sortWrap .sort small{
    font-weight: 500;
    font-size: 14px;
    color:#000;
}
.sortMenu {
    position: absolute;
    top: 48px;
    right: 0px;
    display: none;
    flex-direction: column;
    z-index: 2;
}

.sortMenu .head {
    display: none;
}

.sortMenu .head .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
}

.sortMenu .list {
    background-color: var(--color-white);
    padding: 8px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    box-shadow: var(--box-shadow-252A3129);
    gap: 8px;
}

.sortMenu .list .item:nth-child(1) {
    color: var(--color-primary);
}

.sortMenu .list .item {
    white-space: nowrap;
    padding: 12px 16px;
    height: 44px;
    min-width: 154px;
    border: solid 1px #e7ebf0;
    border-radius: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

/* no result */
.searchwrap .noresult {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 32px;
    border: solid 1px #d6dde6;
    background-color: var(--color-white);
    gap: 36px;
    justify-content: center;
    align-items: center;
}

.searchwrap .noresult .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    gap: 16px;
    text-align: center;
}

.searchwrap .noresult .info .icon {
    background-color: var(--color-white);
    min-width: 64px;
    min-height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.searchwrap .noresult .info .titleBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.searchwrap .noresult .info .titleBox .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.searchwrap .noresult .info .titleBox .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.searchwrap .noresult .retry {
    color: var(--color-primary);
}

.searchwrap .noresult .line {
    width: 100%;
    max-width: 500px;
    border-top: solid 1px #d6dde6;
}

.searchwrap .noresult .contacts {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

.searchwrap .noresult .contacts .whatsapp {
    display: flex;
    justify-content: space-between;
    background-color: #4fce5d;
    gap: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 100px;
    align-items: center;
    border: none;
    cursor: pointer;
}

.searchwrap .noresult .contacts .whatsapp:hover {
    background-color: #45bb52;
}

.searchwrap .noresult .contacts .whatsapp:active {
    background-color: #3ba346;
}

.searchwrap .noresult .contacts img {
    width: 24px;
    height: 24px;
}

.searchwrap .noresult .contacts span {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-white);
}

.searchwrap .noresult .contacts .icon {
    font-size: 24px;
    color: var(--color-white);
}

/* Results card */
.searchwrap .results .cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.searchwrap .results .cards .relatedResults {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.otelCard {
    display: flex;
    flex-direction: row;
    border: solid 1px #e0e6ec;
    box-shadow: var(--box-shadow-1c2b3d1f);
    flex: 1;
    background-color: var(--color-white);
    border-radius: 16px;
    flex-wrap: wrap;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    overflow: hidden;
}

.otelCard:hover {
    box-shadow: var(--box-shadow-hover);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.otelCard .details {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 16px 0px 0px 16px;
}

.otelCard .details .infobox {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

.otelCard .details .infobox .imageBox {
    width: 250px;
    position: relative;
}

.otelCard .details .infobox .umre-imageBox {
    width: 220px;
    height: 270px;
    position: relative;
}
.umreCard .tsSchedulesBox .ic{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
}
.otelCard .details .infobox .imageBox .favorite,
.otelCard .details .infobox .imageBox .favoriteActive {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    background-color: #ffffff80;
    border-radius: 100px;
    border: none;
    cursor: pointer;
}

.otelCard .details .infobox .imageBox .favorite {
    color: var(--color-primary-dark);
}

.otelCard .details .infobox .imageBox .favoriteActive {
    color: #d21c1c;
    font-variation-settings: "FILL" 1;
}

.otelCard .details .infobox img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.otelCard .details .infobox .info {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
    padding: 16px 16px 16px 0;
}
.tsCard .details .infobox .info {
    padding: 12px 12px 0 0;
    gap: 4px;
}

.otelCard .basics {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    /*  flex: 1; */
    flex-wrap: nowrap;
    align-items: center;
}

.otelCard .rgrad  {
    background: linear-gradient(128.54deg, #8F16D7 20.43%, #D400D2 56.49%, #EE007C 102.92%);
}
.otelCard .bgrad  {
    background: linear-gradient(128.54deg, #4A00FF 20.43%, #0067FF 56.49%, #00FFDD 112.7%);
}
.otelCard .status {
    border-radius: 6px;
    padding: 4px 8px 4px 18px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    align-self: self-start;
    position: relative;
}
.otelCard .status:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    left: 6px;
    top: 9px;
    position: absolute;
}

.otelCard .basics .titleBox {
    display: flex;
    flex-direction: column;
    gap: 6px;
    /* flex:1 */
}

.otelCard .basics .titleContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.otelCard .basics .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.otelCard .basics .nights {
    display: flex;
    flex-direction: row;
    font-size: 20px;
}

.otelCard .details .infobox .info .nights span {
    color: #e99b05;
    font-size: 20px;
}

.otelCard .basics .location {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.otelCard .basics .parafBox {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.otelCard .basics .parafBox .desc {
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    max-width: 90px;
    color: #67778a;
}

.otelCard .basics .parafBox .parafImg {
    width: 68px;
    height: 29.37px;
    object-fit: cover;
}

.otelCard .details .infobox .info .reviews {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    display: none;
}

.otelCard .details .infobox .info .features {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.otelCard .details .infobox .info .feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    background: #F7F8FA;
    padding: 4px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
}

.otelCard .details .infobox .info .feature .icon {
    font-size: 20px;
}

.otelCard .details .infobox .info .feature .title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.otelCard .details .infobox .info .roomInfo {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.otelCard .details .infobox .info .owner {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.otelCard .details .infobox .info .otelType {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.otelCard .details .infobox .info .freeCancelContainer {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 5px;
}

.otelCard .details .infobox .info .facility {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.otelCard .details .infobox .info .cancelFree {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #28a138;
}

.otelCard .details .utilities {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px 16px 16px 16px;
    padding-top: 16px;
    border-top: solid 1px #bac7d5;
    gap: 12px;
}

.otelCard .details .utilities .utility {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    background-color: #f5f5f5;
    border-radius: 6px;
    gap: 4px;
}

.otelCard .details .utilities .utility .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.otelCard .details .utilities .utility .icon {
    font-size: 20px;
}

.otelCard .details .turDatesWrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px;
    padding-top: 12px;
    border-top: solid 1px #E7EBF0;
    gap: 4px;
}

.otelCard .details .turDatesWrap .turDtTitle {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--color-primary-dark);
}

.otelCard .details .turDatesWrap .turDates {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

.otelCard .details .turDatesWrap .turDates .turDate {
    gap: 4px;
    padding: 6px 10px 6px 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
}

.otelCard .details .turDatesWrap .turDates .turDate .icon {
    color: #343434;
    font-size: 16px;
}

.otelCard .details .turDatesWrap .turDates .turDate span {
    color: #1C2B3D;
    font-weight: 500;
    font-size: 12px;
}

.otelCard .actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    background: #f5faff;
    width: 180px;
}

.otelCard .actions .reviews {
    display: flex;
    flex-direction: column;
    align-items: end;
}


.otelCard .actions .reviews .s_label {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    gap: 4px;
    font-weight: 600;
    font-size: 14px;
}
.otelCard .actions .reviews .s_label .parafBox {
    display: flex;
    flex-direction: row;
    padding: 12px;
    align-items: center;
}
.otelCard .actions .reviews .s_label .parafBox .desc {
    font-size: 10px;
    color: #67778A;
    font-weight: 400;
}
.otelCard .actions .reviews .s_label .lred {
    color: #E96405;
    background: #fdefe6;
    padding: 8px;
}
.otelCard .actions .reviews .s_label .gred {
    color: #28A138;
    background: #e9f6eb;
    padding: 8px;
}
.otelCard .actions .reviews .s_label .rred {
    color: #005AA3;
    background: #e5eef6;
    padding: 8px;
}
 .rrred {
    color: #005AA3;
    background: #e5eef6;
    padding: 8px;
     text-align: center;
     font-weight: 600;
     font-size: 14px;
}


.otelCard .actions .reviews .rateBox,
.otelCard .details .infobox .info .reviews .rateBox {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.otelCard .actions .reviews .rateBox .rateDis,
.otelCard .details .infobox .info .reviews .rateDis {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}

.otelCard .actions .reviews .rateBox .rate,
.otelCard .details .infobox .info .reviews .rate {
    color: #0172cb;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    padding: 0px 6px;
    background-color: #e8f4fd;
    border: solid 1px #0172cb;
    border-radius: 4px;
    height: 28px;
}

.otelCard .actions .reviews .reviewNo,
.otelCard .details .infobox .info .reviews .reviewNo {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #67778a;
}

.otelCard .actions .reserveBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 12px;
}

.otelCard .actions .reserveBox .reserveBoxDet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 12px;
}

.otelCard .actions .reserveBox .priceBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.otelCard .actions .reserveBox .priceBox .priceDet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 12px;
    padding: 10px;
}

.otelCard .actions .reserveBox .priceBox .old-rpice {
    display: flex;
    gap: 10px;
}
.otelCard .actions .reserveBox .priceBox .old-rpice .discount {
    color:#28A138;
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    padding: 2px 4px;
    background: #28A1381A;
    border-radius: 4px;
    line-height: 18px;
    margin: 0;
}
.otelCard .actions .reserveBox .priceBox .price-detail {
    border-top: 1px solid #E7EBF0;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    width: 100%;
}
.otelCard .actions .reserveBox .priceBox .price-detail .price-text {
    font-size: 12px;
    color: #0077FF;
    font-weight: 600;
}
.otelCard .actions .reserveBox .priceBox .price-detail .datebutton {
    font-size: 14px;
    padding: 8px 12px;
    font-weight: 600;
    width: 100%;
}
.otelCard .actions .reserveBox .priceBox .price-detail .price-info {
    font-weight: 300;
    font-size: 10px;
    font-style: italic;
}
.otelCard .actions .reserveBox .priceBox .priceses {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
.otelCard .actions .reserveBox .priceBox .priceses .price-info{
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    color: #1C2B3D;
}
.otelCard .actions .reserveBox .priceBox .priceses .error{
    font-size: 12px;
    color: #D23201;
    background: #f1e6e6;
    border: 1px solid #D23201;
    border-radius: 6px;
    padding: 6px 10px;
}

.otelCard .actions .reserveBox .discount {
    background-color: #28a138;
    color: var(--color-white);
    border-radius: 4px;
    padding: 0px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
    height: 22px;
}
.otelCard .actions .reserveBox .discription {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}

.otelCard .actions .reserveBox .prePrice {
    color: #1C2B3D;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    text-decoration: line-through;
}

.otelCard .actions .reserveBox .tur-prePrice,
.otelCard .actions .reserveBox .tur-discount {
    display: none;
}

.otelCard .actions .reserveBox .priceRow {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.otelCard .actions .reserveBox .priceRow .infoIcon {
    border: none;
    background-color: transparent;
    color: #67778a;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.otelCard .actions .reserveBox .priceRow .infoIcon .infoToolTip {
    position: absolute;
    top: 35px;
    right: -8px;
    max-width: 400px;
    min-width: 300px;
    box-shadow: var(--box-shadow-252A3129);
    background-color: var(--color-white);
    border-radius: 8px;
    border: solid 1px var(--color-border);
    padding: 0px 20px;
    display: none;
}

.otelCard .actions .reserveBox .priceRow .infoIcon .infoToolTip p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: var(--color-primary-dark);
}
.otelCard .actions .reserveBox .priceBox hr {
    height: 1px;
    border-top: 1px solid #E7EBF0;
    width: 100%;
    margin: 12px 0 0;
}

.otelCard .actions .reserveBox .priceRow .infoIcon .infoHang {
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    right: 18px;
    width: 14px;
    height: 14px;
    border: solid 1px var(--color-border);
    background-color: var(--color-white);
    border-right: none;
    border-bottom: none;
}

.otelCard .actions .reserveBox .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
}
.otelCard .actions .reserveBox .ps {
    font-size: 18px;
    line-height: 27px;
}

.otelCard .actions .reserveBox .from {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.otelCard .actions .reserveBox .btnBox {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.otelCard .actions .reserveBox .btnBox .bookmark,
.otelCard .actions .reserveBox .btnBox .bookmarkActive {
    border: solid 1px #e7ebf0;
    background-color: #ffffff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.otelCard .actions .reserveBox .btnBox .bookmark {
    color: var(--color-primary-dark);
}

.otelCard .actions .reserveBox .btnBox .bookmarkActive {
    color: var(--color-primary);
    font-variation-settings: "FILL" 1;
}

.otelCard .actions .reserveBox .puanContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border-radius: 22px;
    padding: 6px 10px 6px 6px;
    background-image: linear-gradient(#1c2b3d, #4b73a3);
}

.otelCard .actions .reserveBox .puanContainer .puanBox {
    background-color: var(--color-white);
    width: 22px;
    height: 22px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.otelCard .actions .reserveBox .puanContainer .puan {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-white);
}

.otelCard .actions .reserveBox .resrvInfo {
    display: flex;
    flex-direction: column;
}

.otelCard .actions .reserveBox .resrvInfo .stars {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.otelCard .actions .reserveBox .resrvInfo .info {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.offAd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #fcf3e1;
    box-shadow: var(--box-shadow-1c2b3d1f);
    padding: 8px 20px 8px 10px;
    align-items: center;
    border-radius: 12px;
    flex-wrap: wrap;
    gap: 12px;
}

.offAd .titleBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.offAd .titleBox .iconBox {
    background-color: #e99b05;
    border-radius: 100px;
    min-width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offAd .titleBox .iconBox span {
    color: var(--color-white);
}

.offAd .titleBox .title {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
}

.offAd .goin {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    height: 44px;
}

.bonus {
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
}

.bonus img {
    width: 100%;
    height: 100%;
}

.searchwrap .results .foot {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.searchwrap .results .foot a {
    padding: 15px 24px;
}

.searchwrap .results .foot span {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--color-primary);
}


.recent-visit-distance-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}
.recent-visit-distance-icon-h {
    width: 18px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M5 0L0 1.38889V9.44444L5 10L10 9.44444V1.38889L5 0Z" fill="black"/><path d="M5 10L10 9.44444V1.38889L5 0V10Z" fill="%23292F33"/><path d="M6.23722 4.02972V4.97611L7.41194 5.14611V4.22777L6.23722 4.02972ZM8.18167 4.35777V5.2575L9.09806 5.39027V4.51222L8.18167 4.35777ZM5 3.82111V4.79694L5.4675 4.86472V3.89999L5 3.82111ZM10 4.66444L9.85028 4.63916V5.49916L10 5.52083V4.66444Z" fill="%23FFD983"/><path d="M0 4.66444V5.52083L0.149722 5.49916V4.63916L0 4.66444ZM4.5325 3.89999V4.86472L5 4.79694V3.82111L4.5325 3.89999ZM0.901944 4.51222V5.39027L1.81833 5.2575V4.35777L0.901944 4.51222ZM2.58806 4.22777V5.14611L3.76278 4.97611V4.02972L2.58806 4.22777Z" fill="%23FFAC33"/><path d="M5.94118 4.20298V4.19131C5.94118 4.07437 5.90146 3.97937 5.8523 3.97937C5.80313 3.97937 5.76341 4.07437 5.76341 4.19131V4.20298C5.70563 4.26326 5.66479 4.37548 5.66479 4.50937C5.66479 4.65187 5.7098 4.77298 5.77396 4.82937C5.79174 4.88354 5.81924 4.92104 5.8523 4.92104C5.88535 4.92104 5.91285 4.88354 5.93063 4.82937C5.9948 4.77298 6.0398 4.65187 6.0398 4.50937C6.03952 4.37548 5.99896 4.26326 5.94118 4.20298ZM7.88535 4.49993V4.48826C7.88535 4.37131 7.84563 4.27631 7.79646 4.27631C7.7473 4.27631 7.70757 4.37131 7.70757 4.48826V4.49993C7.64979 4.5602 7.60896 4.67243 7.60896 4.80631C7.60896 4.94881 7.65396 5.06993 7.71813 5.12631C7.73591 5.18048 7.76341 5.21798 7.79646 5.21798C7.82952 5.21798 7.85702 5.18048 7.8748 5.12631C7.93896 5.06993 7.98396 4.94881 7.98396 4.80631C7.98396 4.6727 7.94313 4.56048 7.88535 4.49993ZM9.55674 4.78604V4.7752C9.55674 4.66604 9.51952 4.57743 9.47368 4.57743C9.42785 4.57743 9.39063 4.66604 9.39063 4.7752V4.78604C9.33674 4.84243 9.29868 4.94715 9.29868 5.07215C9.29868 5.2052 9.34063 5.31826 9.40063 5.37104C9.41702 5.42159 9.44285 5.45659 9.47368 5.45659C9.50452 5.45659 9.53007 5.42159 9.54674 5.37104C9.60646 5.31854 9.64868 5.2052 9.64868 5.07215C9.64868 4.94715 9.61091 4.84243 9.55674 4.78604Z" fill="%23FFD983"/><path d="M4.05861 4.20305V4.19138C4.05861 4.07443 4.09833 3.97943 4.1475 3.97943C4.19667 3.97943 4.23639 4.07443 4.23639 4.19138V4.20305C4.29417 4.26332 4.335 4.37555 4.335 4.50943C4.335 4.65193 4.29 4.77305 4.22583 4.82943C4.20806 4.8836 4.18056 4.9211 4.1475 4.9211C4.11444 4.9211 4.08694 4.8836 4.06917 4.82943C4.005 4.77305 3.96 4.65193 3.96 4.50943C3.96028 4.37555 4.00083 4.26332 4.05861 4.20305ZM2.11444 4.49999V4.48832C2.11444 4.37138 2.15417 4.27638 2.20333 4.27638C2.2525 4.27638 2.29222 4.37138 2.29222 4.48832V4.49999C2.35 4.56027 2.39083 4.67249 2.39083 4.80638C2.39083 4.94888 2.34583 5.06999 2.28167 5.12638C2.26389 5.18055 2.23639 5.21805 2.20333 5.21805C2.17028 5.21805 2.14278 5.18055 2.125 5.12638C2.06083 5.06999 2.01583 4.94888 2.01583 4.80638C2.01583 4.67277 2.05667 4.56055 2.11444 4.49999ZM0.443056 4.7861V4.77527C0.443056 4.6661 0.480278 4.57749 0.526111 4.57749C0.571944 4.57749 0.609167 4.6661 0.609167 4.77527V4.7861C0.663056 4.84249 0.701111 4.94721 0.701111 5.07221C0.701111 5.20527 0.659167 5.31832 0.599167 5.3711C0.582778 5.42166 0.556944 5.45666 0.526111 5.45666C0.495278 5.45666 0.469444 5.42138 0.452778 5.3711C0.393056 5.3186 0.350833 5.20527 0.350833 5.07221C0.351111 4.94721 0.388889 4.84249 0.443056 4.7861ZM0 3.0961V4.06832L5 3.16055V2.11499L0 3.0961Z" fill="%23FFAC33"/><path d="M5 2.11499V3.16055L10 4.06832V3.0961L5 2.11499Z" fill="%23FFD983"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}
.recent-visit-distance-icon-u {
    width: 22px;
    height: 26px;
    background-image: url("../assets/hac/icon1.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}


/* selected cards copy */

.selctedCard-container {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: flex;
    flex-direction: row;
    align-items: start;
    height: 52;
    z-index: 1;
}

.selctedCard-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 28px;
    box-shadow: var(--box-shadow-1c2b3d29);
    background: var(--color-white);
    padding: 4px 4px 4px 16px;
    border-radius: 100px;
}

.selectedCard-number {
    font-weight: 700;
    font-size: 16px;
    line-height: 19.36px;
}

.selectedCard-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.36px;
}

.selctedCard-actions {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.selectedCard-copy .icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    color: var(--color-primary-dark);
}

.selectedCard-copy .copyLabel {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-primary-dark);
}

.selectedCard-close {
    width: 40px;
    height: 40px;
}

/* bookmark */
.bookmarkWrap {
    /* background-color: red; */
    padding: 40px 16%;
}

.bookmarkactionbox {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

/* tur search */
.tsCard {
    display: flex;
   flex-direction: column;
}

.tsCard .tsDetailsBox {
    display: flex;
    flex-direction: row;
    /* align-items: end; */

    flex: 1;
    flex-wrap: wrap;
}

.tsCard .tsHead {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0px 16px;
}

.tsCard .tsHead .tsHeadDet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.tsCard .tsHead .tsProgram {
    text-align: center;
    vertical-align: center;
    border-radius: 0px 0px 6px 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    height: 28px;
    padding: 3px;
}

.tsCard .tsHead .economy {
    background-color: #bce2ff;
    color: #0172cb;
}

.tsCard .tsHead .lux {
    background-color: #e5d7b0;
    color: #695319;
}

.tsCard .tsHead .akitBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.tsCard .tsHead .akitBox .akitText {
    width: 80px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #67778a;
    text-align: end;
}

.tsCard .tsSchedulesBox {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tsCard .tsSchedulesBox .tsCompanies {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.tsCard .tsSchedulesBox .tsCompanies .tsCompany-image {
    width: 24px;
    height: 24px;
    border-radius: 0px;
}

.tsCard .tsSchedulesBox .tsCompanies .tsName {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
}

.tsCard .tsSchedulesBox .tsSchedules {
    display: flex;
    flex-direction: column;
}
.tsCard .tsSchedulesBox .umdetay {
    background: #fafbfc;
    border: 1px solid #E7EBF0;
    padding: 8px;
    border-radius: 8px;
}


.tsCard .tsSchedulesBox .umSchedule {
    gap: 0;
}

.tsCard .tsSchedulesBox .tsinf {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    background: #fafbfc;
    border: 1px solid #E7EBF0;
    border-radius: 12px;
    padding: 10px 16px;
    flex-wrap: wrap;
    margin: 12px 0;
}
.tsCard .tsSchedulesBox .tsDet {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.tsCard .tsSchedulesBox .uhdet {
    gap: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.tsCard .tsSchedulesBox .tsSchedule .tsCities {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
}

.tsCard .tsSchedulesBox .tsSchedule .umCities {
    color: #1C2B3D;
}

.tsCard .tsSchedulesBox .tsSchedule .tsDate {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}

.tsCard .tsSchedulesBox .tsSchedule .tsDate {
    color: #1C2B3D;
}

.tsCard .tsSchedulesBox .tsSchedule .tsTransport {
    display: flex;
    padding: 4px 4px 4px 10px;
    gap: 15px;
}

.tsCard .tsSchedulesBox .tsSchedule .umTransport {
    flex-direction: row;
    align-items: start;
    padding: 0px;
}

.tsCard .tsSchedulesBox .tsSchedule .tsLine {
    width: 1px;
    height: 12px;
    border-right: solid 1px #d6dde6;
}

.tsCard .tsSchedulesBox .tsSchedule .umLine {
    width: 1px;
    margin: 6px 0 6px 8px;
    height: 18px;
}

.tsCard .tsSchedulesBox .tsSchedule .tsIcon {
    font-size: 17px;
}
.tsCard .tsSchedulesBox .tsSchedule .tssIcon {
    font-size: 12px;
    background: #fff;
    padding: 2px;
    border-radius: 4px;
}

.tsCard .tsSchedulesBox .tsSchedule .tsDesc {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #67778a;
}

.tsCard .tsSchedulesBox .tsSchedule .umDesc {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: var(--color-primary-dark);
}
/* -------------------------------------------------------------------- */

.pdf-style {
}

.pdf-style .otelCard {
    margin: 5px 0px 16px 0px;
    page-break-inside: avoid; /* Prevents splitting inside a card */
    break-inside: avoid; /* Modern equivalent for some browsers */
}

@media print {
    body * {
        /* display: none; */
    }

    .navbar {
        min-width: 800px;
        padding: 0px;
        box-shadow: none;
    }

    .nav-links,
    .nav-options,
    .head,
    .nav-center,
    .bookmarkactionbox,
    .results .foot,
    footer {
        display: none !important;
    }

    .bookmarkWrap {
        /* background-color: red; */
        padding: 0px;
    }

    .otelCard {
        page-break-inside: avoid; /* Prevents splitting inside a card */
        break-inside: avoid; /* Modern equivalent for some browsers */
    }
}

@media screen and (max-width: 1024px) {
    .searchbox {
        margin: 0;
    }
    .searchwrap .filters {
        z-index: 9;
    }

}
@media screen and (max-width: 960px) {
    .otelCard .basics {
        flex-wrap: wrap;
        /* gap: 6px; */
    }


    .hero-search-item-turtrip, .hero-search-item-turperiod, .hero-search-item-wheretogo, .hero-search-item-calender, .hero-search-item-guest{
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .hero-search-item-turtrip-wrap, .hero-search-item-whereto-wrap, .hero-search-item-calender{
        border-bottom: 1px solid #DADCE0;
        padding-bottom: 16px;
    }

}

@media screen and (max-width: 769px) {
    .hero-search-btn {
        width: 100%;
        border-radius: 100px;
    }
    .hero-search-btn-text {
        font-size: 16px;
    }
    .stb{
        width: 88%;
        border-radius: 100px;
        bottom: 20px;
        position: absolute;
        left: 6%;
        right: 6%;
    }


}
.desk-sec{
    display: flex !important;
}
.mobile-sec{
    display: none !important;
}
.mob-reviews{
    display: none;
}
@media screen and (max-width: 600px) {


    .searchhead {
        /* display: none; */
        padding: 10px 20px;
    }

    .searchhead .nav {
        display: none;
    }

    /* Search box  */
    .searchbox {
        display: none;
        border-radius: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: var(--color-white);
        z-index: 21;
        padding: 0;
        height: 100%;
    }

    .searchbox .head {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 8px 8px 8px 16px;
        box-shadow: var(--box-shadow-1c2b3d1f);
    }

    .searchbox .head .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 27px;
    }

    .searchbox .inputsWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px 16px 12px 16px;
        gap: 16px;
        border-radius: 0px 0px 24px 24px;
        height: 100%;
        justify-content: flex-start;
    }

    .searchbox .inputsWrap .description {
        font-size: 28px;
        font-weight: 800;
        line-height: 33px;
        text-align: center;
        display: block;
    }

    .searchbox .inputs {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 16px;
    }

    /* Mobile search head */
    .m-searchhead {
        display: flex;
        flex-direction: column;
        background-color: var(--color-white);
        box-shadow: var(--box-shadow-1c2b3d1f);
    }

    .m-searchhead .m_search {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 63px;
        padding: 8px 12px 8px 8px;
        gap: 12px;
    }

    .m-searchhead .m_search .details {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .m-searchhead .m_search .details .location {
        font-size: 16px;
        font-weight: 700;
        line-height: 28px;
    }

    .m-searchhead .m_search .details .info {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
    }

    .m-searchhead .m_search .back {
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .m-searchhead .m_search .searchBtn {
        background-color: #f5f7f9;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        border: solid 1px #e7ebf0;
        text-align: center;
        cursor: pointer;
        padding: 6px;
    }

    .searchwrap {
        padding: 0px;
    }

    .m_sortWrap {
        /* background-color: red; */
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        /* z-index: 1; */
        display: none;
    }

    .m_sortContainer {
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: start;
    }

    .sortMenu {
        position: auto;
        top: auto;
        left: auto;
        display: flex;
        width: 100%;
    }

    .sortMenu .head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px 16px 8px 24px;
        border-radius: 12px 12px 0px 0px;
        background-color: var(--color-white);
    }

    .sortMenu .head .close {
        border: none;
        background-color: transparent;
    }

    .sortMenu .list {
        padding: 0px 16px 24px 16px;
        border-radius: 0px;
        width: 100%;
        box-shadow: none;
    }

    .sortMenu .list .item {
        text-align: start;
    }

    .searchwrap .filters {
        display: none;
        border-radius: 0px;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .searchwrap .filters .head {
        box-shadow: var(--box-shadow-1c2b3d1f);
        height: 56px;
        align-items: center;
        justify-content: space-between;
        padding: 4px 16px 4px 12px;
        background-color: var(--color-white);
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 3;
    }

    .searchwrap .filters .head .titleBox {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .searchwrap .filters .head .back {
        display: block;
        border: none;
        background-color: transparent;
        cursor: pointer;
    }

    .searchwrap .filters .head .clearBox {
        display: block;
    }

    .searchwrap .filters .head .clear {
        display: block;
        border: none;
        background-color: transparent;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--color-primary);
        cursor: pointer;
    }

    .searchwrap .filters .groupsBox {
        padding: 56px 0px 70px 0px;
    }

    .searchwrap .filters .priceBox {
        flex-direction: column;
        /* padding-bottom: 70px; */
    }

    .searchwrap .filters .priceBox input {
        max-width: inherit;
    }

    .searchwrap .filters .priceBox .searchBtnBox {
        padding: 16px 20px;
        background-color: var(--color-white);
        position: fixed;
        /* z-index: 1; */
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

    .searchwrap .filters .priceBox .searchBtn {
        width: 100%;
        border-radius: 100px;
    }

    .searchwrap .filters .priceBox .searchBtn .icon {
        display: none;
    }

    .searchwrap .filters .priceBox .searchBtn .sbText {
        display: block;
    }

    .searchwrap .head {
        display: none;
    }

    .searchwrap .noresult {
        gap: 26px;
        padding: 16px;
        border-radius: 0px;
        border: none;
        background-color: transparent;
    }

    .searchwrap .noresult .info .icon {
        box-shadow: var(--box-shadow-1c2b3d1f);
    }

    .searchwrap .noresult .contacts {
        gap: 16px;
    }

    .searchwrap .results .cards .relatedResults {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
    }

    /*  */
    .selctedCard-container {
        right: 0px;
        bottom: 24px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .selectedCard-copy {
        width: 44px;
        height: 44px;
    }

    .selectedCard-copy .copyLabel {
        display: none;
    }

    .tsCard .tsDetailsBox {
        flex-direction: column;
        gap: 16px;
    }

    .tsCard .tsHead .akitBox {
        flex-direction: row-reverse;
    }

    .tsCard .tsHead .akitBox .akitText {
        width: auto;
    }

    .tsCard .tsSchedulesBox .tsDet {
        /* gap: 0px; */
        flex-wrap: wrap;
    }

    .otelCard {
        flex-direction: column;
        border-radius: 24px;
        margin: 0 8px;
    }

    .otelCard .basics {
        flex-wrap: wrap;
        /* gap: 6px; */
    }

    .otelCard .basics .parafBox {
        flex-direction: row-reverse;
    }

    .otelCard .basics .parafBox .desc {
        text-align: left;
        max-width: none;
        vertical-align: center;
        align-items: center;
        padding-top: 6px;
    }

    .otelCard .basics .parafBox .parafImg {
        width: 57px;
        height: 24.81px;
    }

    .otelCard .details {
        border-radius: 0px;
    }

    .otelCard .details .infobox {
        flex-direction: column;
        gap: 8px;
        padding: 16px 16px 8px 16px;
    }

    .otelCard .details .infobox .imageBox {
        width: 100%;
        height: 140px;
    }

    .otelCard .details .infobox .info {
        gap: 16px;
        padding: 0;
    }

    .otelCard .details .infobox .info .reviews {
        display: flex;
    }

    .otelCard .details .utilities {
        display: none;
    }

    .otelCard .actions .reserveBox .priceBox .price-detail {
        padding: 8px 0 0;
    }
    .tsCard .actions .reviews .s_label .parafBox {
        padding: 6px;
        gap: 6px;
        font-size: 8px;
    }
    .otelCard .actions {
        align-items: start;
        padding-top: 0;
        width: 100%;
        display: grid;
        flex-direction: row;
        justify-content: space-around;
        grid-template-columns: 4fr 5fr;
    }
    .otelCard .details .turDatesWrap .turDates {
        display: flex;
        flex-direction: row;
        gap: 6px;
    }
    .tsCard .actions {
        grid-template-columns: 1fr 1fr;

    }

    .otelCard .actions .reviews {
        padding: 8px 12px;
    }
    .otelCard .actions .reviews .s_label {
        font-size: 12px;
    }
    .tsCard .actions .reviews .s_label {
       gap: 12px;
    }
    .otelCard .actions .reviews .s_label .lred,  .otelCard .actions .reviews .s_label .gred, .otelCard .actions .reviews .s_label .rred  {
        border-radius: 8px;
    }

    .otelCard .actions .reserveBox {
        justify-content: space-between;
        align-items: end;
        gap: 12px;
        flex-wrap: wrap;
    }
    .otelCard .actions .reserveBox .price {
        font-size: 16px;
        line-height: 20px;
    }

    .otelCard .actions .reserveBox .reserveBoxDet {
        align-items: start;
    }

    .otelCard .actions .reserveBox .puanContainer,
        /* .otelCard .actions .reserveBox .resrvInfo, */
    .otelCard .actions .reserveBox .tur-resrvInfo,
    .otelCard .actions .reserveBox .tur-discription,
    .otelCard .actions .reserveBox .priceRow .infoIcon {
        display: none;
    }

    .otelCard .actions .reserveBox .tur-prePrice,
    .otelCard .actions .reserveBox .tur-discount {
        display: block;
    }

    .otelCard .actions .reserveBox .priceBox {
        align-items: start;
    }

    .otelCard .actions .reserveBox .priceBox .priceDet {
        /* flex-direction: column-reverse; */
        align-items: start;
        gap: 0px;
    }

    .otelCard .actions .reserveBox .priceBox .priceses {
        margin-bottom: 6px;
    }

    .offAd {
        margin: 0px 16px;
    }

    .offAd .titleBox .iconBox {
        min-width: 48px;
        height: 48px;
    }

    .offAd .titleBox .title {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .offAd .goin {
        width: 100%;
    }

    .bonus {
        margin: 0 16px;
    }
    .otelCard .details .infobox .info .feature .title {
        font-size: 12px;
        line-height: 16px;
    }
.desk-sec{
    display: none !important;
}
.mobile-sec{
    display: block !important;
    width: 100%;
}
    .otelCard .mobile-sec .actions .reserveBox .priceBox .priceDet{
        display: flex;
        flex-direction: row;
}
    .mobile-sec .actions .priceDet{
        align-items: end;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: stretch;
        padding: 12px;
    }
    .mobile-sec .actions .priceDet .priceses{

    }
    .mobile-sec .actions .priceDet .priceses{
        display: flex;
        flex-direction: column;
        gap: 6px;
        text-align: right;
        padding: 0 12px;
    }
    .mobile-sec .actions .priceDet .priceses .price-one{
        font-size: 14px;
        font-weight: 600;
    }
    .mobile-sec .actions .priceDet .priceses .price{
        font-size: 16px;
        font-weight: 600;
    }

    .mobile-sec .actions .priceDet .priceses .old-price{

    }
    .mobile-sec .actions .priceDet .br-r{
    border-right: 1px solid #E7EBF0;
    }

    .mobile-sec .actions .priceDet .br-l{
        border-left: 1px solid #E7EBF0;
    }
    .mobile-sec .actions .priceDet .priceses .old-price .prePrice{
        font-size: 12px;
        font-weight: 300;
        text-decoration: line-through;
    }

    .mobile-sec .actions .priceDet .priceses .old-price .discount{
        color: #28A138;
        font-size: 14px;
        font-weight: 600;
        gap: 10px;
        padding: 2px 4px;
        background: #28A1381A;
        border-radius: 4px;
        line-height: 18px;
        margin: 0;
    }
    .mobile-sec .actions .priceDet .priceses .price-info{
        font-size: 10px;
        font-style: italic;
    }



    .tsCard .mobile-sec .actions{
    grid-template-columns: 1fr;
}
    .mob-reviews{
        display: grid;
        /* flex-direction: row; */
        font-size: 8px;
        align-items: center;
        color: #67778A;
        grid-template-columns: 70px 1fr;
    }
    .mob-reviews .desc{
       text-align: right;
    }




}


.filter-section {
    padding: 4px 0;
    width: 100%;
    overflow: hidden;
}

.filter-scroll-container {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

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

.filter-btn {
    padding: 12px 24px;
    border: 1px solid #E5E7EB;
    border-radius: 50px;
    background: white;
    font-size: 16px;
    font-weight: 500;
    color: #1C2B3D;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
    min-width: fit-content;
}

.filter-btn:hover {
    border-color: #3B82F6;
    color: #3B82F6;
}

.filter-btn.active {
    background: #0077FF1A;
    color: #0077FF;
    border-color: #3B82F6;
    border: 2px solid;
}

.moon-icon {
    font-size: 14px;
    margin-right: 4px;
}
.f-column{
    flex-direction: column;
}
.d-flex{
    display: flex;
    flex-direction: row;
}
.d-flex-center{
    display: flex;
    align-items: center;
    gap: 4px;
}
@media screen and (max-width: 769px) {
    .filter-scroll-container {
        padding-left: 16px;
    }
    .filter-btn {
        padding: 8px 16px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 500;
    }

}