.icon-text.ic-destination::before {
    -webkit-mask-image: url(../img/ic-destination.svg);
    mask-image: url(../img/ic-destination.svg);
}

.icon-text.ic-nationality::before {
    -webkit-mask-image: url(../img/ic-globe2.png);
    mask-image: url(../img/ic-globe2.png);
}

.icon-text::before {
    content: "";
    background-color: var(--text);
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.2em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1.2em;
    mask-size: 1.2em;
}

.section.filter .tabs-container .tab-content .form .form-group {
    padding: 0.1em 0.5em !important;
}
select {
    font-family: var(--primary-font) !important;
    font-size: var(--text-sm);
}
button.btn-search {
    padding: 0.6em 0;
}

.sub-dropdown > .data {
    padding-left: 0;
}

.data div:first-child {
    width: 110px;
}

.data div:nth-of-type(2) {
    width: auto;
    display: flex !important;
}

.data > div.input-natinality {
    width: 100%;
}

.data > .price,
.data > .price > .large,
.reservation .item .price span {
    white-space: nowrap;
}

.reservation .listing .card .content.text {
    border-bottom: none;
}

.btn.btn-dark {
    background: #2F2F2F;
    border-color: #2F2F2F;
}

    .btn.btn-dark:hover {
        background: #edab59;
        border-color: #edab59;
    }

.input-validation-error,
.dropdown {
    color: #2F2F2F;
}

.reservation .listing .summary {
    margin-top: 1em;
}

.ic-calendar {
    width: 25% !important;
}

.btn-search, #btnHotelSearch {
    width: 15% !important;
}

.tc_btn-details {
    display: initial;
}

.reservation .price span,
.reservation .price span.large,
.reservation .price {
    white-space: nowrap !important;
}

    .reservation .price span {
        display: inherit !important;
    }

.section.filter .tabs-container .tab-content .form .form-group input.input-destination, .section.filter .tabs-container .tab-content .form .form-group select.input-destination {
    padding: 5px !important;
}

.dropdown-action_2 {
    padding: 11px 15px 5px 15px !important;
}

/*.hotelVoucher {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}*/

.ribbons {
    position: absolute;
    bottom: 0.7em;
    right: 0.7em;
}

    .ribbons span.ending {
        display: inline-block;
        padding: 0.2em 0.8em;
        line-height: 1.8em;
        font-family: var(--secondary-font);
        font-size: var(--text-sm);
        background-color: var(--primary);
        color: var(--text-light);
        border-radius: var(--border-xs);
    }

.section.offers .card .content.text p {
    margin: 0;
    font-size: var(--text-sm);
    opacity: 100%;
    font-family: var(--display-redm);
}
.reservation .listing .services .card .content .action button {
    font-family: var(--primary-font);
    font-weight: normal !important;
}
    .section.offers .card .content.text p span.type {
        display: inline-block;
        background-color: #f5f4f4;
        color: #666;
        font-weight: 500;
        border-radius: 5px;
        padding: 0.4em 0.8em;
        /*margin-top: 1em;*/
        margin-right: 0.3em;
    }

    .section.offers .card .content.text p span.hoteltype {
        display: inline-block;
        background-color: lightgrey;
        color: dimgray;
        font-weight: 400;
        border-radius: 5px;
        padding: 0.4em 0.8em;
        margin-top: 0.5em;
        margin-right: 0.3em;
        font-size: 15px;
    }

    .section.offers .card .content.text p > span:first-child::after {
        content: "" !important;
        margin: 0;
    }

.partner_login a.redeem {
    background: #866531;
    margin-right: 10px;
    padding: 10px 12px 10px 15px;
}

    .partner_login a.redeem:hover {
        background: transparent;
        background: #6a5531;
    }

.section.filter .tabs-container .tab-content .form .form-group,
.ic-calendar {
    width: auto !important;
    white-space: nowrap;
    margin-right: 10px;
}

.ic-calendar {
    min-width: 250px;
}

.data div:first-child {
    padding-right: 0;
}

.dropdown-action {
    border: none;
}

.room__block {
    margin: 5px 0 0;
    padding: 5px 0 0;
    border-top: #CCCCCC solid 1px;
    height: auto;
    font-size: 16px;
    color: #333;
}

.scroll_rooms .data {
    font-size: 18px;
   font-family: var(--primary-font);
}

