html, body {
    padding:0;
    margin:0;
    font-family: 'Montserrat';
}

a {
    text-decoration: none;
}

hr{
    height: 1px;
    width: 100%;
    background: #e7e7e7;
    border: none;
}

.visually-hidden { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    margin: -1px; 
    padding: 0; 
    border: 0; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    white-space: nowrap;
}

.toolbar {
    background: #1B1B1B;
    padding:12px;
}

.toolbar_item {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    float:left;
    color: #D9D9D9;
    margin-right:24px;
}

.lang_bar {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #1853a3;
    float:right;
}

.lang_bar a {
    color: #1853a3;
}

.clear {
    clear: both;
}

.header {
    background: #D9D9D9;
    background-size:cover;
    background-position: center center;
    position: relative;
}

.homebalancer{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.promo_mp {
    height:65vh;
    
}

.promo_profile {
    height:250px;
}

.profiler_content {
    margin-top:-57px;
}


.inner_header_slide {
    position: relative;
    margin-bottom:20px;
}



.inner_header_slide_img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    border-radius: 4px;
}

.hd_sl_subtext {
    position: absolute;
    right:20px;
    top:20px;
    background: #D49F53;
    border-radius: 4px;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.inner_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #141522;
    margin-bottom:12px;
}

.inner_desc {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #414141;
    padding-bottom:20px;
}

.ticket_item {
    padding-top:20px;
    border-top:1px solid #F7F7F9;
    margin-top:20px;
}

.ticket_item_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.ticket_item_subtitle {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #A5A5A5;
    margin-top: 8px;
}

.ticket_item_ticket {
    background: #FAFAFA;
    border-radius: 4px;
    width: 100%;
    display: table;
    margin-top: 16px;
    display: flex;
    align-items: center;
}


.ticket_item_tkt {
    display: none;
    vertical-align: middle;
    height: 65px;
    box-sizing: border-box;
    padding: 12px;
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    white-space: nowrap;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
}

.ticket_item_tkt svg {
    margin:0px 10px;
    cursor: pointer;
}

.ticket_item_tkt span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #414141;
}

.ticket_item_right {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding:8px 12px;
    text-align: right;
    width:100%;
}

.ticket_item_left {
    display: flex;
    vertical-align: middle;
    width:100%;
    padding:12px;
    text-align: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    color: #1853a3;
    gap: 16px;
}

.ticket_item_left svg {
    margin-left:12px;
    margin-right:12px;
    vertical-align: -6px;
}

.tkt_right_button {
    background: #1853a3;
    border-radius: 4px;
    padding: 16px 30px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    border:none;
    cursor: pointer;
}

.qty {
    vertical-align: 3px;
}

.page_promo_slide {
    height: 400px;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: flex;
    align-items: center;
    padding: 0 10vw;
}

.page_promo_slide_mp {
    height:666px;
    background-size:cover;
    position: relative;
    background-position: center center;
}

.header_top {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 99;
    align-items: center;
}

