:root {
    --be-package-gallery: 555px;
}

body {
    background-color: #EDEDED;
}

#white-background {
    border-right: 4px;
    padding: 20px 30px 30px;
    width: var(--be-fullwidth);
}

.modal #white-background {
    width: 100%;
    background-color: unset;
}

.packages_redirect {
    color: #a8a8a8;
    text-decoration: underline;
}

.info_offer {
    padding-bottom: 25px;
    gap: 0;
}

.info_offer_include {
    width: var(--be-package-gallery);
    margin-right: 30px;
}

.date-range-dates .data-range-date {
    font-weight: 400;
}

.hotel-info-description.no-margin {
    margin-bottom: 0;
}

.offer-text.offer-text-long {
    border: none;
}

.hotel-info-description.no-margin .offer-text.offer-text-long {
    border-bottom: unset;
}
.offer-text.offer-text-long {
    padding-bottom: 0;
}

.offer-inclusions-holder {
    gap: 15px 0;
}

.offer-inclusions-holder .meals_included,
.offer-inclusions-holder .included,
.cancelation_policy_holder {
    flex: 1 0 50%;
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 0;
    line-height: 18px;
}

.meals_included img, .included img {
    margin-right: 12px;
}

.cancelation_policy_holder {
    color: #008009;
}
.dark_included_text {
    filter: grayscale(1);
    color: #273240;
}

.offer-included {
    margin-bottom: 20px;
}
.offer-pdf-btn {
    background: none;
    padding: 8px 20px;
    font-weight: 400;
    display: inline-block;
}
.offer-pdf-btn:hover {
    color: #273240;
}

.cover_image {
    width: var(--be-package-gallery);
    height: 415px;
    border-radius: 4px;
    aspect-ratio: 3/2;
}

.price-holder {
    flex-direction: column;
}

.hotel_offer_guarantee_holder {
    padding: 26px 0;
}

.hotel_offer_cancel_policies {
    padding-top: 26px;
}

.hotel_offer_politica {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
}

.offer-text.guarantee-long, .offer-text.cancel-policies-long {
    display: none;
}

.offer-text-holder {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.responsive-incentive-text-cancel {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 943px;
}

.offer-text-icon {
    margin-left: 43px;
    margin-top: 21px;
}

.hotel_search_holder_packages #autocomplete, .hotel_search_holder_packages #dates, 
.hotel_search_holder_packages #guests_div, .hotel_search_holder_packages .promo_code_holder {
  margin-right: 10px;
}

.hotel_location.mobile {
    display: none;
}

.hotel_location.desktop {
    display: flex;
}

.info_offer_name_description_holder.has-border  {
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}

.guarantee-dates {
    display: grid;
    gap: 20px;
}

.data-range-title {
    font-size: 14px;
    font-weight: 800;
}

.date-range {
    margin-bottom: 0;
}

.date-range-body {
    gap: 10px;
    display: grid;
}

.price-holder .partial-payment {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

.price-holder .partial-payment img {
    width: 16px;
}

#hotels {
    pointer-events: none;
}

#hotels:disabled {
    background-color: #E6E6E6;
    border-color: #C5C5C5;
}
.included_in_rate {
    font-size: 12px;
    margin-bottom: 0;
}
.included_checkmark, .included_in_rate.free-cancel, .included_in_rate.allow-cancel {
    margin: 0;
    filter: none;
}
.included_in_rate::before, .not_included_in_rate::before {
    content: '';
    margin: 0;
}

@media (max-width: 1279px) {

    #white-background, .info_section {
        padding: 0;
        width: 100%;
    }
    .info_offer_holder {
        padding-bottom: 0;
    }
    .info_offer_include {
        margin-right: 0;
    }
    .offer-included-holder {
        border: none;
    }

    .info_offer {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .info_offer_include {
        margin-right: 0px;
        width: unset;
    }

    .cover_image {
        max-height:348px;
        min-height: auto;
        border-radius: 0;
    }

    .hotel_location.mobile {
        display: flex;
    }

    .hotel_location.desktop {
        display: none;
    }

    .info_offer_name_description_holder.no-margin {
        margin-bottom: 0px;
    }

    .hotel-info-description-holder {
        border: none;
    }

    .hotel-info-description-holder.no-guarantee {
        border-bottom: unset;
        padding-bottom: 1px;
    }

    .hotel-info-description-holder.no-included {
        border-bottom: unset;
        padding-bottom: 1px;
    }

    .offer-included {
        margin-bottom: 0px;
    }

    .hotel_info_price_holder {
        margin-top: 0;
        align-items: center;
    }

    .price-holder {
        align-items: flex-start;
    }

    .offer_installment {
        font-size: 12px;
        font-weight: 600;
    }
    
    #promoton_redirect {
        width: 187px;
        height: 36px;
    }

    .mobile {
        display: flex;
    }

    .hotelname-and-share-mobile {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .offer-pdf-btn {
        background-image: none;
        display: inherit;
        text-align: center;
        padding: 8px;
    }

    .promotion-info-wrapper {
        padding-bottom: 20px;
        margin: 20px;
        border-bottom: 1px solid #e6e6e6;
    }

    .promotion-info-content {
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 20px;
    }

    .info_offer_name_description_holder.has-border {
        padding-bottom: 20px;
    }
    
    .guarantee-dates {
        gap: 10px;
        margin-bottom: 0;
    }
    .hotel_info_price_holder_mobile {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .hotel_info_price_holder_mobile .partial-payment {
        font-size: 12px;
        font-weight: 600;
    }

    .hotel_info_price_holder_mobile .partial-payment img {
        width: 16px;
    }
    #rateplan-modal-header .share-modal-holder {
        display: flex;
    }

    .hotel_search_holder_packages #autocomplete, .hotel_search_holder_packages #dates, 
    .hotel_search_holder_packages #guests_div, .hotel_search_holder_packages .promo_code_holder {
        margin-right: unset;
    }  
}

@media (max-width: 576px) {
    .cover_image {
        aspect-ratio: unset;
        width: 100%;
        height: unset;
        min-height: unset;
    }

}