.room__block .data {
    margin-top: 5px;
}

.tabs-container .tab-content .form .form-group select.input-destination {
    min-width: 190px;
}

.grid_mob .form-inline .dropdown .dropdown-action {
    border: 0.1em solid var(--border-color);
    padding: 0.43em 0.6em;
}

.tab-content p {
    font-family: var(--primary-font);
    font-size: 18px;
    padding: 0 0 15px;
    margin: 0;
}

.description h4 {
    /*padding-bottom: 15px;*/
}

.description_subheader {
    margin: 0;
    padding: 0px 0 15px;
}
/*HotelDetails New Design Styles starts*/
.voucher__header .voucher__rating .location span {
    display: flex;
    margin-top: -5px;
}

    .voucher__header .voucher__rating .location span img {
        margin-right: 5px;
    }

.voucher__available_container .voucher__header h2,
.voucher__available_container .voucher__body h2 {
    font-size: 38px;
    font-family: var(--primary-font);
    text-transform: uppercase;
    font-weight: bold;
    margin: .5em 0 .25em;
}

.voucher__body h2 {
    font-weight: bold;
    margin: .5em 0 .25em;
}

.section.results .form-inline {
    margin-right: 0px;
}

.reservation .listing .card .content.text h2 {
    margin: 0 0 0.4em;
    font-weight:bold;
}

.reservation .price span {
    display: inline-block !important;
}

.reservation .listing .rooms .inner,
.reservation .listing .services .inner {
    padding: .75em 0 .25em;
}

.reservation .listing .rooms,
.reservation .listing .services {
    padding: 0 1em;
}

.reservation .listing .btn-secondary {
    margin: 0 1em;
    width: calc(100% - 2em);
}

.reservation .price {
    margin-top: -5px;
    font-weight: bold;
}

    .reservation .price span.deal {
        padding: 0 0;
        margin: 0;
        margin-top: -5px;
        vertical-align: middle;
        font-family: var(--display-redm);
    }

.reservation .listing .options li {
    width: 100%;
}

.description h2 {
    margin: .5em auto .5em;
    font-weight:bold;
}

.package .swiper.image-slider .swiper-slide img {
    background-size: cover;
    height: 100%;
    width: auto;
}

.btnouterline {
    background: transparent !important;
    color: #866531 !important;
    border: #866531 solid 2px;
    font-size: 18px;
    padding: 0.7em 1.5em;
    margin: 0;
}

    .btnouterline:hover,
    .btnouterline:focus,
    .btnouterline:active {
        background: #866531 !important;
        color: #FFF !important;
        border: #866531 solid 2px !important;
        font-size: 18px;
        padding: 0.7em 1.5em;
        margin: 0;
    }

.btntxtline {
    background: transparent !important;
    color: #866531 !important;
    border: transparent solid 2px;
}

    .btntxtline:hover {
        color: #866531 !important;
    }

.room-pax-details {
    padding: 10px 0 0;
}

    .room-pax-details ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .room-pax-details ul li {
            line-height: 20px;
        }

.reservation .listing .options {
    margin: 0.5em 0;
    display: grid;
}

.reservation .listing .card .content.img {
    height: 12em;
    width: 40%;
}

.reservation .listing .card .content.text {
    padding: 1em;
}

.header, .header.alt {
    background-color: transparent !important;
    padding: 0 !important;
}

.top_maxwidth {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #303030 !important;
    padding: 1.35em 1.5em !important;
    margin: 0 !important;
}

.hmesg {
    margin: 0;
    padding: 10px 0 0;
}

    .hmesg p {
        margin: 0;
        line-height: 1.3em;
    }

.addressdetails h4,
.reservation .listing .information h4 {
    text-transform: initial;
    font-weight: bold;
    margin: 0;
}

.cancelpolicytext,
.traveldescriptionform p,
.information label{
    font-size: 18px !important;
    font-weight: normal;
    font-family: var(--display-redm);
    border-radius:10px;
}