.static-hdr {
    height:400px;
    background-size:cover;
    background-position: center center;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.static-hdr {
    height:400px;
    background-size:cover;
    background-position: center center;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60vh;
}


.page_promo_slide::before {
    content:"";
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    width:100%;
    height:100%;
    position: absolute;
    left:0px;
    top:0px;
}

.contenter {
    padding-top: 0;
    position: relative; 
    display: block;
    flex-direction: column;
    margin: 16px 12px 12px 12px;
    z-index: 10;
}
.contenter_tkt {
    padding-top: 0;
    position: relative; 
    display: block;
    flex-direction: column;
    margin: 16px 12px 12px 12px;
    z-index: 2;

}

.inner_content {
    margin-top: 45vh;
}

.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 25px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: #1B1B1B;
    z-index: 99999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.web {
    display: none !important;
}
.mobile-menu-close{
    position: absolute;
    top: 56px;
    right: 40px;
}

.social_wrapper{
    display: flex;
    gap: 16px;
}

.mobile-menu-actions{
    position: absolute;
    top: 56px;
    left: 24px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.header_lg {
    padding:6px 25px;
    display: table-cell;
    vertical-align: middle;
    z-index: 30;
    position: relative;
}

.header_selected_backup {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    width:100%;
    z-index: 9999;
    position: relative;
    padding: 0px 25px;
    
}
/*position: absolute;*/
.header_selected {
    text-align: right;
    display: flex;
    vertical-align: middle;
    width:100%;
    z-index: 9999;
    
    margin-right: 24px;
    justify-content: right;
}

.sl_mp {
    position: absolute;
    top:0px;
    height:65vh;
    width:100%;
}

.header_menu {
    display: flex;
    width: 100%;
    position: absolute;
    height: 94px;
    align-items: center;
    gap: 16px;
    justify-content: center;
    z-index: 20;
}

.agreement{
    word-wrap: break-word;
}

.menu_item {
    font-style: normal;
    font-weight: 700;
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    text-transform: Uppercase;
    color: #FFFFFF;
    position: relative;
    margin-bottom:25px;
    text-align: center;
    transition: 0.4s;
}

.menu_item:hover{
    color: #1853a3;
    transition: 0.4s;
}

.header_menu .active {
    font-weight: 700;
}

.header_menu .active::after {
    content: "";
    width: 31px;
    height: 2px;
    background: #1853a3;
    position: absolute;
    bottom: -7px;
    left: calc(50% - 15.5px);
}

.header_login {
    display: flex;
    padding: 0 40px;
    color: #FFFFFF;
    white-space: nowrap;
    align-items: center;
    gap: 24px;
    z-index: 30;
}

.h_login_avatar {
    width:56px;
    height:56px;
    border-radius:2px;
}


.btn_hdr_logined {
    display: inline-block;
    margin:0px 15px;
}

.btn_hdr {
    display: inline-block;
    padding: 0 8px;
    white-space: nowrap;
    color: #ffffff;
    transition: 0.4s;
}

.btn_hdr img{
    width: 60px;
    height: 60px;
    border-radius: 16px;
}

.btn_hdr.login:hover{
    color: #1853a3;
    transition: 0.4s;
}

.header_login .register {
    background: #1853a3;
    color:#ffffff;
    border-radius: 4px;
    transition: 0.4s;
}

.header_login .register:hover {
    background: #0f3568;
    transition: 0.4s;
}

.hdr_fade {
    background: linear-gradient(180deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header_promo_text {
    position: absolute;
    bottom: 50%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 11vw;
}


.header_promo_text_nick {
    position: absolute;
    bottom: 70%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 11vw;
}


.title{
    top:60px;
    left: 24px;
}

.room_reserv_block {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    z-index: 4;
}

.dtp_title {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 54px;
    color: #005A9C;
    display: inline-block;
    margin-bottom:10px;
}

.dtp_title h1{
    font-size: 48px;
    margin: 0;
}

.room_table {
    width:100%;
    background: #FFFFFF;
    box-shadow: 0 0 10px 9px #9a9a9a26;
    border-radius: 8px;
    padding:24px;
    box-sizing: border-box;
    margin-top: -51px;
}

.tabler_src {
    display: table;
    width: 100%;
    background: #fff;
    padding: 24px 16px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 0 10px 9px #9a9a9a26;
}

.room_td {
    text-align: left;
}

.room_td select {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom:20px;
    width:100%;
}

.guests_balancer{
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}

.submit_td {
}

.room_f_btn {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #005A9C;
    white-space: nowrap;
    padding: 16px 32px;
    border: 1px solid #005A9C;
    border-radius: 4px;
    background:#ffffff;
    width:100%;
    margin-top:10px;
}

.filter_btn {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    white-space: nowrap;
    padding: 16px 32px;
    background: #1853a3;
    border-radius: 4px;
}

.r_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #005A9C;
    margin-bottom:8px;
}

.pcard-pag {
    position: inherit!important;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.default_texter_promo {
    padding: 0 10vw;
    text-align: center;
}

.default_texter_promo svg {
    float:left;
    margin-right:40px;
}

.dtp_text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #333333; /* Darker gray for improved contrast against white background */
    display: inline-block;
}

.dtp_text h2{
    font-size: 14px;
    margin: 0;
    font-weight: 500;
}

.promo_big_mp {
    border-radius: 8px;
    height:500px;
    position: relative;
    overflow: hidden;
    background-size:cover;
}

.promo_big_mp_inner {
    background-color: rgba(3, 78, 162, 0.6);
    position: absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    padding:20px;
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  flex-wrap: wrap;
  box-sizing: border-box;
  z-index: 1;
}

.promo_big_mp_inner_seonder {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    padding-left:110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    flex-wrap: wrap;
}

.promo_form {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 12px 16px;
    color: #005A9C;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    width: 183px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom:16px;
}

.promo_title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.promo_more {
    margin-top:24px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;

    color: #FFFFFF;
    padding-left: 35px;
    line-height: 5px;
}

.promo_more::before {
    content:"";
    position: absolute;
    top:0px;
    width:24px;
    left:0px;
    border: 2px solid #FFFFFF;   
}

.ab_more {
    margin-top:24px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    color: #739FBA;
    padding-left: 35px;
    line-height: 5px;
}

.ab_more::before {
    content:"";
    position: absolute;
    top:0px;
    width:24px;
    left:0px;
    border: 1px solid #739FBA 
}


.card_line {
    background: #110026;
    padding-top:19px;
    padding-bottom:66px;
}

.card_line img {
    margin-right:11px;
    float:left;
    width:510px;
}


.cl_right {
    margin: 0;
padding-top: 90px;
float: right;
width: 607px;
}

.cl_right h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.cl_right p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin:0;
}

.join_btn_crd {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.cl_r_button {
    border-radius: 4px;
    padding: 16px 32px;
    display: inline-block;
    margin-top:24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.cl_right .joinus {
    border: 1px solid #FFFFFF;
}

.mp_slider_sl {
    position: relative;
}

.mp_sl_inner {
    position: relative;
    height: 400px !important;
    overflow: hidden;
    border-radius: 8px;
}

.mp_sl_inner::before {
    content:"";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    background: linear-gradient(231.14deg, rgba(0, 0, 0, 0) -0.6%, #000000 100%);
}

.mp_sl_titles {
    position: absolute;
    bottom:40px;
    left:40px;
    width:80%;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mp_sl_offslide {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #1853a3;
    margin-bottom:15px;
}

.d_blog_mp {
    margin:0px -24px;
}

.d_blog_item {
    padding:0px 22px;
    box-sizing: border-box;
}

.db_mp_img {
    height:240px;
    margin-bottom:24px;
    border-radius: 4px;
}

.db_mp_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #414141;
    margin-bottom:8px;
}

.db_mp_date {
    margin-bottom:8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #A5A5A5;

    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.db_mp_desc {
    margin-bottom:16px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #414141;

    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.db_mp_more {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1853a3;
    margin-top:24px;
}

footer {
    background: #252525;
    padding-top: 56px;
    display: flex;
    justify-content: center;
}

#footer-container{
    width: 90vw;
}


#footer-subscribe-input{
    width: calc(100vw - 140px);
    margin-bottom: 0;
}

.footer_row {
    margin-bottom:25px;
}

.footer_title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom:12px;
}

.footer_item {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #F1F1F1	;
    margin-bottom:8px;
}

.footer_social {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #F1F1F1	;
}

.footer_socials {
    margin-top:26px;
}

.qty_ct svg {
    margin:0px 10px;
    cursor: pointer;
}

.footer_socials svg {
    margin-right:18px;
}

.subscribe_line {
    margin-top:24px;
    padding:32px 0;
    border-top:1px solid #8E95A5;
    border-bottom:1px solid #8E95A5;
}

.subscribe_text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #808080;
}

.footer_desc {
    margin-top: 32px;
    margin-bottom: 90px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #808080;
    display: flex;
    justify-content: space-between;
}

.footer_desc svg {
    margin-left:13px;
}



.footer_lang{
    display: flex;
    align-items: center;
}

.footer_lang a{
    text-decoration: none;
    float: right;
    color:#ffffff;
}

.subsc_block {
    margin-bottom: 24px;
    display: flex;
}

.subsc_block input[type=text] {
    background: #808080;
    border-radius: 4px 0px 0px 4px;
    width:305px;
    color: #252525;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding:16px;
    box-sizing: border-box;
    border:none;
    outline: none;
}


.page_contenter {
    margin-top: 48px;
    margin-bottom: 48px;
}

.page_contenter_no_offer {
    margin-top: 48px;
    margin-bottom: 368px;
}

.r_select {
    position: relative;
  }
  
  .r_select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: DodgerBlue;
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }










.subsc_block button {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #808080;
    border-radius: 0px 4px 4px 0px;
    padding: 15.5px 32px;
    background:transparent;
    display: block;
    color: #808080;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #808080;
    box-sizing: border-box;
}

.switcher_top {
    margin: 0 16px 0;
    padding: 0;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.switcher_left{
    gap: 16px;
    display: flex;
}

.switcher_top li {
    display: inline-block;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #000000;
    position: relative;
}


.switcher_top .active {
    font-weight: 700;
    color:#1853a3;
}

.switcher_top .active::after {
    content: "";
    width: 20px;
    height: 2px;
    background: #1853a3;
    position: absolute;
    bottom: -3px;
    left: calc(50% - 10px);
}




.offer_item {
    box-sizing: border-box;
}

.offer_item_inner {
    height: 393px;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    background-size:cover;
}

.offer_item_inner::before {
    content: " ";
    background: linear-gradient(243.29deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width:100%;
    height:100%;
    position: absolute;
    left:0px;
    top:0px;
    border-radius: 8px;
    z-index: 2;
}

.alloffers {
    background: #1853a3;border-radius: 8px;
    height: 300px;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
}

.offers_timel {
    border-radius: 4px;
    position: absolute;
    left:40px;
    top:40px;
    padding: 12px 16px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
}

.offers_dn_timel {
    border-radius: 4px;
    position: absolute;
    left:40px;
    top:40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #739FBA;
}

.offer_item .limited {
    background: #1853a3;
    color: #FFFFFF;
}

.offer_item .price {
    background: #ffffff;
    color: #414141;
}

.offer_item span {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    text-transform: capitalize;
    color: #F53E02;
    margin-left:10px;
}

.offer_titler {
    position: absolute;
    left:40px;
    bottom:40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color:#ffffff;
    width: 70%;
    z-index: 2;
}

.dn_item_bnr {
    width:100%;
    display: block;
    margin-bottom:20px;
}

.offer_titler_din {
    position: absolute;
    left:32px;
    bottom:32px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-right: 16px;
    z-index: 2;
}

.offer_titler_head {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
    color: #7ac7ff;
    margin-bottom:12px;
}

.hotel_item_rm {
    margin-bottom:24px;
}

.hotel_coverer_title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #141522;
    margin-bottom:12px;
}

.hotel_coverer_descer {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #414141;
}

.page_promo_titler {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #FFFFFF;
    margin-top:20px;
}

.mm_promo_titler {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #FFFFFF;
    position: relative;
    z-index: 3;
}

.page_promo_subtitler {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background-color: #1853a3;
    border-radius: 4px;
    display: flex;
    padding: 12px 16px;
    padding-top: 28px;
    margin-top: -18px;
    position: absolute;
    z-index: 1;
    margin-left: 25px;
    transition: 0.4s;
    cursor: pointer;
    align-items: center;
}


.page_promo_subtitler:hover{
    background-color: #0f3568;
    transition: 0.4s;
}

.ppt_t {
    position: relative;
    z-index: 3;
}

.pps_liner {
    display: inline-block;
    background: #FFFFFF;
    height:2px;
    width:24px;
    vertical-align: 5px;
    margin-right: 8px;

}

.static_texter {
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    margin-top:161px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.static_texter_rewards {
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    margin-top:-25px;
    margin-bottom:25px;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: black;
}

.tx_mid {
    margin-top:191px !important;    
}

.tx_mid_ttl {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom:24px;
}

.card_tabler {
    display: table;
    width:100%;
    margin-top:-140px;
}

.card_left {
    display: table-cell;
    vertical-align: middle;
}

.card_middle {
    display: table-cell;
    vertical-align: middle;
    width:100%;
    text-align: center;
}

.rw_tb {
    margin-top:60px;
    width:100%;
}

.rw_ttlr {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
}

.rw_item {
    padding:8px;
    border-bottom:1px solid #B8E4FF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
}

.rw_tb td {
    border-bottom: 1px solid #B8E4FF;
    padding-bottom:16px;
}

.about_cards {
    margin-top: 56px;
    margin-bottom: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.hdr_numberer {
    position:absolute;
    background: #FF0000;
    margin-top:-5px;
    display:flex;
    width:16px;
    height:16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right:-9px;
    border-radius:30px;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.default_texter_promo_img {
    float:left;
    margin-right:40px;
}

.card_item_about {
    box-sizing: border-box;
    margin-bottom: 40px;
    width: calc(50% - 8px);
}

.card_item_about img {
    width:100%;
    border-radius: 16px;
}

.card_item_about h3 {
    margin:0;
    margin-top:20px;
    padding:0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #A5A5A5;

}

.contact_city_title {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
    color: #1853a3;
    margin-bottom:16px;
}

.contact_info_item {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom:12px;
}

.feedback_for input, textarea {
    width:100%;
    border:none;
    border-bottom: 1px solid #C0C0C0;
    padding:12px 8px;
    padding-left:22px;
    outline: none;
    box-sizing: border-box;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #C0C0C0;
    background-repeat: no-repeat;
    background-position: left center;
}

.feedback_double {
    width:calc(50% - 20px);
    float:left;
    box-sizing: border-box;
    margin-right:20px;
}

.feedback_single textarea {
    padding:8px 0;
    height:100px;
    resize: none;
}

.feedback_single {
    margin-top:12px;
}

.feedback_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1853a3;
}

.feedback_name {
    background-image:url('../images/Vector.png');
}

.feedback_phone {
    background-image:url('../images/Call.svg');
}

.feedback_mail {
    background-image:url('../images/Mail.svg');
}

.feedback_submiter {
    white-space: nowrap;
    margin-top:24px;
    text-align: right;
}

.feedback_form {
    background: #1853a3;
    padding: 16px 32px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    border:none;
}

.feedback_submiter span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #739FBA;
}

.cart_left {
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding:24px;
    margin-bottom:15px;
}

.cart_right {
    width: 325px;
    background: #FFFFFF;
    border-radius: 8px;
    float:right;
    box-sizing: border-box;
    padding:12px;
}

.table_cart {
    width:100%;
}

.table_cart th {
    text-align: left;
    border-bottom:1px solid #D9D9D9;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #1853a3;
    padding-bottom:16px;
}


.table_cart td {
    padding-top:16px;
}

.table_cart .img {
    float:left;
    margin-right:16px;
    width: 32px;
    height:32px;
}

.cart_bottomline {
    margin-top:16px;
    border-top:1px solid #D9D9D9;
    padding-top:16px;
}

.c_bl_full {
    background: #F5F5F7;
    border-radius: 8px;
    padding:16px;
}

.c_bl_status {
    padding: 8px 16px;
    background: #D49F53;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #FFFFFF;
    float: left;
}

.c_bl_right {
    float:right;
}


.c_bl_toper {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: line-through;
    text-transform: capitalize;
    color: #C50000;
    text-align: right;
}

.c_bl_toper b {
    font-weight: 600;
}

.cart_right_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #1853a3;
    margin:12px;
    border-bottom:1px solid #D9D9D9;
    padding-bottom:16px;
}

.cart_item_location {
    margin-bottom:8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #414141;
    margin-bottom:8px;
    margin-top:8px;
}

.cart_item_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #252525;
    margin-bottom:8px;
}

.cart_item_date {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-transform: capitalize;
    color: #414141;
}

.cart_item_price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-transform: capitalize;
    color: #414141;
}

.cart_item_price_pre {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: line-through;
    text-transform: capitalize;
    color: #C50000;
    text-align: right;
}

.item_delete {
    width:70px;
    text-align: right;
}

.cart_item_price_rl {
    font-weight: 600;
    text-align: right;
}

.profile_right_texter_tb {
    display: table;
    width:100%;
    border-bottom:1px solid #F7F7F9;
}

.profile_right_texter_tb_i {
    display: table-cell;
    vertical-align: middle;
    padding-right:12px;
}

.profile_right_texter_tb_i img {
    display: block;
}

.profile_right_texter_tb_d {
    width:100%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-bottom:22px;
}

.sender_ttl {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #141522;
    margin-bottom:4px;
    white-space: nowrap;
}

.notif_text {
    margin-top:20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin-bottom:52px;
}

.call_btn {
    padding: 12px 24px;
    border: 1px solid #F5F5F7;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #1853a3;
    display: inline-block;
}

.call_btn svg {
    margin-right:5px;
    vertical-align: -4px;;
}

.sender_date {
    margin-top:4px;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    color: #A5A5A5;
    white-space: nowrap;
}

.tkt_item_price_rl {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    text-transform: capitalize;
    color: #414141;
}

.hotel_coverer_informers {
    margin-top: 20px;
    display: flex;
    gap: 8px;
}

.hotel_coverer_informers svg {
    vertical-align: -4px;
    margin-right: 8px;
}

.profile_left {
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 0 10px 9px #9a9a9a26;
    margin-bottom: 16px;
}

.inner_left {
    order:3;
}

.inner_left_dining {
    order:3;
}

.dialog {
    padding:20px;
    text-align: center;
}

.dn_item_right_top{
    order: 2;
    z-index: 10;
}

.inner_venue_logo{
    height: 120px;
    background-color: #414141;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 20px;
    order: 1;
    z-index: 10;
}

.inner_venue_logo img{
    height: 72px;
    object-fit: contain;
}

.inr_blcs {
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding:24px;
}

.inr_blcs p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #414141;
    margin: 0;
} 

