:root {
    --alpha: 0.5;
    --grey-color:#ced4da;
    --black:#000000;
   }
   .scroll_top {
       background: var(--hotel-button-colors);
   }
   .hotel_vouchers_page header {
       background: var(--hotel-header-bg);
   }
   /* .hotel_vouchers_page header svg {
       fill: var(--hotel-icon-colors);
       stroke: var(--hotel-icon-colors);
   } */

   .hotel_vouchers_page header .aler-icon svg path {    fill: var(--hotel-icon-colors) !important;
    stroke: var(--hotel-icon-colors) !important;}

    .hotel_vouchers_page header .header_cart svg {
        fill: var(--hotel-icon-colors);
        stroke: var(--hotel-icon-colors);
    }

   .hotel_vouchers_page header .header_cart svg {
       stroke: none;
   }
   .button_ui a, .button_ui .btn-voucher {
       background: var(--hotel-button-colors);
       font-weight: 600;
   }
   .section_heading_box {
       color: var(--hotel-main-theme);
   }
   .section_heading_box_new {
       color: var(--black);
       font-size: 14px;
       line-height: 1.5;
   }
   .section_heading_box_new p {
       font-size: 14px;
       line-height: 1.5;
   }
   /* .hotel_vouchers_page select { border-color:var(--hotel-button-colors) !important; color:var(--hotel-button-colors); } */
   .hotel_vouchers_page select.form-select {
       border-color: var(--hotel-button-colors);
   }
   .hotel_vouchers_page select:focus, .hotel_vouchers_page select:hover {
       border-color: var(--hotel-button-colors) !important;
       color: var(--hotel-button-colors);
   }
   .hotel_vouchers_page select.filled-select {
       background: var(--hotel-button-colors) url(../images/down_arrow_white.svg) no-repeat;
       background-size: 15px;
       background-position: calc(100% - 10px) center;
   }
   .hotel_vouchers_page select.filled-select option {
       color: var(--hotel-button-colors);
   }
   .hotel_vouchers_page select.filled-select option:hover, .hotel_vouchers_page select.filled-select option:checked {
       background-color: var(--hotel-button-colors);
       color: var(--white);
   }
   .hotel_vouchers_page select:focus, .hotel_vouchers_page select:hover {
       border-color: var(--hotel-button-colors);
   }
   .hotel_vouchers_page .header_cart .cart_couner {
       background: var(--hotel-main-theme);
       color: var(--white);
   }
   .select2-container--default .select2-selection--single:focus {
       border-color: var(--hotel-button-colors);
   }
   .select2-container--default .select2-selection--single {
       border-color: var(--grey-color);
   }
   .select2-container--default .select2-results__option--highlighted[aria-selected] {
       background: var(--hotel-button-colors);
   }
   select.filled-select + .select2-container .select2-selection--single {
       background: var(--hotel-button-colors);
   }
   .page_breadcrumds li a {
       color: var(--hotel-button-colors);
   }
   .back_redirect:hover {
       background-color: var(--hotel-button-colors);
   }
   .back_redirect svg {
       fill: var(--hotel-button-colors);
   }
   .back_redirect:hover svg {
       fill: var(--white);
   }
   .voucher_with_purhcase .voucher_price PriceAmount {
       color: var(--hotel-main-theme);
   }
   .voucher_instruction a {
       background: var(--hotel-button-colors);
       color: var(--white);
   }
   .voucher_options_lbl {
       background: var(--hotel-button-colors);
       border: 1px solid var(--hotel-button-colors);
   }
   .modal-header {
       background: var(--hotel-button-colors);
       border-radius: 0;
       padding: 11px;
       padding-right: 15px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       border: 2px solid  var(--hotel-button-colors);
   }
   .modal-header .modal-title {
       color: var(--white);
   }
   .hotel_voucher_details_box .hotel_details_price {
       color: var(--hotel-button-colors);
   }
   .hotel_voucher_details_box .hotel_details_desc a {
       color: var(--hotel-button-colors);
   }
   .hotel_voucher_details_box .event_dates_box p {
       color: var(--white);
   }
   .hotel_voucher_details_box .event_dates_box:before {
       background: var(--hotel-button-colors);
       opacity: var(--alpha);
   }
   .table {
       border-color: var(--hotel-main-theme);
       border-collapse: separate;
       border-spacing: 0;
       border-bottom-left-radius: 8px !important;
       border-bottom-right-radius: 8px !important;
       overflow: hidden;
       border-radius: 8px;
   }
   .table thead {
       background: var(--hotel-main-theme);
   }
   .table .table_delete svg {
       fill: var( --hotel-button-colors);
       width: 12px;
   }
   .cart_counter_box {
       border-color: var(--hotel-main-theme);
   }
   .cart_counter_box h5 {
       color: var(--hotel-main-theme);
   }
   input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus {
       border-color: var(--hotel-button-colors);
   }
   .form-control:focus {
       border-color: var(--hotel-button-colors);
   }
   .form-check-input:checked {
       background-color: var(--hotel-button-colors);
       border-color: var(--hotel-button-colors);
   }
   .btn-primary {
       background: var(--hotel-button-colors);
   }
   .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
       background: var(--hotel-main-theme);
       box-shadow: none;
   }
   .instruction_info {
       background: var(--hotel-main-theme);
       color: var(--white);
   }
   .hotel_humbruger_sidebar {
       background: var(--hotel-main-theme);
   }
   .hotel_humbruger_sidebar a {
       color: var(--white);
   }
   .hotel_humbruger_sidebar a:hover {
       color: var(--white);
   }
   .header_cart_items h5 {
       color: var(--hotel-button-colors);
   }
   .header_cart_popup .header_cart_link a {
       background: var(--hotel-button-colors);
       color: var(--white);
   }
   .collect_info p strong {
       color: var(--hotel-main-theme);
   }
   .hotel_voucher_details_box .hotel_details_price label.priceTag {
       background: var(--hotel-button-colors) !important;
       color: var(--white) !important;
       padding: 10px;
       border-radius: 8px 0 0 8px;
       font-size: 16px;
       font-weight: 600;
       text-align: center;
   }
   .hotel_details_info .productPriceAndAvailbility .priceSection {
       min-width: auto;
       display: flex;
   }
   .hotel_voucher_details_box .hotel_details_price {
       display: flex;
   }
   .hotel_voucher_details_box .hotel_details_qty_section .button_ui {
       width: 190px;
   }
   .hotel_voucher_details_box .hotel_details_price label {
       font-weight: 400;
       font-size: 16px;
       color: #000;
       border: 1px solid #ccc;
       border-radius: 0 8px 8px 0;
       padding: 10px;
       border-left: 0;
       background-color: #fff;
       width: 88px;
       text-align: center;
   }
   .productPriceAndAvailbility {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }
    @media (max-width: 980px) {
   header .main_header .navbar-collapse {
       background: var(--hotel-header-bg);
   }
   .productPriceAndAvailbility {
       display: flex;
       align-items: flex-start !important;
       justify-content: space-between;
       flex-direction: column;
       gap: 10px;
   }
   .hotel_voucher_details_box .hotel_details_price sup {
       font-size: 18px !important;
       color: red;
       margin-left: 30px;
       position: relative;
   }
   .hotel_voucher_details_box .hotel_details_qty_section {
       align-items: flex-start !important;
   }

   .hotel_details_info .productPriceAndAvailbility .priceSection {
    min-width: inherit;
    display: flex;
    width: 100%;
}
.hotel_voucher_details_box .hotel_details_price {width: 100%;}
.hotel_voucher_details_box .hotel_details_price label {width: 50%;}
.voucher_options_with_lbl.voucher_options_with_lblnew1  {width: 60%;}
.voucher_options_with_lbl.voucher_options_with_lblnew1 label   {width: 50%;}
.hotel_voucher_details_box .hotel_details_qty_section .button_ui {
    width: 100%;
}
.section_heading_box .section_heading .back_redirectnew.button_ui a { height: 42px;}
.page_breadcrumds_section {align-items: center; margin-bottom: 20px;}





   }
    @media (max-width: 767px) {
   .hotel_inner_without_banner.cart_page table thead tr th, .hotel_inner_without_banner.cart_page table tbody tr th, .hotel_inner_without_banner.cart_page table tbody tr td {
       white-space: nowrap;
   }
   .productPriceAndAvailbility {
       flex-direction: row;
       align-items: center !important;
   }
   .hotel_voucher_details_box .hotel_details_qty_section {
       flex-direction: row;
   }
   .page_breadcrumds_section {
    align-items: start;
    margin-bottom: 20px;
    flex-direction: column;
}
.hotel_voucher_details_box .hotel_details_price label {width: 89px;}
.hotel_details_info .productPriceAndAvailbility .priceSection {width: 50%;}
.voucher_options_with_lbl.voucher_options_with_lblnew1 { width: 50%;}
.hotel_voucher_details_box .hotel_details_qty_section .button_ui {width: 50%;}
.voucher_with_purhcase .voucher_options {gap: 5px !important;}
   }