@media (min-width: 1920px) {
    .mainBannerSection .hero-slider {
        width: 100%;
        border-radius: 0 !important;
    }
}
/*HotelDetails New Design Styles ends*/

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .btn-search, #btnHotelSearch {
        width: 100% !important;
    }
    .section.filter .tabs-container .tab-content .form .form-group {
        margin-bottom: 0px;
    margin-right: 0px;
    }
    .custom-dropdown {
        width:100% !important;
    }
    .section.filter .tabs-container .tab-content .form .form-group input.input-destination, .section.filter .tabs-container .tab-content .form .form-group select.input-destination {
    padding: 10px !important;
    }
    .section.filter .tabs-container .tab-content .form,
    form.search-form {
        width:auto !important;
    }
    
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
    .btn-search, #btnHotelSearch {
        width: 100% !important;
    }
    .section.filter .tabs-container .tab-content .form .form-group {
        margin-bottom: 0px !important;
    margin-right: 0px;
    }
    .custom-dropdown {
        width:100% !important;
    }
    .section.filter .tabs-container .tab-content .form .form-group input.input-destination, .section.filter .tabs-container .tab-content .form .form-group select.input-destination {
    padding: 10px !important;
    }
    .section.filter .tabs-container .tab-content .form,
    form.search-form {
        width:auto !important;
    }
    .section.filter.single .tab-content {
        padding:20px !important; 
    } 
}
@media screen and (min-width: 300px) and (max-width: 1000px) {
    .btn-search, #btnHotelSearch {
        width: 100% !important;
    }
    .section.filter .tabs-container .tab-content .form .form-group {
        margin-bottom: 0px;
    margin-right: 0px;
    }
     .custom-dropdown {
        width:100% !important;
    }
     .section.filter .tabs-container .tab-content .form .form-group input.input-destination, .section.filter .tabs-container .tab-content .form .form-group select.input-destination {
    padding: 10px !important;
    }
}
@media (max-width: 1024px) {
    .top_maxwidth {
        max-width: auto !important;
    }

    .swiper .swiper-slide .bg-slide {
        height: 100%;
    }

    .section.filter .tabs-container .tab-content .form .ic-nationality {
        width: 160px !important;
    }
        .section.filter .tabs-container .tab-content .form .ic-nationality {
    width: 100% !important;
}
    .grid_mob .form-inline .dropdown .dropdown-action {
         padding: 10px 5px;
    }
    .grid_mob .form-inline .btn-width100 {
        padding:12px !important;
    }
     .section.filter .tabs-container .tab-content .form .form-group {
        margin-bottom:10px;
    }
}

@media (max-width: 767px) {

    /*.hotelVoucher {
        display: flex;
    }*/

    .top_maxwidth {
        max-width: 90%;
    }

    .partner_login a.redeem {
        background: transparent;
        margin-right: 5px;
        padding: 2px;
    }

    /*.section.filter .tabs-container .tab-content .form button,*/
    .btn-search, #btnHotelSearch {
        width: 100% !important;
    }

    .voucher__available_container .voucher__header .voucher__rating .location span {
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 5px;
    }

    .ic-calendar {
        width: 100% !important;
    }

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

    .border_mob {
        border: 0.1em solid var(--border-color);
        color: var(--text);
        border-radius: var(--border-xs);
    }

    .grid_mob {
        display: block;
        margin: 5px 0;
    }

        .grid_mob > .form-group {
            width: 100%;
            margin: 10px 0 !important;
        }

    .section.filter .tabs-container .tab-content .form .form-group select.input-destination {
        padding: 8px 10px !important;
    }

    .tc_btn .tc_content {
        width: 330px;
    }

    .ic-left {
        margin-bottom: 25px;
    }

    .dropdown_mob {
        line-height: initial;
        display: initial;
    }

    .check_availability_mob {
        padding: 0.5em 1.5rem 1.5em !important;
        margin-bottom: 50px;
    }

    .package_mob {
        padding-top: 2em !important;
    }
    .section.filter .tabs-container .tab-content .form .ic-nationality {
    width: 100% !important;
}
    .hmesg {
        padding: 20px
    }
    .reservation .listing .card .content.img {
        width:100%;
    }
    .grid_mob .form-inline .dropdown .dropdown-action {
        width: 100%;
        padding: 15px 5px;
    }
    .voucher__available_container {
        padding: 0 10px;
    }
    .voucher__available_container .voucher__header h2 span {
        display:block;
    }
}

.notesItem > p {
    margin-top: 0em !important;
}

.form .form-radio .option label::before {
    border: 0.1em solid var(--border-color);
    background-image: url("../img/ic-checkmark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    content: "";
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 1.2em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer {
    margin-top: 0;
    background-color: #F6F7FA;
}