.inner_right {
    padding: 24px 24px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom:50px;
}

.dn_item_right {
    padding-top:90px;
}

.hotel_item_right {
    margin: 24px 12px;
}

.hotel_it_pr {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    text-align: right;
    color: #A5A5A5;
}

.hotel_coverer {
    margin-bottom:20px;
}

.h-date{
    font-weight: 500;
    text-decoration: underline;
}
.hotel_coverer_img img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.hotel_coverer_desc {
    margin-top:10px;
}

.hotel_coverer_desc {
    display: table-cell;
    vertical-align: middle;
}

.hotel_coverer img {
    margin-right: 8px;
}

.inr_bl_items {
    margin-bottom: 16px;
    display: flex;
    gap: 12px;
    overflow: hidden;
}

/* .inr_bl_item {
    width:25%;
    float:left;
    padding:0px 6px;
    box-sizing: border-box;
} */

.inr_bl_item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.dn_item_right_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #050505;
}

.dn_item_viper {
    background: #D49F53;
    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-top: -6px;
    margin-bottom:16px;
}

.inr_rest_descer_desc {
    background: #FAFAFA;
    border-radius: 8px;
    padding: 13px 12px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.inr_bl_maincover {
    width: 100%;
    margin-bottom: 16px;
    display: block;
    height: 150px;
    border-radius: 4px;
}

.irdd_item_title {
    margin-top:10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize;
    color: #414141;
}

.irdd_item_title {
    margin-top: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #414141;
}

.irdd_item {
    max-width: 12%;
    text-align: center;
    display: inline-block;
    width: min-content;
}


.irdd_item img{
    width: 32px;
    height: 32px;
}

.btn_hdr_logined {
    position: absolute;
    display: flex;
    color: #fff;
    gap: 12px;
    align-items: center;
}


.top_notifs{
    right: 94px;
}

.cart_slider::before {
    content: "";
    background: #FFFFFF;
    transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    width: 12px;
    height: 12px;
    display: inline-block;
    top: -6px;
    position: absolute;
    right: 29px;
}

.cart_slider_items {
    padding:8px 4px;
}

.cart_slider_item {
    padding:8px 12px;
    border-radius: 10px;
    margin-bottom:9px;
}

.cart_slider_item:hover {
    background: #FAFAFA;
}

.cart_slider_img {
    width:48px;
    height:48px;
    border-radius:48px;
    float:left;
    margin-right:12px;
    background-size:cover;
    background-position: center center;
}

.cart_slider_titles {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #141522;
}

.cart_slider_prices {
    margin-top:8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #414141;
}

.notification_mintext {
    margin-top:8px;
    font-style: normal; 
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #141522;
    width:50%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.notif_l_time {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: -0.01em;
    color: #8E92BC;
    float:right;
}

.cart_slider_prices span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: line-through;
    text-transform: capitalize;
    color: #C50000;
    margin-left:2px;
}

.notif_circle {
    width:8px;
    height:8px;
    border-radius:8px;
    float:right;
    background: #DB5962;
    margin-top: 5px;
}

.cart_showcart {
    border-top:1px solid #F7F7F9;
    padding:8px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding-top:8px;
    letter-spacing: -0.01em;
    color: #8E92BC;
    text-align: center;
}

.privil_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #050505;
}


.reservation_btn {
    background: #1853a3;
    padding: 12px;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}


.action_btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.btn_actions_primary {
    background: #1853a3;
    padding: 12px 24px;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    border: 1px solid #1853a3;
}

.btn_actions_secondary {
    background: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #1853a3;
    border: 1px solid #1853a3;
}

.profile_titler {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #1853a3;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}

.points-holder{
    display: flex;
    flex-direction: column;
    margin: 8px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #D9D9D9;
}

.notif_titler {
    border-bottom:1px solid #F7F7F9 !important;
}

.q_notif {
    width:100%;
    box-sizing: border-box;
    padding:10px;
    border: 1px solid #F5F5F7;
    border-radius: 8px;
    padding: 12px 53px 12px 12px;
}

.profile_titler img {
    float:left;
    margin-right:17px;
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.pr_t_title {
    display: table-cell;
    vertical-align: middle;
    height:56px;
}

.profile_titler_statusline {
    padding:9px 0px;
    border-bottom:1px solid #D9D9D9;
    margin:0px 12px;
    margin-bottom:9px;
}

.profile_titler_status {
    float:left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #414141;
}

.profile_titler_points {
    float:right;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
}

.scores {
    height:4px;
    background: #C0C0C0;
    margin-top:9px;
    margin-bottom:6px;
}

.score_line {
    background: #1853a3;
    height:4px;
}

.score_left {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    text-transform: capitalize;
    color: #414141;
}

.freeplay-card{
    background-image:url('../images/profile-status-bg.png');
    border-radius: 8px;
    height: 200px;
    background-size:cover;
    position:relative;
}

.freeplay{
    background: linear-gradient(90deg, #292929, #4c4c4c);
    display: flex;
    padding: 12px;
    border: 1px solid #525252;
    border-radius: 4px;
    color: #fff;
    align-items: center;
    margin-top: 12px;
    width: fit-content;
    flex-direction: column;
}

.freeplay-holder{
    /*background: linear-gradient(96.39deg, #292929 -4.63%, rgba(0, 0, 0, 0.62) 48.39%, #0E0E0E 108.47%);*/
    border-radius: 8px;
    height: 100%;
    padding: 50px 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.freeplay-text{
    font-size: 24px;
    display: flex;
    align-items: center;
}



.freeplay-amount{
    font-size: 24px;
}

.freeplay-Gel{
    color: #ddd;
    padding: 4px 8px;
    background: #202020;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
}

.freeplay-amount::after{
    content: "PTS";
    font-size: 12px;
    color: #d2d2d2;
}

.freeplay-exp-info{
    margin-top: 16px;
    padding: 12px;
    background: #ff5722;
    border-radius: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: lowercase;
    flex-direction: column;
}

.profMobile{
    margin-bottom: 16px;
}

.profile_menu_item {
    padding: 12px 53px 12px 12px;
    border-radius: 8px;
    margin-top:4px;
    transition: all .3s;
}

.profile_menu_item:hover {
    background: #F5F5F7;
}

.pmi_img {
    width:32px;
    padding-top:1px;
    float:left;
}


.notifications_img {
    padding-top:1px;
    float:left;
    margin-right:12px;
}

.notifications_title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #141522;
}

.notifications_text_tl {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: #141522;
}

.pmi_titler {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #414141;
    padding-top:2px;
}

.red {
    color:#F50000 !important;
}

.profile_right {
    padding: 12px;
    background: #FFFFFF;
    border-radius: 8px;
    position: relative;
    box-sizing: border-box;
}

.profile_right_title {
    border-bottom:1px solid #F7F7F9;
    padding:12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #A5A5A5;
    margin-bottom:12px;
}

.mypurch_item {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.mypurch_group{
    display: flex;
    flex-direction: column;
}

.mypurch_item_img {
    display: table-cell;
    /* padding: 12px; */
    vertical-align: top;
    width: 100%;
}

.mypurch_item_img img{
    width: 100%!important;
    border-radius: 8px;
}

.mypurch_item_titler {
    display: table-cell;
    padding: 12px 0;
    vertical-align: middle;
}

.mypurch_item_dates {
    display: table-cell;
    padding: 12px 0;
    vertical-align: middle;
}

.pi_titler {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #252525;
    margin-bottom: 5px;
}

.pi_locations {
    margin-bottom: 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #414141;
}

.pi_btm {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-transform: capitalize;
    color: #000000;
}

.pi_btm svg {
    vertical-align: -3px;
    margin-right:9px;
}

.pi_datebox {
    padding: 12px 11px;
    background: #F5F5F7;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-bottom: 5px;
}

.pi_datebox_ttl {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-transform: capitalize;
    color: #1853a3;
    margin-bottom:4px;
}

.pi_datebox_desc {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #000000;
}

.innert_title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    margin-bottom:16px;
    color: #141522;
}

.inr_item_lft {
    margin-bottom:16px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #414141;
}

.innert_title.bt {
    border-top:1px solid #F7F7F9;
    padding-top:16px !important;
}


.login_left {
    background: linear-gradient(160.2deg, #1853a3 0%, #0f3568 100%);
    padding:24px;
    padding-bottom:4px;
    box-sizing: border-box;
    position: relative;
}

.login_reg_btn {
    margin:20px 0;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.login_reg_btn svg {
    vertical-align: -5px;
    margin-right:12px;
}

.login_right {
    padding:15px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    flex-direction: column;
    
  justify-content: center;
}

.verifyAlert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: #1B1B1B;
    border: 1px solid #ddd;
}

.verifyL {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
}

.verifyL img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.verifyR {
    background-color: #005A9C;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
}

.verifyAlert {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.verifyL {
    margin-bottom: 10px;
}

.verifyR {
    margin-top: 10px;
}

/* Hide the image on mobile */
.verifyL img {
    display: none;
}

.login_left_item {
    border-radius: 4px;
    padding: 12px;
    display: flex;
    margin-bottom:8px;
  }

.login_left .active {

    background: #236bcc;
}

.login_left_item .num {
    width: 28px;
    height: 29px;
    background: #1853a3;
    border-radius: 4px;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_left_item .text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.login_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #1853a3;
    margin-bottom:16px;
}

.login_sub {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    color: #A5A5A5;
    margin-bottom:36px;
}

.linp {
    text-align: center;
    margin-bottom:20px;
}

.linp_nob {
    background: #F5F5F7;
    border: 1px solid #F5F5F7;
    border-radius: 4px 0px 0px 4px;
}

.linp_nob input {
    width:234px;
}

.linp_nob_pre {
    background: #F5F5F7;
    border: 1px solid #F5F5F7;
    border-radius: 4px 0px 0px 4px;
    float: left;
    width: 66px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #A5A5A5;
    box-sizing: border-box;
    padding-top: 16px;
}

.login_input {
    border: 1px solid #EDEDED;
    border-radius: 4px;
    padding: 16px;
    width:300px;
    box-sizing: border-box;
    outline: none;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #A5A5A5;
    transition: 0.4s;
}

.login_input:hover {
    border: 1px solid #80acc873;
    transition: 0.4s;
}

.login_input:focus {
    border: 1px solid #80ACC8;
    transition: 0.4s;
}


.room_td select, input {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: none;
    width:100%;
    padding: 10px 0px;
    border-bottom:1px solid #D9D9D9;
    margin-bottom:10px;
    background: none;
}

.ft_w {
    margin-bottom:15px!important;
}

.em_in {
    width:49px !important;
    margin:0px 8px;
    text-align: center;
}

.login_submit {
    padding: 16px 24px;
    background: #1853a3;
    border-radius: 4px;
    border:none;
    cursor: pointer;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    transition: 0.4s;
}


.login_submit:hover {
    background: #0f3568;
    transition: 0.4s;
}


.login_ttl {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom:24px;
}

.login_l_sub {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
}

.dialog_register {
    text-align: center;
}

.about_txt p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    color: #414141;
    padding-bottom:20px;
    font-size: 14px;
    line-height: 20px;
}

.addcard_button {
    background: #F5F5F7;
    border-radius: 8px;
    padding: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #1853a3;
    text-align: center;
}

.addcard_button svg {
    vertical-align: -5px;
    margin-right:10px;
}


.dn_item_viper_outline_reg {

    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #1853a3;
    border: 1px solid #1853a3;
    margin-bottom:16px;
}

.dn_item_viper_outline_bro {

    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #a97142;
    border: 1px solid #a97142;
    margin-bottom:16px;
}

.dn_item_viper_outline_sil {

    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #a8a9ad;
    border: 1px solid #a8a9ad;
    margin-bottom:16px;
}

.dn_item_viper_outline_gol {

    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #D49F53;
    border: 1px solid #D49F53;
    margin-bottom:16px;
}

.dn_item_viper_outline_vip {

    border-radius: 4px;
    float:right;
    padding: 12px 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #00094b;
    border: 1px solid #00094b;
    margin-bottom:16px;
}

.disc_badges{
    display: flex;
    gap: 8px;
}


/* priviliges small card slider*/
#small_card_slider{
    overflow: hidden;
    padding: 32px 0 32px 0;
}

/* p card*/

.pcard-holder {
    height: 130px;
    width: 200px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}


.pcard-st{
    height: 130px;
    width: 200px;
    border-radius: 8px;
    margin: 0 auto;
    background: #d1913c;
    background: url('../images/registered.jpg');
    background-size: cover;
    /* background: -webkit-linear-gradient(to right, #336799, #4c6d83); */
    /* background: linear-gradient(to right, #336799, #4c6d83); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pcard-b{
    height: 130px;
    width: 200px;
    border-radius: 8px;
    margin: 0 auto;
    background: #d1913c;
    background: url('../images/Classic.jpg');
    background-size: cover;
    /* background: -webkit-linear-gradient(to right, #a97142, #754c2b); */
    /* background: linear-gradient(to right, #a97142, #754c2b); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pcard-s{
    height: 130px;
    width: 200px;
    border-radius: 8px;
    margin: 0 auto;
    background: #d1913c;
    background: url('../images/Silver.jpg');
    background-size: cover;
    /* background: -webkit-linear-gradient(to right, #a8a9ad, #707070); */
    /* background: linear-gradient(to right, #a8a9ad, #707070); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pcard-g{
    height: 130px;
    width: 200px;
    border-radius: 8px;
    margin: 0 auto;
    background: #d1913c;
    background: url('../images/Gold.jpg');
    background-size: cover;
    /* background: -webkit-linear-gradient(to right, #d1913c, #ffd194); */
    /* background: linear-gradient(to right, #d1913c, #ffd194); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pcard-v{
    height: 130px;
    width: 200px;
    border-radius: 8px;
    margin: 0 auto;
    background: #d1913c;
    background: url('../images/vip.jpg');
    background-size: cover;
    /* background: -webkit-linear-gradient(to right, #00094b, #00041f); */
    /* background: linear-gradient(to right, #00094b, #00041f); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pcard-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 8px 16px;
    color: #eee;
    font-weight: 300;
    letter-spacing: 1px;
}

.pcard-logo img{
    width: 40px;
}

.pcard-disc {
    background: #607d8b;
    padding: 4px 12px;
    margin: 0px 0 12px 0;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    font-weight: 300;
    position: absolute;
    bottom: 8px;
}

.pcard-status{
    font-size: 14px;
}

.privilegeboard{
    padding: 24px 0;
}

.mp_sl_inner_button{
    padding: 16px 32px;
    background: #FFFFFF;
    margin-top: 16px;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #000000;
    justify-content: center;
    width: 90px;
}

.dfbalancer {
    display: flex;
    gap: 16px;
    flex-direction: column;
    order: 2;
}


#Venue_slider{
    height: 400px;
    overflow: hidden;
    margin-top: -63px;
}

.venu-slider-pag{
    padding: 0 calc(10vw + 25px);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 32px;
}

#Venue_slider .swiper-pagination-bullet{
    width: 48px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: 0.2;
}

#Venue_slider .swiper-pagination-bullet-active{
    width: 48px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}

.frontpage{
    width: 90vw;
    max-width: 1129px;
    margin: 0 auto;
    overflow: hidden;
}

#room_slider {
    width: 300px;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-items: flex-end;
}

.doublenav{
    display: none;
}

.frontpage-slide-pag{
    width: 90vw;
    display: flex;
    justify-content: center;
    gap: 8px;
    position: absolute;
    margin-top: -40px;
    z-index: 200;
}

.frontpage-slide-pag .swiper-pagination-bullet{
    width: 48px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: 0.2;
}

.frontpage-slide-pag .swiper-pagination-bullet-active{
    width: 48px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}

.frontpagedoube{
    width: 90vw;
    max-width: 1129px;
    margin: 0 auto;
    overflow: hidden;
}
.homedouble_item {
    box-sizing: border-box;
}

.homedouble_item_inner {
    height: 500px;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    background-size:cover;
    overflow: hidden;
}

.homedouble_blank {
    height: 500px;
    border-radius: 8px;
    background: linear-gradient(45deg, #000851 0, #1CB5E0 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #eee;
    font-family: 'Montserrat';
    font-weight: 400;
}

.homedouble_item_inner::before {
    content: " ";
    background: linear-gradient(240deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width:100%;
    height:100%;
    position: absolute;
    left:0px;
    top:0px;
    border-radius: 8px;
    z-index: 1;
}

.card_wrapper{
    background: #110026;
    display: flex;
    align-items: center;
    padding: 10vw;
    gap: 48px;
    flex-direction: column;
}

.card_wrapper img{
    width: 90vw;
}

.card_title{
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 16px;
}
.card_desc{
    color: #fff;
    padding-bottom: 48px;
}

.card_actions{
    color: #fff;
    display: flex;
    gap: 24px;
    align-items: center;
    flex-direction: column;
}

.card_joinbtn{
    color: #fff;
    border: 1px solid #fff;
    padding: 16px 32px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.5s;
}

.card_joinbtn:hover{
    color: #110026;
    background: #fff;
    transition: 0.5s;
}

.card_privbtn{
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
}

.card_privbtn:hover{
    color: #808080;
    cursor: pointer;
    transition: 0.5s;
}


.jackpot-wrapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
.jackpot-group{
    display: flex;
    gap: 8px;
}

.jackpot-card{
    width: 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    padding: 20px;
    box-sizing: border-box;
    color:#fff;
}
.jackpot-media img{
    display: none;
}
.jackpot-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.jackpot-title{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;

}

.jackpot-amount{
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
}

.jackpot-gold{
    background: #FE8900;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.jackpot-silver{
    background: #808080;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    color:#fff;
}

.jackpot-midi{
    background: #FE0047;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    color:#fff;
}

.jackpot-mini{
    background: #EF0043;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    color:#fff;
}

.mix{
    background: linear-gradient(100.08deg, #EC0744 -2.69%, #780224 101.91%);
}
.megt{
    background: linear-gradient(100.08deg, #A307EC -2.69%, #360278 101.91%);
}
.merc{
    background: linear-gradient(100.08deg, #00FFA3 -2.69%, #005E5E 101.91%);
}
.mega{
    background: linear-gradient(100.08deg, #0085FF -2.69%, #023178 101.91%);
}

.bottom_balancer{
    height: 48px;
}


.of_item_inner{
    display: flex;
}

/* General */


.cityFilter{
    border: none;
    outline: none;
    font-size: 16px;
    font-family: 'Montserrat';
    color: #1853a3;
    background: none;
}

.offer_item.animation{
    transform: scale(0.95);
    transition: all 0.2s;
}

.offers_items .mobile{
    display: none;
}

.map-canvas{
    height: 200px;
    border-radius: 8px;
}

.single-bg{
    height: 400px;
}

.ratespec{
    display: flex;
    gap: 8px;
    align-items: center;
}

/* dialog */

#dialog{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #b3b3b3d1;
    align-items: center;
    justify-content: center;
}

.a-reservation-wrapper{
    background: #fff;
    padding: 24px;
    border-radius: 4px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 16px;
}

.a-reservation-form{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.a-reservation-double-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:16px;
}
.a-reservation-item{
    display: flex;
    flex-direction: column;
}

.a-reservation-title{
    font-size: 20px;
    font-weight: 500;
}

.a-input-text{
    border: 1px solid #ddd;
    padding: 0.81rem 0.96rem;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

.a-label{
    font-size: 14px;
    color: #607d8b;
    margin-bottom: 8px;
}

.a-reservation-submit{
    font-size: 14px;
    border-radius: 4px;
    padding: 16px 24px;
    color: #fff;
    background-color: #454545;
    border: 1px solid #454545;
    cursor: pointer;
    transition: 0.5s;
    text-align: center;
}

.a-reservation-submit:hover {
    background-color: #8E95A5;
    border: 1px solid #8E95A5;
    cursor: pointer;
    transition: 0.5s;
}

.a-reservation-close{
    display: flex;
    text-align: right;
    position: relative;
    justify-content: right;
    align-items: center;
    font-size: 14px;
    padding: 8px 8px 8px 16px;
    background: #ffffff;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #e4e4e4;
    color: #607d8b;
    cursor: pointer;
    transition: 0.5s;
}

.a-reservation-close:hover{
    background: #ffffff;
    border: 1px solid #e91e63;
    color: #e91e63;
    cursor: pointer;
    transition: 0.5s;
}

.a-reservation-close img{
    width: 16px;
    margin-top: 2px;
    stroke:#e91e63;
}

.error{
    border: 1px solid #e91e63;
}

.pageoffer{
    margin-right: 16px; 
}

.homesingle-image{
    width: 100%;
    height: 100%;
}

.homesingle-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.homedouble-image{
    width: 100%;
    height: 100%;
}

.homedouble-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}




/* rewards slider */

#rewards_slider{
    width: 100vw;
    margin: 0 auto;
    overflow: hidden;
}

.rewards{
    width: 100%;
    height: 11rem;
    border-radius: 16px;
}

.pcard-top-rewards{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 8px 24px;
    color: #eee;
    font-weight: 300;
    letter-spacing: 1px;
}

.pcard-logo-rewards img{
    width: 60px;
}

.pcard-status-rewards{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0px;
}

.rewards-pag {
    display: flex;
    padding-top: 16px;
    width: 100%;
    justify-content: center;
    gap: 8px;
}

/* benefits table */


.benefits-wrapper{
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
}

.benefits-board-item {
    margin: 24px 0;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.benefits-header{
    display: flex;
    text-align: center;
    justify-content: flex-end;
}

.benefits-card{
    display: flex;
    width: 50px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.benefits-card img{
    width: 32px;
    height: 32px;
}

.benefits-venue{
    height: 48px;
    display: flex;
    align-items: center;
    background: #1853a3;
    color: #ffffff;
    padding: 0 12px;
    justify-content: space-between;
}

.benefits-venue-l{
    display: flex;
    align-items: center;
    font-size: 14px;
}

.benefits-venue img{
    width: 24px;
    height: 24px;
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
    margin-right: 12px;
}

.benefits-venue-category{
    font-size: 12px;
    background: #0f3568;
    padding: 4px 8px;
    border-radius: 4px;
}

.benefits-venue-category-flex {
    display: flex;
    align-items: center; /* This will vertically center the items */
}


.benefits-venue-category-up-to {
    margin-right: 10px;
    font-size: 12px;
    background: #80b0d1;
    padding: 4px 8px;
    font-weight: bold;
    border-radius: 4px;
    color: white;
}

.benefits-list-wrapper{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.benefits-list-title{
    display: flex;
    align-items: center;
    margin-left: 16px;
}

.benefits-list-values{
    display: flex;
}

.benefits-list-value{
    display: flex;
    width: 50px;
    justify-content: center;
    align-items: center;
}

.benefits-list-item{
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 60px;
}


.benefits-filter{
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.benefits-filter-category{
    outline: none;
}

.benefits-filter-location{
    outline: none;
}


/* secondary pages */
.promo-secondary{
    height: 400px;
}

.ticket_mobile{
    display: none;
}

.mobile-open-filter{
    display: none;
}

.login_container {
    margin-bottom: 150px;
    margin: 0 auto;
    margin-top: -120px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    max-width: 450px;
}




/* contact */


.contact_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.contactside {
    width: 90vw;
}

.contact_wrapper input {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border: none;
    width: 100%;
    padding: 16px 16px;
    outline: none;
    border-radius: 4px;
    box-sizing: border-box;
}

.feedback_for input, textarea {
    width:100%;
    border:none;
    border-bottom: 1px solid #C0C0C0;
    padding:12px 8px;
    padding-left:22px;
    outline: none;
    box-sizing: border-box;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #C0C0C0;
    background-repeat: no-repeat;
    background-position: left center;
}

.feedback_double {
    width:calc(50% - 20px);
    float:left;
    box-sizing: border-box;
    margin-right:20px;
}

.feedback_single textarea {
    padding:16px 16px;
    background: #f9f9f9;
    border-radius: 8px;
    height:180px;
    border: none;
    color: #000;
    resize: none;
}

.feedback_single {
    margin-top:12px;
}

.feedback_title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1853a3;
}

.feedback_name {
    background-image:url('../images/Vector.png');
    background-repeat: no-repeat;
}

.feedback_phone {
    background-image:url('../images/Call.svg');
    background-repeat: no-repeat;
}

.feedback_mail {
    background-image:url('../images/Mail.svg');
    background-repeat: no-repeat;
}

.feedback_submiter {
    margin-top: 24px;
    text-align: right;
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 12px;
    color:#739FBA;
}

.feedback_for{
    width: 500px;
}

.feedback_form {
    background: #1853a3;
    padding: 16px 32px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    border:none;
}

.feedback_submiter span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #739FBA;
}

.feedback_Send_btn{
    background: #1853a3;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.feedback_Send_btn:hover{
    background: #415a6b;
    transition: 0.3s;
}

.feedback{
    background: #f9f9f9;
}

.wgradient::after {
    content: "";
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.a-eventholder-name {
    margin-bottom: 8px;
    font-size: 14px;
    color: #607d8b;
}

/* ticket */

.a-purch-container {
    display: flex;
    margin-bottom: 16px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
    flex-direction: column;
}

.a-purch-container:hover {
    border: 1px solid #607d8b;
    transition: 0.3s;
}

.a-purch-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.a-purch-descr {
    width: 100%;
}

.a-purch-title {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    color: #607d8b;
}

.a-purch-location {
    font-size: 14px;
    color: #252525;
}

.a-purch-fItem {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.a-purch-features {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border-radius: 0 8px 8px 0;
    color: #252525;
}

.a-purch-iconholder {
    display: flex;
    gap: 8px;
}

.a-purch-iconholder img {
    width: 18px;
}

.a-purch-divider{

}
/* ticket QR */

.backtotkt{
    display: flex;
    gap: 8px;
    padding: 0 0 12px 0;
    font-size: 16px;
    align-items: center;
    color: #6d6d6d;
}

.a-ticket-container{
    background: #eee;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    text-align: center;
}

.a-ticket-container img{
    width: 150px;
}

.qr-container{
    display: flex;
    width: 100%;
    margin: 0px 8px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
}



/* 1024 */

@media only screen and (max-width: 1024px) {

    .offers_items {
        gap: 16px;
        display: flex;
        flex-wrap: wrap;
        margin: 24px 0;
    }

    .offer_item {
        float: left;
        box-sizing: border-box;
        transform: scale(1);
        opacity: 1;
        transition: all 0.2s;
        width: calc(50% - 8px);
    }

    .offer_item_inner {
        height: 300px;
        border-radius: 8px;
        box-sizing: border-box;
        position: relative;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }
  
    
    .offer_item_inner img{
        transition: all 0.5s;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .desktop{
        display: block;
    }
    
    .inr_blcs {
        box-shadow: 0 0 10px 9px #9a9a9a26;
    }

    .inner_venue_logo{
        box-shadow: 0 0 10px 9px #9a9a9a26;
    }

    .inner_left {
        order: 3;
        display: flex;
        flex-direction: column;
        gap: 16px;
        z-index: 10;
    }
    
    .inner_left_dining {
        order: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
        z-index: 10;
    }

    .inner_left_tkt {
        order: 3;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .promo-secondary{
        height: 60vh;
    }

    #room_slider {
        width: 100%;
        overflow: hidden;
        border-radius: 4px;
        display: flex;
        margin-bottom: 24px;
        max-height: 200px;
    }

    .room_slider_img img{
        width: 100%;
        object-fit: cover;
        border-radius: 4px;
    }

    .login_container {
        margin-bottom: 150px;
        margin: 0 auto;
        margin-top: -120px;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        margin-bottom: 24px;
    }

    .login_left {
        background: linear-gradient(160.2deg, #1853a3 0%, #0f3568 100%);
        padding: 24px;
        padding-bottom: 4px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 24px;
        border-radius: 8px;
    }

    .login_right {
        padding: 15px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
        border-radius: 8px;
    }

    .login_reg_btn {
        margin: 20px 0;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        text-transform: capitalize;
        color: #FFFFFF;
        border: 1px solid #fff;
        padding: 12px;
        border-radius: 8px;
    }
}

@media only screen and (max-width: 768px) {

    .offer_titler {
        left: 24px;
        bottom: 24px;
    }

    .irdd_item {
        max-width: 20%;
        text-align: center;
        display: inline-block;
        width: min-content;
    }

    .offer_titler_din {
        position: absolute;
        left:16px;
        bottom:24px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding-right: 16px;
        z-index: 2;
    }

    .a-reservation-wrapper{
        width: 90vw;
        box-sizing: border-box;
    }

    


}

@media only screen and (max-width: 480px) {
    
    .offers_items {
        gap: 16px;
        display: flex;
        flex-direction: column;
        margin: 24px 0;
    }

    .offer_item {
        float: left;
        box-sizing: border-box;
        transform: scale(1);
        opacity: 1;
        transition: all 0.2s;
        width: 100%!important;
    }

    .categoryFilter{
        text-align: center;
    }

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

    .switcher_left {
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .switcher_top li {
        font-size: 14px;
    }

    .inr_rest_descer_desc{
        display: none;
    }

    /* .toolbar{
        display: none;
    } */

    .alloffers {
        height: 72px;
    }

    .a-reservation-double-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
    }

    .with-action{
        display: flex;
        flex-direction: row;
    }


    .pageoffer{
        margin-right: 0;
    }


    #rewards_slider{
        width: 90vw;
        margin: 0 auto;
        overflow: hidden;
    }

    .rewards{
        width: 100%;
        height: 15rem;
        border-radius: 16px;
    }
    .card_item_about {
        box-sizing: border-box;
        margin-bottom: 40px;
        width: 100%;
    }

    .ticket_item_left{
        display: flex;
        gap: 24px;
        background: #fafafa;
        width: 100%;
        margin: 16px 0;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .ticket_item_right {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        padding: 8px 12px;
        text-align: right;
        width: 100%;
    }

    .ticket_item_ticket {
        display: flex;
        justify-content: flex-end;
    }

    .cart_item_price_pre {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        text-decoration-line: line-through;
        text-transform: capitalize;
        color: #C50000;
        text-align: left;
    }

    .tkt_item_price_rl {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: left;
        text-transform: capitalize;
        color: #414141;
    }

    .hotel_it_pr {
        font-style: normal;
        font-weight: 600;
        font-size: 10px;
        line-height: 13px;
        text-align: left;
        color: #A5A5A5;
    }

    .desktop{
        display: block;
    }

    .ticket_desktop{
        display: none;
    }

    .page-filter-wrapper{
        position: absolute;
        width: 100%;
        height: calc(100vh - 436px);
        background: #fff;
        z-index: 2;
        top: 0;
        display: none !important;
        justify-content: center;
    }
    
    .switcher_top {
        margin: 0 16px 0;
        padding: 0;
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    
    .cityFilter {
        border: none;
        outline: none;
        font-size: 16px;
        font-family: 'Montserrat';
        color: #1853a3;
        margin-top: 24px;
    }

    .cityFilter2 {
        border: none;
        outline: none;
        font-size: 16px;
        font-family: 'Montserrat';
        color: #1853a3;
    }
    
    .mobile-open-filter{
        display: flex;
        align-items: center;
        gap: 8px;
        color: #1853a3;
    }

    .mobile-open-filter img{
        height: 20px;
    }

    .login_container {
        margin-bottom: 150px;
        margin: 16px;
        margin-top: -120px;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
    }

    .feedback_submiter {
        margin-top: 24px;
        text-align: right;
        display: flex;
        align-items: center;
        gap: 24px;
        font-size: 12px;
        color: #739FBA;
        flex-direction: column;
    }
}

.a-profMenu-Mobile{
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    left: 0;
    box-shadow: 0 20px 24px 8px #00000070;
}

.a-mobileMenu-wrapper{
    display: flex;
    padding: 24px;
    gap: 48px;
    border-radius: 4px;
}

.a-mobilemenu-active{
    height: 4px;
    width: 48px;
    top: -24px;
    border-radius: 0 0 4px 4px;
    background: #1853a3;
    position: absolute;
}

.a-mobilemenu-item{
    position: relative;
    display: flex;
    justify-content: center;
}

.a-reservation-success {
    background: #fff;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 48px;
}