@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --fade-white : #F5F5F5 ;
    --body-text : "Public Sans", sans-serif;
    /* --heading-text : "Playfair Display", serif; */
    --heading-text : "Public Sans", sans-serif;
    --spacing4 : 4px;
    --top-border: #cecece;
    --btn-border-color : #006CE4 ;
    --btn-border-gray : #777777;
    --header-bg:#333333;
    --footer-bg:#EAEAEA;
    --footer-bottom-bg:#1E1E1E ;
    --body-Bg:#F5F5F5;
    --new-body-bg:#f4f1ee;
    /* --header-bg:#2C3754; */
    --spacing-common:80px;
    --spacing-mid:40px;
    --spacing-small:24px;
    --spacing-ExtraSmall : 16px;
    --spacing-8px: 8px;
    --custom-spacing:8%;
    --spacing2X:16%;
    --line-shadow : rgba(0, 0, 0, 0.14) 0px 1px 0px;
}
body{
    background-color: var(--body-Bg) !important;
}

/* animation */
.fade-up-raw {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
}

.fade-up-raw.show {
  opacity: 1;
  transform: translateY(0);
}
/* animation */

/* loader */
.custom_loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading {
    height: 0;
    width: 0;
    padding: 30px;
    border: 4px solid #ccc;
    border-right-color: #000000;
    border-radius: 44px;
    -webkit-animation: rotate 1s infinite linear;
    /* left, top and position just for the demo! */

  }

    @-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
/* loader */




.left_spacing2X{
    padding-left: var(--spacing2X) ;
}

.header_top{
    padding-top: var(--spacing-8px);
}
.heder_bottom{
    padding-bottom: var(--spacing-8px);
}
.common_spacingX{
    padding-left: var(--custom-spacing);
    padding-right: var(--custom-spacing);
}
.spacing_bottom{
    padding-bottom: var(--spacing-common);
}
.spacing_top{
    padding-top: var(--spacing-common);
}

.spacing_top40{
    padding-top: var(--spacing-mid);
}
.spacing_bottom40{
    padding-bottom: var(--spacing-mid);
}

.common_btn{
    padding: 8px 20px;
    background-color: #000000;
    font-size: 11px;
    font-family: var(--body-text);
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.common_btn img{
    width: 20px;
    height: 20px;
}

.common_btn span svg{
    width: 16px;
    height: 16px;
}

.common_btn02{
    /* padding: 2px 16px; */
    border: 1px solid #cecece;
    width: 32px;
    height: 32px;
    /* border-radius: 40px; */
    border-radius: 50%;
    /* border-radius: 16px; */
    background-color: #fff;
    font-size: 14px;
    font-family: var(--body-text);
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.common_btn02 span svg{
    width: 16px;
    height: 16px;
    rotate: 45deg;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000000;
    opacity: 0.3;
}
.image_overlay_gradient{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.07) 24%, rgba(0, 0, 0, 0.23) 100%);
}
.image_overlay_round{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #00000081;
    opacity: 0.3;
    border-radius: 12px;
}
/* overwrite classes */
.offcanvas-backdrop{
    background-color: #ffffffbb !important;
}

.offcanvas-backdrop.show{
    opacity: 0.45 !important;
}

.tab_facilities_main_container .offcanvas.offcanvas-end{
    border-left: 0 !important;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    width: 66.66% !important;
    transition: all 0.3s ease;
}
.nav-underline .nav-link.active{
    border-bottom: 1px solid #000 !important;
}
.nav-link:focus{
    border-bottom: 0px !important;
    /* color: var(--btn-border-gray) !important; */
}

.offcanvas-header .btn-close.facilities_close_btn{
    margin: 0;
    display: none;
}
/* overwrite classes */

/* responsive mobile common classes */
@media only screen and (max-width: 575px){
    .spacing_top{
        padding-top:  40px;
    }
    .spacing_bottom{
        padding-bottom:40px;
    }
    .heder_bottom{
        padding-bottom: 8px;
    }
    .header_top {
        padding-top: 8px;
    }

    .left_spacing2X{
        padding-left: var(--custom-spacing);
        padding-right: var(--custom-spacing);
    }
}
/* responsive mobile common classes */

/* header section  */

.header_main_container{
    backdrop-filter: blur(8px);
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    transition: all 0.1s ease-in-out;
    border-bottom: 1px solid #c6c6c67d;
}

.header_main_container.scrolled{
    background-color: #ffffff;
    transition: all 0.1s ease-in-out;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    /* border-bottom: 1px solid #29292969; */
}

.header_main_container.header_main_container_another_page{
    background-color: var(--body-Bg);
    height: 143px;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}
.header_main_container_another_page .header_login_btn_wrapper a{
    color: #fff;
}
.header_logo_wrapper{
    width: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-bottom: 16px; */
}
.header_logo_wrapper img{
    max-width: 100%;
    height: auto;
}
.header_login_btn_wrapper {
    display: inline-block;
    /* margin-top: 24px; */
    
}

/* menu section  */
.header_mobile_menu_container{
    display: flex;
    width: 100%;
    align-items: center;
}

.header_main_container .mobile_btn_wrapper{
    display: none;
}
.header_main_container .mobile_btn_wrapper .mobile_btn{
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
}
.header_main_container .mobile_btn_wrapper .mobile_btn span svg{
    width: 100%;
    height: 100%;
}
.header_main_container.scrolled .mobile_btn_wrapper .mobile_btn span svg path{
    fill: #000000;
    stroke: #000000;
}
.header_menu_container{
    /* padding-top: 16px; */
    width: 100%;
}
.header_menu_container > ul{
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    gap: 16px;
}
.header_menu_container > ul > li{
    color: #fff;
    padding: 0px 24px;

}
.header_menu_container > ul > li > a{
    text-decoration: none;
    color: #fff;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--body-text);
    line-height: 24px;
}
.header_menu_container > ul > li > a::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position:absolute;
    left: 0;
    bottom: -25px;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all 0.5s ease;
    opacity: 0;
}
.header_menu_container > ul > li:hover > a::after{
    opacity: 1;
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* .header_menu_container > ul > li:hover > a::after{
    opacity: 1;
} */

.header_main_container.scrolled .header_menu_container > ul > li.active_header_menu > a::after{
    background-color: #000000;
}
.header_main_container.scrolled .header_menu_container > ul > li:hover > a::after{
    background-color: #000000;
   
}
.header_menu_container > ul > li.active_header_menu > a::after{
    opacity: 1;
    transform: scaleX(1);
    transform-origin: bottom left; 
}

.header_main_container.header_main_container_another_page > ul > li > a{
    color: #000;
}
.header_main_container.scrolled .header_menu_container > ul > li > a{
    color: #000;
}
.header_main_container .header_menu_container > ul > li:hover .header_mega_menu_main_container{
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
    transition: all 0.3s ease-in-out;
}


.header_mega_menu_main_container{
    position: absolute;
    width: 100%;
    left: 0;
    top: 67px;
    /* background-color: var(--new-body-bg); */
    background-color: #ffffff;
    padding: 40px 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.header_mega_menu_main_container .header_mega_menu_wrapper{
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper {
    width: 70%;
    display: flex;
    justify-content: space-between;
}
.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper ul{
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
    column-gap: 80px;
    align-content: flex-start;
    width: 100%;
}
.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper ul li{
    padding: 8px 0;
    transition: all 0.3s ease-in-out;
}

.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper > ul > li > a{
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    display: inline-block; /* Needed for transform to work correctly */
    transition: transform 0.3s ease-in-out;
    transform-origin: center;
}
.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper ul > li:hover > a{
    font-weight: 500;
    transform: scale(0.890);
}


.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_image_container {
    width: 30%;
    height: auto;
}
.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_image_container .header_mega_menu_image_wrapper {
    max-width: 100%;
    height: 100%;
}
.header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_image_container .header_mega_menu_image_wrapper img{
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center;
}   


/* mobile location slider */
.header_main_container .header_mobile_menu_container .header_mobile_location_slider{
    display: none;
}

.menu_list_item_btn_wrapper{
    display: none;
}
/* mobile location slider */
/* mega menu */
/* menu section  */
/* header section  */


/* footer section */
.footer_main_container{
    width: 100%;
    background-color: var(--footer-bg);
}
.footer_main_container .footer_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: start;
    /* gap: 132px; */
}

.footer_logo_block {
    width: 38%;
    display: flex;
    flex-direction: column;
} 
.footer_logo_block > .footer_menu_social_icon_wrapper{
    margin-top: 40px;
}
.footer_logo_block > .footer_menu_social_icon_wrapper .social_icon_wrapper {
    padding-top: 16px;
    display: flex;
    gap: 24px;
}


.footer_menu_social_icon_wrapper .social_icon_wrapper a img{
    width: 24px;
    height: 24px;
}

.footer_menu_wrapper{
    width: 62%;
}

.footer_main_container .footer_wrapper .footer_logo_wrapper{
    width: 148px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_main_container .footer_wrapper .footer_logo_wrapper img{
    width: 100%;
    height: auto;
}

.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px;
    width: 100%;
}
.footer_menu_wrapper_block .footer_menu_list_wrapper{
    /* width: 33.33%; */
}
.footer_menu_wrapper_block .footer_menu_list_wrapper .footer_contact_num{
    display: flex;
    flex-direction: column;
    gap: 0;
}
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h1,
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h2,
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h3,
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h4,
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h5,
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper .footer_list_heading h6{
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--body-text);
    font-weight: 500;
    margin-bottom: 0;
}

.footer_contact_ph_heading h1,
.footer_contact_ph_heading h2,
.footer_contact_ph_heading h3,
.footer_contact_ph_heading h4,
.footer_contact_ph_heading h5,
.footer_contact_ph_heading h6{
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--body-text);
    font-weight: 500;
    margin-bottom: 0;
}



.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper  ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 24px;
}
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul  li{
    font-size: 14px;
    line-height: 20px;
    font-family: var(--body-text);
    padding-bottom: 8px;
    color: #000000;
}
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper  ul  li  p{
    margin-bottom: 0;
    margin-top: 0;
    width: 80%;
}
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul li:last-child{
    padding-bottom: 0px;
}
.footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul li a{
    text-decoration: none;
    color: #000000;
}

.footer_menu_list_wrapper .social_icon_wrapper{
    padding-top: 16px;
    display: flex;
    gap: 24px;
}
.footer_menu_list_wrapper .social_icon_wrapper a{
    text-decoration: none;
    color: #000000;
}

.footer_menu_list_wrapper .social_icon_wrapper a img{
    width: 24px;
    height: 24px;
}

.footer_contact_ph_block{
    padding-top: 24px;
}
.footer_contact_ph_block > ul > li > .footer_contact_nums_wrappper > p{
    width: 100% !important;
    /* display: flex; */
    /* gap: 8px; */
}
.footer_contact_ph_block > ul > li > .footer_contact_nums_wrappper > p span:first-child{
    padding-right: 6px;
}


.footer_contact_ph_block > ul > li {
    padding-bottom: 0px !important;
}

.footer_menu_social_icon_wrapper > .footer_list_heading h1,
.footer_menu_social_icon_wrapper > .footer_list_heading h2,
.footer_menu_social_icon_wrapper > .footer_list_heading h3,
.footer_menu_social_icon_wrapper > .footer_list_heading h4,
.footer_menu_social_icon_wrapper > .footer_list_heading h5,
.footer_menu_social_icon_wrapper > .footer_list_heading h6{
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--body-text);
    font-weight: 500;
    margin-bottom: 0;
}




/* Footer Copiright */
.footer_copiright_main_container {
    background-color: var(--footer-bg);
}
.footer_copiright_main_container .footer_copiright_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_copiright_menu_list_wrapper ul{
    display: flex;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    gap: 40px;
}
.footer_copiright_menu_list_wrapper ul li a{
    color: #000;
    text-decoration: none;
    font-family: var(--body-text);
    font-size: 12px;
    font-weight: 400;
}


.footer_copiright_wrapper .footer_copiright_text p{
    font-size: 12px;
    font-family: var(--body-text);
    margin-bottom: 0;
    margin-top: 0;
    color: #000000;
    font-weight: 300;
}
.footer_copiright_wrapper .footer_copiright_text p a{
    text-decoration: none;
    color: #000;
}
.footer_copiright_wrapper .footer_copiright_text p a:hover{
    text-decoration: underline;
}

.footer_copiright_wrapper .footer_copiright_text p span{
    opacity: 0.5;
}

.footer_copiright_wrapper_block {
    border-top: 2px solid #CBCACA;
    padding-top: var(--spacing-ExtraSmall);
    padding-bottom: var(--spacing-ExtraSmall);
}

.footer_copiright_wrapper_block .footer_copiright_wrapper .footer_copiright_text{
    display: flex;
    gap: 24px;
}
/* Footer Copiright */
/* footer section */

/* banner section  */


.banner_main_container{
    height: 100vh;
    width: 100%;
    max-width: 100%;
}

.banner_main_container .banner_main_container_wrapper{
    height: 100%;
    width: 100%;
}

.banner_main_container .banner_main_container_slide{
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    object-position: center;
    display: flex;
    align-items: center;
}

.banner_main_container .banner_main_container_slide img,
.banner_main_container .banner_main_container_slide video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.banner_main_container .banner_main_container_slide .slide_content_wrapper{
    position: absolute;
    top: 0;
    max-width: 38.66%;
    min-height: 26.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 8%;
    z-index: 1;
}
.banner_main_container .banner_main_container_slide .slide_content_wrapper h1,
.banner_main_container .banner_main_container_slide .slide_content_wrapper h2,
.banner_main_container .banner_main_container_slide .slide_content_wrapper h3,
.banner_main_container .banner_main_container_slide .slide_content_wrapper h4,
.banner_main_container .banner_main_container_slide .slide_content_wrapper h5,
.banner_main_container .banner_main_container_slide .slide_content_wrapper h6{
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    font-family: var(--heading-text);
    margin-bottom: 0;
    padding-bottom: 16px;
}

.banner_main_container .banner_main_container_slide .slide_content_wrapper p{
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-family: var(--body-text);
    margin-bottom: 8px;
}

.banner_main_container .banner_main_container_slide .slide_content_wrapper p:last-child{
    margin-bottom: 0;
}

/* new code  */
/* Add this to your CSS */
.slide_content_wrapper {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.6s ease-in-out;
  }
  
  .slide_content_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0px);
  }
/* new code  */

/* bookinng form */

.banner_booking_form_section{
    position: absolute;
    bottom: 10vh;
    z-index: 1;
    width: 100%;
    /* max-width: 100%; */
}

.inner_booking_form_section{
    position: absolute;
    top: 176px;
    z-index: 3;
    width: 100%;
    
}
.banner_booking_form_container .banner_booking_form_container_wrapper {
    width: 100%;
    background-color: #fff;
    border-radius: 48px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.banner_booking_form_container_wrapper .from_input_wrapper {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 32px;
}

 .from_input_wrapper .form_input_group_container_block{
    position: relative;
}

/* modal */

 .select_input_custom_modal{
    position: absolute;
    top: 59px;
    background-color: #fff;
    border-radius: 8px;
    max-width: 400px;
    min-width: 324px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    max-height: 26vh;
    overflow: hidden;
    overflow-y: scroll;
    /* display: none; */
    opacity: 0;
    pointer-events: none;
    z-index: 1;

    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.select_input_custom_modal.form_modal_person{
    top: 66px !important;
    right: -32px;
    overflow-y: hidden;
    max-height: max-content;
}
 .select_input_custom_modal::-webkit-scrollbar {
    display: none;                   
}

.select_input_custom_modal ul{
    list-style: none;
    margin-bottom: 0;
    padding: 16px;
}
.select_input_custom_modal ul li {
    padding: 4px 16px;
    border-radius: 4px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.select_input_custom_modal ul li:hover{
    background-color: var(--fade-white);
    transition: all 0.5s ease-in-out;
}

.select_input_custom_modal.modal_active{
    /* display: block; */
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.form_modal_person_block_wrapper{
    padding: 16px;

}

/* modal open for person */
 .person_counter_wrappper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing4);
}
.person_type_adults label{
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-text);
}

 .counter_btn_wrapper {
    padding: 4px 8px;
    border: 1px solid var(--btn-border-gray) ;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

 .counter_btn_wrapper .btn_increment,
 .counter_btn_wrapper .btn_decrement{
    background: none;
    border: none;
    padding: 4px 12px;
    display: flex;
    align-items: center;

}
/* hide out line */
.counter_btn_wrapper button:focus-visible{
    outline: none;
}
.counter_btn_wrapper button .btn_icon_wrapper:focus-visible{
    outline: none;
}
.counter_btn_wrapper button .btn_icon_wrapper svg:focus{
    outline: none;
}
/* hide out line */
.counter_btn_wrapper button .btn_icon_wrapper svg{
    width: 24px;
    height: 24px;
}
.counter_btn_wrapper button .btn_icon_wrapper svg path{
    stroke: #000;
    stroke-width: 1.4;
}

.modal_pets_info_wraper{
    padding-top: 12px;
    margin-top: 16px;
    border-top: 1px solid var(--top-border);
    margin-bottom: 4px;
}

.modal_pets_info_wraper .form-check.form-switch{
    display: flex;
    padding-left: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0 !important;
}

.modal_pets_info_wraper .form-check.form-switch .form-check-label{
    font-size: 14px;
    font-family: var(--body-text);
}
.form-check-input:focus{
    box-shadow: none !important;
}

.modal_person_data_submit_btn {
    width: 100%;
    border-radius: 6px;
    font: 14px;
    font-weight: 400;
    font-family: var(--body-text);
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    margin-top: 16px;
    padding: 8px 0;
}

/* modal open for person */
/* modal */


.form_input_group.form_input_date .form_check_in_out .check_in_date p,
.form_input_group.form_input_date .form_check_in_out .check_out_date p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-text);
    line-height: 18px;
}

.form_input_group.form_input_person .form_person_select_wrapper .select_adults p,
.form_input_group.form_input_person .form_person_select_wrapper .select_children p, 
.form_input_group.form_input_person .form_person_select_wrapper .select_rooms p{
    margin-bottom: 0;
}


.divider{
    padding: 0 12px  ;
}

.form_input_group_wrapper.input_location{
    padding: 0 16px;
}
.form_input_group_wrapper.input_location .form_input_group input{
    border: none;
    padding: 0;
}
.form_input_group_wrapper.input_location .form_input_group input:focus{
    outline: none;
}

.form_input_group_wrapper.input_location .form_input_group input::placeholder{
    font-size: 14px;
    font-family: var(--body-text) !important;
    line-height: 18px;
    color: var(--color-gray);
    font-weight: 300;
}

.form_input_group_wrapper.input_location .form_input_group p{
    /* cursor: pointer; */
    font-size: 14px;
    font-family: var(--body-text);
    font-weight: 500;
    line-height: 18px;
}

.form_input_group_wrapper.input_person{
    padding: 16px;
    cursor: pointer;
}
.form_input_group_wrapper.input_date{
    padding: 16px;
    background-color: var(--fade-white);
    cursor: pointer;
}

.form_btn_wrapper {
    width: 10%;
    background-color: #000000;
    height: 100%;
    border-bottom-right-radius: 48px;
    border-top-right-radius: 48px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}

.form_btn_wrapper .form_btn{
    width: 100%;
    background: none;
    color: #fff;
    border: none;
    padding: 24px 32px;
}
.form_input_group.form_input_person .form_person_select_wrapper .select_adults,
.form_input_group.form_input_person .form_person_select_wrapper .select_children,
.form_input_group.form_input_person .form_person_select_wrapper .select_rooms{
    position: relative;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-text);
    line-height: 18px;
}
.form_input_group.form_input_person .form_person_select_wrapper .select_adults::after,
.form_input_group.form_input_person .form_person_select_wrapper .select_children::after {
    content: " ";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 10px;
    right: -12px;
    background-color: #000000;
}

.form_input_group_wrapper .input_icon svg{
    width: 20px;
    height: 20px;
}
.form_input_group_wrapper .input_icon svg path{
    stroke-width: .05px;
}

.form_person_select_wrapper {
    display: flex;
    gap: 20px;
}

/* bookinng form */
/* page detail  */
.page_info_main_container {
    display: flex;
    justify-content: center;
}

.page_info_main_container .page_detail_wrapper {
    width: 60%;
    text-align: center;
}
.page_info_main_container .page_detail_wrapper h1,
.page_info_main_container .page_detail_wrapper h2,
.page_info_main_container .page_detail_wrapper h3,
.page_info_main_container .page_detail_wrapper h4,
.page_info_main_container .page_detail_wrapper h5,
.page_info_main_container .page_detail_wrapper h6 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    font-family: var(--heading-text);
    margin-bottom: 0;
}

.page_info_main_container .page_detail_wrapper p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: var(--body-text);
    margin-bottom: 16px;
    padding-top: 24px;
}
.page_info_main_container .page_detail_wrapper p:last-child{
margin-bottom: 0px;
}
/* page detail  */

/* destination list */
.destination_slider_wrapper {
    width: 100%;
    height: 66.66vh;
}
.destination_slider_wrapper .destinations_swiper {
    height: 100%;
}

.destination_slider_wrapper .destinations_swiper .destination_slide{
    position: relative;
}
.destination_slide .destination_image_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.destination_slide .destination_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.destination_slide .destination_details_wrapper {
    position: absolute;
    bottom: 4vh;
    width: 100%;
    padding: 0 24px;
}

.destination_slide .destination_details_wrapper h1,
.destination_slide .destination_details_wrapper h2,
.destination_slide .destination_details_wrapper h3,
.destination_slide .destination_details_wrapper h4,
.destination_slide .destination_details_wrapper h5,
.destination_slide .destination_details_wrapper h6 {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-family: var(--heading-text);
    margin-bottom: 0px;
    font-weight: 500;
}

.destination_details_wrapper p{
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 2px;
    font-family: var(--body-text);
    gap: 12px;
    word-break: break-word;

}

.home_destination_description_block {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.home_destination_description_block .home_destination_description_block_wrapper{
    width: 46%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.home_destination_description_block .home_destination_description_block_wrapper h1,
.home_destination_description_block .home_destination_description_block_wrapper h2,
.home_destination_description_block .home_destination_description_block_wrapper h3,
.home_destination_description_block .home_destination_description_block_wrapper h4,
.home_destination_description_block .home_destination_description_block_wrapper h5,
.home_destination_description_block .home_destination_description_block_wrapper h6{
    font-size: 28px;
    font-weight: 400;
    font-family: var(--heading-text);
    line-height: 34px;
    margin-bottom: 0px;
}

.home_destination_description_block .home_destination_description_block_wrapper p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: var(--body-text);
    margin-bottom: 0;
    padding-bottom: 2px;
}

.home_destination_description_block_wrapper .home_destination_description_block_btn_container{
    width: 100%;
    padding-top: 24px;
}

.home_destination_description_block_icon_wrapper {
    padding: 16px;
    display: inline-block; /* needed for transform to work properly */
    transition: transform 0.5s ease; /* smooth transition */
    cursor: pointer;
  }
  
  .home_destination_description_block_icon_wrapper:hover {
    transform: translateY(16px); /* moves down 10px on hover */
  }

  .home_destination_description_block_icon_wrapper img{
    max-width: 100%;
    height: auto;
  }
/* destination list */

/*  room type */
.room_type_swiper{
    height: 100vh !important;
    
}

.room_type_swiper .room_type_slide {
    position: relative;

}
.room_type_swiper .room_type_slide .room_type_titlle_wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.room_type_swiper .room_type_slide .room_type_titlle_wrapper a,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper p{
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--body-text);
    color: #ffffff;
    margin-bottom: 0;
    padding-top: 4px;
}
.room_type_swiper .room_type_slide .room_type_titlle_wrapper a:hover,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper p:hover{
    text-decoration: underline;
}

.room_type_swiper .room_type_slide .room_type_titlle_wrapper h1,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper h2,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper h3,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper h4,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper h5,
.room_type_swiper .room_type_slide .room_type_titlle_wrapper h6{
    font-size: 22px;
    line-height: 28px;
    color:#fff;
    font-family: var(--heading-text);
    margin-bottom: 0;
    transition: all 0.3s ease;
}

/* Add this to your CSS */
.room_type_titlle_wrapper {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.6s ease-in-out;
  }
  
  .room_type_titlle_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0px);
  }
  
/* new code  */


.home_room_type_title_wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.home_room_type_title_wrapper .home_room_type_title_wrapper_block{
    width: 46%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.home_room_type_title_wrapper .home_room_type_title_wrapper_block h1,
.home_room_type_title_wrapper .home_room_type_title_wrapper_block h2,
.home_room_type_title_wrapper .home_room_type_title_wrapper_block h3,
.home_room_type_title_wrapper .home_room_type_title_wrapper_block h4,
.home_room_type_title_wrapper .home_room_type_title_wrapper_block h5,
.home_room_type_title_wrapper .home_room_type_title_wrapper_block h6{
    font-size: 32px;
    font-weight: 400;
    font-family: var(--heading-text);
    line-height: 36px;
    margin-bottom: 0px;
}

.home_room_type_title_wrapper .home_room_type_title_wrapper_block p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: var(--body-text);
    margin-bottom: 0;
    padding-bottom: 2px;
}


.room_type_slide_image_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.room_type_slide_image_wrapper img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.room_type_swiper .swiper-slide.room_type_slide{
    width: 100%;
    height: 66.66%;
    transition: all 0.5s ease-in-out;
}

.room_type_swiper .swiper-slide.room_type_slide.swiper-slide-active{
    width: 60% !important;
    height: 100% !important;
    transition: all 0.5s ease-in-out;
}

/* new updated code  */
.room_type_carousal_main_container .room_type_swiper .room_type_slide .room_type_location_wrapper{

}
/* new updated code  */

/*  room type */

/* secondary banner */
.secondery_herobanner_wrapper {
    max-width: 100%;
    height: auto;
    position: relative;
}

.secondery_herobanner_wrapper .secondery_banner_title_wrapper p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: var(--body-text);
    color: #fff;
    margin-bottom: 0;
}
.secondery_herobanner_wrapper .secondery_banner_title_wrapper{
    position: absolute;
    bottom: 124px;
    left: 16%;

}   
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h1,
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h2,
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h3,
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h4,
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h5,
.secondery_herobanner_wrapper .secondery_banner_title_wrapper h6{
    font-size: 28px;
    line-height: 40px;
    font-family: var(--heading-text);
    color: #fff;
    margin-bottom: 0;
}

.secondery_herobanner_img_wrapper {
    max-width: 100%;
    /* height: 60vh; */
}

.secondery_herobanner_img_wrapper img,
.secondery_herobanner_img_wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* new code  */
/* Add this to your CSS */
.secondery_banner_title_wrapper {
    opacity: 0;
    transform: translateY(0px);
    transition: all 0.6s ease-in-out;
  }
  
  .secondery_banner_title_wrapper.animate-in {
    opacity: 1;
    transform: translateY(-50px);
  }
  
/* new code  */
/* secondary banner */

/* event type */


.evennt_type_banner_container {
    max-width: 100%;
    height: auto;
    position: relative;
}
.event_type_banner_img_wrapper {
    max-width: 100%;
    height: 90vh;
    position: relative;
}
.event_type_banner_img_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.event_banner_title_block {
    position: absolute;
    width: 100%;
    top: 80px;
    left: 0;
}

.event_banner_title_block .event_banner_title_wrapper{
    display: flex;
    flex-direction: column;
    width: 60%;
}

.event_banner_title_block .event_banner_title_wrapper p{
    font-size: 16px;
    margin-bottom: 0;
    line-height: 24px;
    color: #fff;
    font-family: var(--body-text);
    font-weight: 300;

}

.event_banner_title_block .event_banner_title_wrapper h1,
.event_banner_title_block .event_banner_title_wrapper h2,
.event_banner_title_block .event_banner_title_wrapper h3,
.event_banner_title_block .event_banner_title_wrapper h4,
.event_banner_title_block .event_banner_title_wrapper h5,
.event_banner_title_block .event_banner_title_wrapper h6{
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
    font-family: var(--heading-text);
    margin-bottom: 0;
    margin-top: 8px;
}

.change_image_btn_wrapper {
    position: absolute;
    width: 100%;
    bottom: 80px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.weadding_btn_wrapper {
    width: 50%;
    
}
.weadding_btn_wrapper button{
    width: 100%;
    border-top: 2px solid #fff !important;
    display: flex;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--heading-text);
    opacity: 0.5;
}

.Corporate_btn_wrapper {
    width: 50%;
   
}

.Corporate_btn_wrapper button{
    width: 100%;
    border-top: 2px solid #fff !important;
    display: flex;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--heading-text);
    opacity: 0.5;
}
.image-switch-btn.active {
    opacity: 1;
    transition: all 0.3s ease;
}
/* event type */

/* end home page */

/* hotel detail */
.hotel_detail_banner_section{
    /* margin-top: 143px; */
}
.hotel_detail_banner_section .inner_pages_banner_swiper{
    width: 100%;
    max-width: 100%;
    height: 84vh; 
    position: relative;
}


.inner_pages_banner_swiper .inner_pages_banner_slider_image_wrapper {
    max-width: 100%;
    height: 100%;
    position: relative;
}
.inner_pages_banner_slider_image_wrapper .image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000000;
    opacity: 0.3;
}
.inner_pages_banner_swiper .inner_pages_banner_slider_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.inner_pages_banner_info {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    left: 6%;
    max-width: 38.66%;
}

.inner_pages_banner_info_wrapper_block{
    margin-top: var(--spacing-common);
}
.inner_pages_banner_info h1,
.inner_pages_banner_info h2,
.inner_pages_banner_info h3,
.inner_pages_banner_info h4,
.inner_pages_banner_info h5,
.inner_pages_banner_info h6{
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    font-family: var(--heading-text);
    margin-bottom: 0;
}
.inner_pages_banner_info p{
    color: #ffffff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
    font-family: var(--body-text);
    font-weight: 500;
    word-break: break-word;

}
/* tabs */
.tab_section_main_container{
    width: 100%;
    /* background-color: #ffffff; */
    /* padding-top: 24px; */
}
.tab_section_main_container_wrapper {
    padding: 0 var(--custom-spacing);
}
.tab_section_main_container .tab_wrapper_block{
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-bottom: 1.5px solid var(--top-border);
}
.tab_section_main_container .tab_wrapper{
    justify-content: center !important;
    /* background-color: #fff; */
    padding-top: 24px;
    width: 100%;
    max-width: 80vw;
    gap: 64px !important;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tab_section_main_container .tab_wrapper .nav-link:focus{
    color: var(--btn-border-gray) !important;
}
.tab_section_main_container .nav-underline .nav-link:focus,
.tab_section_main_container .nav-underline .nav-link:hover {
    border-bottom-color:#000000 !important;
    color: #000000 !important;
}
.tab_section_main_container .tab_wrapper::-webkit-scrollbar{
    display: none;
}

.tab_wrapper .nav-link{
    color: var(--btn-border-gray);
}
.tab_wrapper.nav-underline .nav-link{
    padding: 8px 0px !important;
}
.nav-underline .nav-link{
    border-width: 1.5px !important;
    font-family: var(--body-text) !important;
    font-size: 14px !important;
}

.tab_wrapper.nav-underline .nav-link.active{
    font-weight: 500 !important;
}

/* tabs */
/* tab overview */
.tab_content_wrapper_block {
    padding: 0 var(--custom-spacing);
}


.tab_content_block .tab_overview_description_wrapper h1,
.tab_content_block .tab_overview_description_wrapper h2,
.tab_content_block .tab_overview_description_wrapper h3,
.tab_content_block .tab_overview_description_wrapper h4,
.tab_content_block .tab_overview_description_wrapper h5,
.tab_content_block .tab_overview_description_wrapper h6 {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--body-text);
    line-height: 35px;
    margin-bottom: 24px;
}

.tab_content_block .tab_overview_description_wrapper p{
    font-size: 16px;
    font-family: var(--body-text);
    line-height: 25px;
    margin-bottom: 24px;
}
.tab_content_block .tab_overview_description_wrapper p:last-child{
    margin-bottom: 0px;
}
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper:last-child {
    border-right: none;
}
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper{
    padding: 0 var(--spacing-small);
    border-right: 1px solid var(--top-border);
}

.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}

.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li{
    padding: 0 0 12px 0;
    border-bottom: 1px solid var(--top-border);
    margin-bottom: var(--spacing-small);
}
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li:last-child{
    border-bottom: none;
}
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6{
    font-size: 16px;
    font-weight: 400;
    font-family: var(--body-text);
    margin-bottom: 0;
    line-height: 24px;
    padding-bottom: 4px;
    display: flex;
    gap: 12px;
}

.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1 img,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2 img,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3 img,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4 img,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5 img,
.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6 img{
    width: 18px;
    height: 18px;
    margin-top: 2px;
}


.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li p{
    margin-bottom: 0;
    font-weight: 500;
    font-family: var(--body-text);
    font-size: 20px;
    line-height: 30px;
    display: flex;
    gap: 12px;
}

.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li p img{
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li > ul{
    list-style: none;
} 
/* tab overview */
/* tab Room list */
.room_list_main_container .room_cards_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 6%;
}

.room_list_main_container .room_cards_wrapper .room_cards_block,
.room_list_main_container .room_cards_wrapper .room_cards_block_2{
    display: flex;
    flex-direction: column;
    row-gap: 80px;
    width: 50%;
}
.room_cards_block .room_card_container{
    position: relative;
    margin-right: 16px;
}
.room_cards_block_2 .room_card_container{
    position: relative;
    margin-left: 16px;
}
.room_cards_block .room_card_container .room_card_title_wrapper h2,
.room_cards_block_2 .room_card_container .room_card_title_wrapper h2 {
    font-size: 16px;
    font-family: var(--heading-text);
    font-weight: 500;
    margin-bottom: 0;
    line-height: 24px;
    padding-bottom: 12px;
} 
.room_cards_block .room_card_container .room_card_image_wrapper,
.room_cards_block_2 .room_card_container .room_card_image_wrapper {
    max-width: 100%;
    height: auto;
    position: relative;
}
.room_cards_block .room_card_container .room_card_image_wrapper img,
.room_cards_block_2 .room_card_container .room_card_image_wrapper img {
    width: 100%;
    height: auto;
    aspect-ratio: 8/5;
    object-fit: cover;
    object-position: center;    
}

.room_card_container .room_card_specification_block{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    bottom: 24px;
    padding: 0 16px;
}

.room_cards_block .room_card_container .room_card_specification, 
.room_cards_block_2 .room_card_container .room_card_specification {
    width: fit-content;
    /* position: absolute; */
    /* bottom: 24px; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;    
}
.room_cards_block .room_card_container .room_card_specification img,
.room_cards_block_2 .room_card_container .room_card_specification img{
    width: 24px;
    height: 24px;
}
.room_cards_block .room_card_container .room_card_specification p,
.room_cards_block_2 .room_card_container .room_card_specification p {
    margin-bottom: 0;
    font-family: var(--body-text);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.room_cards_basic_info_wrapper p{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    font-family: var(--body-text);
    margin-bottom: 0;
    padding-bottom: 12px;
}

.room_cards_basic_info_wrapper h1,
.room_cards_basic_info_wrapper h2,
.room_cards_basic_info_wrapper h3,
.room_cards_basic_info_wrapper h4,
.room_cards_basic_info_wrapper h5,
.room_cards_basic_info_wrapper h6{
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    font-family: var(--heading-text);
    margin-bottom: 0px;
    word-wrap: break-word;
}

.tab_room_setion_main_container {
    width: 100%;
    height: 100%;
    position: relative;
}

.floating_book_btn {
    border-radius: 50%;
    width: 108px;
    height: 108px;
    background-color: var(--footer-bottom-bg);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 4vh;
    right: 24px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px ;
    font-family: var(--body-text);
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
.floating_book_btn button,
.floating_book_btn a {
    border: none;
    background: none;
    font-family: var(--body-text);
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
/* .tab_room_list_main_container .tab_room_card{
    padding: 24px 16px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} */

/* .tab_room_card .tab_room_card_carousal_wrapper .room_tab_carausal{
    width: 100%;
    max-width: 100%;
    height: 46vh; 
    position: relative;
} */

/* .tab_room_card .tab_room_card_carousal_wrapper .room_tab_carausal .tab_room_card_image_wraper {
    width: 100%;
    height: 100%;
} */
/* .tab_room_card .tab_room_card_carousal_wrapper .room_tab_carausal .tab_room_card_image_wraper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
} */

/* .tab_room_card_carousal_wrapper .room_tab_carausal .swiper-button-next:after{
    content: " " !important;
}  */
/* .tab_room_card_carousal_wrapper .room_tab_carausal .swiper-button-next{
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 2px;
} */
/* .tab_room_card_carousal_wrapper .room_tab_carausal .swiper-button-next .tab_room_card_btn_wrapper span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* .tab_room_card_carousal_wrapper .room_tab_carausal .swiper-button-next .tab_room_card_btn_wrapper span svg{
    width: 20px;
    height: 20px;
} */
/* bottom content*/
 .tab_card_pricing_detail{
    padding-top: 8px;
}
 .tab_card_pricing_detail .card_heading h1,
 .tab_card_pricing_detail .card_heading h2,
 .tab_card_pricing_detail .card_heading h3,
 .tab_card_pricing_detail .card_heading h4,
 .tab_card_pricing_detail .card_heading h5,
 .tab_card_pricing_detail .card_heading h6{
    margin-bottom: 0;
    font-size: 20px;
    font-family: var(--heading-text);
    font-weight: 500;
    line-height: 32px;
}

 .tab_card_pricing_detail .card_pricing p{
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--heading-text);
    font-weight: 500;
    line-height: 24px;
}

.tab_card_room_featurs {
    margin-top: 24px !important;
}
.tab_card_room_featurs .tab_card_room_featurs_wrapper {
    row-gap: 16px;
}
.tab_card_room_featurs .tab_card_room_featurs_wrapper .tab_card_room_featurs_wrapper_block{
    display: flex;
    align-items: center;
    gap: 12px;
}
.tab_card_room_featurs .tab_card_room_featurs_wrapper .tab_card_room_featurs_wrapper_block .tab_card_room_featurs_icon_wrapper{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_card_room_featurs .tab_card_room_featurs_wrapper .tab_card_room_featurs_wrapper_block .tab_card_room_featurs_icon_wrapper img{
    width: 100%;
    height: 100%;
}
.tab_card_room_featurs .tab_card_room_featurs_wrapper .tab_card_room_featurs_wrapper_block p{
    font-size: 14px;
    font-weight: 400;
    font-family: var(--body-text);
    /* line-height: 20px; */
    margin-bottom: 0;
}
.tab_rooms_btn_wrapper {
    padding-top: 24px;
}

.tab_rooms_btn_wrapper button{
    padding: 12px 20px;
    background-color: #000000;
    font-size: 12px;
    font-family: var(--body-text);
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

}

.tab_rooms_btn_wrapper button span svg{
    width: 16px;
    height: 16px;
}
.room_card_container .rooms_card_slider .swiper-button-prev{
    left: 32px !important;
}
.room_card_container .rooms_card_slider .swiper-button-next{
    right: 32px !important;
}
.room_card_container .rooms_card_slider .swiper-button-next::after,
.room_card_container .rooms_card_slider .swiper-button-prev::after{
    content: " " !important;
}
.room_card_container .rooms_card_slider .swiper-button-next .room_slide_btn_wrapper button,
.room_card_container .rooms_card_slider .swiper-button-prev .room_slide_btn_wrapper button {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    padding: 2px;
    background-color: #ffffffb8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.room_card_container .rooms_card_slider .swiper-button-next .room_slide_btn_wrapper button svg,
.room_card_container .rooms_card_slider .swiper-button-prev .room_slide_btn_wrapper button svg{
    width: 38px;
    height: 38px;
}
.room_card_container .rooms_card_slider .swiper-button-prev .room_slide_btn_wrapper button svg{
    rotate: 180deg;
}
/* tab Room list */

/* facilities */
.offcanvas-header {
    margin-top: 24px !important;
    padding: 16px 32px 0px 32px!important;
}

.offcanvas-body {
    padding: 0px 32px !important;
}
.tab_facilities_header_wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    box-shadow: var(--line-shadow);
    padding-bottom: 8px;
}
.tab_facilities_header_wrapper h1,
.tab_facilities_header_wrapper h2,
.tab_facilities_header_wrapper h3,
.tab_facilities_header_wrapper h4,
.tab_facilities_header_wrapper h5,
.tab_facilities_header_wrapper h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: var(--body-text);
    margin-bottom: 0px;
}

.tab_facilities_type_container .tab_facilities_type_heading h1,
.tab_facilities_type_container .tab_facilities_type_heading h2,
.tab_facilities_type_container .tab_facilities_type_heading h3,
.tab_facilities_type_container .tab_facilities_type_heading h4,
.tab_facilities_type_container .tab_facilities_type_heading h5,
.tab_facilities_type_container .tab_facilities_type_heading h6{
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: var(--body-text);
    margin-bottom: 0px;
}

.tab_facilities_type_container{
    box-shadow: var(--line-shadow);
    margin-top: 48px;
}

/* facilities card */


.tab_facilities_list_container_wrapper{
    padding: 24px 0 40px 0;
}
.tab_facilities_list_container_wrapper .tab_facilities_list_wrapper {
   display: flex;
   flex-wrap: wrap;
   row-gap: 40px;
}

.tab_facilities_list_container_wrapper .tab_facilities_list_wrapper  .tab_facilities_card {
   width: 25%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: start;
   gap: 12px;
   padding: 0 8px;

}

.tab_facilities_card .tab_facilities_card_image_wrapper {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_facilities_card .tab_facilities_card_image_wrapper img{
    width: 100%;
    height: 100%;
}
.tab_facilities_card .tab_facilities_card_description p{
    font-family: var(--body-text);
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    word-break: break-word;
}
/* facilities card */


/* facilities */

/* location */
.tab_location_wrapper{
    width: 100%;
    height: 75vh;
}

.tab_location_wrapper iframe{
    width: 100% !important;
    height: 100% !important;
}
/* location */

/* review */
.tab_reviews_reting_count_wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
}
.tab_reviews_reting_count_wrapper .review_rating_icon_wrapper {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_reviews_reting_count_wrapper .review_rating_icon_wrapper img{
    width: 100%;
    height: 100%;
}
.tab_reviews_reting_count_wrapper span{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--body-text);

}

.tab_reviews_categories_list_container p{
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-text);
    line-height: 24px;
    margin-bottom: 0;
    
}

.tab_reviews_categories_list_container .tab_reviews_categories_list_wrapper .tab_reviews_categories_card .tab_reviews_categories_card_title p{
    padding-bottom: 8px;
}
.tab_reviews_categories_card .tab_reviews_card_progress_bar{
    width: 100%;
    height: 12px;
    border: .5px solid var(--top-border);
    background-color: #fff ;
    border-radius: 16px;
    position: relative;
}

.tab_reviews_categories_card .tab_reviews_card_progress_bar .tab_reviews_card_progress_percent{
    width: 75%;
    height: 100%;
    background-color: var(--header-bg);
    border-radius: 16px;
    border: .5px solid var(--top-border);
    position: absolute;
    top: 0;
}

.tab_reviews_categories_list_wrapper .tab_reviews_categories_list_wrapper_container_block{
    row-gap: 40px;
}

.tab_reviews_categories_card .tab_reviews_card_progress_bar .tab_reviews_card_progress_percent.percent_custom{
    width: 100%;
}

.tab_review_client_list_main_container .tab_review_client_heading p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--body-text);
}

.tab_review_client_card_thumbnail_wrapper {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    border: 1px solid var(--top-border);
    background-color: #fff;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab_review_client_card_thumbnail_wrapper img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.tab_review_client_card {
    display: flex;
    align-items: center;
    gap: 16px;
}
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h1, 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h2, 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h3, 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h4, 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h5, 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h6{
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--body-text);
    margin-bottom: 0;
    color: #000;
} 
.tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info span{
    font-size: 14px;
    color: var(--btn-border-gray);
    font-family: var(--body-text);
    line-height: 18px;
    font-weight: 400;

}
.tab_review_client_card_main_container .client_review{
    margin-top: 24px;
}
.tab_review_client_card_main_container .client_review P{
    font-size: 16px ;
    font-weight: 300;
    font-family: var(--body-text);
    margin-bottom: 0;
    line-height: 24px;
}

.tab_review_client_list_main_container .tab_review_client_card_list{
    margin-top: 40px;
}
/* review */

/* policies */
.policies_tab_main_contaiiner .policies_content_wrapper{
    display: flex;
    justify-content: center;
}

.policies_tab_main_contaiiner .policies_content_wrapper .all_policies{
    width: 70%;
}
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h1,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h2,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h3,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h4,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h5,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h6{
    font-family: var(--body-text);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 16px;
}

.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h1 strong,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h2 strong,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h3 strong,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h4 strong,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h5 strong,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies h6 strong{
       font-weight: 600 !important;
}

.policies_tab_main_contaiiner .policies_content_wrapper .all_policies p{
    font-family: var(--body-text);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 400;
    color: #000;
}
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies p strong{
    font-weight: 600 !important;
}
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies p:last-child{
    margin-bottom: 0;
}

.policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies ol{
    margin-bottom: 16px;
}
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul:last-child,
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies ol:last-child{
    margin-bottom: 0;
}
.policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul li{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--body-text);
    color: #333333;
}
/* policies */

/* Roooms Slider section */
  .hotail_room_swiper{
    height: 64vh;
  }

  .hotail_detail_room_Slide{
    position: relative;
  }
  .room_detail_slider_img_wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
  }

  .room_detail_slider_img_wrapper img,
  .room_detail_slider_img_wrapper video{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    overflow: hidden; 
    transition: all 0.5s ease-in-out;
    /* -webkit-filter: grayscale(0%); */
    /* filter: grayscale(0%); */
  }


  .room_detail_slider_img_wrapper:hover img{
    transform: scale(1.2);
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    /* -webkit-filter: grayscale(100%);  */
    /* filter: grayscale(100%) contrast(50%) brightness(1.1) sepia(0.5) hue-rotate(90deg) saturate(120%); */
  }

  .swiper-slide.hotail_detail_room_Slide.swiper-slide-active{
    width: 25% !important;
    height: 100% !important;
    transition: all 0.3s ease;
  }
  .swiper-slide.hotail_detail_room_Slide.swiper-slide-next{
    width: 50% !important;
    height: 100% !important;
    transition: all 0.3s ease;
  }
 .hotail_room_swiper .swiper-pagination-bullet-active{
    background-color: #fff;
  }

  /* slider btn  */
  .hotail_room_swiper .swiper-button-prev:after,
  .hotail_room_swiper .swiper-button-next:after {
    content: " ";
  }
.hotail_room_swiper .swiper-button-prev{
    left: 4%;
}
.hotail_room_swiper .swiper-button-next{
    right: 4%;
}

  .hotail_room_swiper .swiper-button-prev .slider_btn span svg{
    rotate: 180deg;
  }
  .slider_btn{
    border: none;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
  }
  .slider_btn span{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .slider_btn span svg{
    width: 32px;
    height: 32px;
  }
  /* slider btn  */
 


  .hotail_detail_room_detail_info_wrapper{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    /* opacity: 0; */
    transition: all 0.5s ease-in-out;
}
.swiper-slide.hotail_detail_room_Slide.swiper-slide-active .hotail_detail_room_detail_info_wrapper{
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.swiper-slide.hotail_detail_room_Slide.swiper-slide-next .hotail_detail_room_detail_info_wrapper{
    opacity: 1;
    transition: all 0.5s ease-in-out;

  }

  .hotail_detail_room_detail_info_wrapper .hotail_detail_room_detail_info_offer{
    display: flex;
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    opacity: 0;
    width: 100%;
  }
  .swiper-slide.hotail_detail_room_Slide.swiper-slide-next .hotail_detail_room_detail_info_wrapper .hotail_detail_room_detail_info_offer{
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }

  .hotail_detail_room_detail_info_offer span{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--body-text)
  }

  .hotail_detail_room_detail_info_offer span svg{
    width: 24px;
    height: 24px;
  }
  .hotail_detail_room_detail_info_offer .hotail_detail_room_specification span img{
    width: 24px;
    height: 24px;
  }

  .hotail_detail_room_detail_info_offer .hotail_detail_room_specification{
    width: 100%;
  }
/* Roooms Slider section */



/* hotel detail */

/* about page */

.about_page_sort_desc_container .remove_res_spacing{
    padding-top: 0 !important;
}
.hotel_detail_banner_section .about_banner_swiper{
    width: 100%;
    max-width: 100%;
    height: 84vh; 
    position: relative;
}
.about_banner_swiper .inner_pages_banner_slider_image_wrapper{
    max-width: 100%;
    height: 100%;
    position: relative;
}
.about_banner_swiper .inner_pages_banner_slider_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;    
}

.about_short_desc_img_wrapper {
    max-width: 100%;
    /* height: 76.66vh; */
}
.about_short_desc_img_wrapper img{
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}
.about_short_desc_info_wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 24px;

}
.about_short_desc_info_wrapper a{
    text-decoration: none;
    color: #000;
}
.about_short_desc_info_wrapper span{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    font-family: var(--body-text);
}
.about_short_desc_info_wrapper p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: var(--body-text);
    margin-bottom: 0px;
    padding-bottom: 16px;
    word-break: keep-all;
}
.about_short_desc_info_wrapper p:first-child{
    padding-bottom: 8px;
}

.about_short_desc_info_wrapper h1,
.about_short_desc_info_wrapper h2,
.about_short_desc_info_wrapper h3,
.about_short_desc_info_wrapper h4,
.about_short_desc_info_wrapper h5,
.about_short_desc_info_wrapper h6{
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    font-family: var(--heading-text);
    margin-bottom: 0px;
    padding-bottom: 24px;
}

/* about page Slider */
.about_sort_dec_slider .swiper-button-next::after,
.about_sort_dec_slider .swiper-button-prev::after{ 
    content: " " !important;
}
.about_sort_dec_slider .swiper-button-next{
    right: 24px;
}
.about_sort_dec_slider .swiper-button-prev{
    left: 24px;
}
.about_sort_dec_slider .swiper-button-next .slider_btn_wrapper{
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24242491;
    rotate: 180deg;
    padding: 0;
}

.about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper{
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24242491;
    padding: 0;
}
.about_sort_dec_slider .swiper-button-next .slider_btn_wrapper span,
.about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper span {
    display: flex;
    padding: 8px;
}
.about_sort_dec_slider .swiper-button-next .slider_btn_wrapper span svg,
.about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper span svg {
    width: 24px;
    height: 24px;
    padding: 1px;
}
/* about page Slider */

/* destination slider */
.about_destination_slide_image_wrapper {
    max-width: 100%;
    height: 66.66vh;
    border-radius: 12px;
    position: relative;
}
.about_destination_slide_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}
.about_detination_slider_wrapper {
    overflow: hidden;
  position: relative;
}

.about_destination_swiper .swiper-wrapper{
    transition-timing-function: linear !important;
}

.about_destination_swiper .about_destination_slide_image_wrapper.custom_spacing_top{
    margin-top: 80px;
}


/* about page */

/* contact page */
.hotel_detail_banner_section .contact_slider{
    width: 100%;
    max-width: 100%;
    height: 84vh; 
    position: relative;
}
.contact_slider .inner_pages_banner_slider_image_wrapper{
    max-width: 100%;
    height: 100%;
    position: relative;
}
.contact_slider .inner_pages_banner_slider_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;    
}

/* form  */


/* input::selection {
  background-color: transparent;
  color: inherit;
} */

.contact_form_wrapper form .Contact_form_input_wrapper{
    margin-bottom: 40px;
}
.contact_form_wrapper form .Contact_form_input_wrapper .form-control,
.contact_form_wrapper form .Contact_form_input_wrapper .form-select {
    border-radius: 0 !important;
    background-color: var(--body-Bg) !important;
    border: none;
    border-bottom: 1px solid var(--btn-border-gray);
}

.contact_form_wrapper form .Contact_form_input_wrapper .form-select:focus{
    box-shadow: none !important;
}
.contact_form_wrapper form .Contact_form_input_wrapper .form-control::placeholder,
.contact_form_wrapper form .Contact_form_input_wrapper .form-select {
    font-size: 14px !important;
    color: #1E1E1E;
    font-weight: 300;
    font-family: var(--body-text) !important;
}


.Contact_form_input_wrapper .iti__selected-dial-code{
    font-size: 14px !important;
    color: #1E1E1E;
    font-weight: 300;
    font-family: var(--body-text) !important;
}
.form-control:focus{
    box-shadow: none !important;
    border-color: #000 !important;
}

.contact_submit_btn button{
    background-color: var(--footer-bottom-bg);
    font-size: 14px;
    font-family: var(--body-text);
    color: #fff;
    padding: 12px 64px;
    border: none;
}

.contact_map_section .contact_map_wrapper iframe{
    width: 100%;
    height: 56vh;
}
.Contact_form_input_wrapper .iti {
    width: 100% !important;
}
.Contact_form_input_wrapper .iti--separate-dial-code .iti__selected-flag{
background: none;
}

.Contact_form_input_wrapper .error_messege p{
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18px !important;
    font-family: var(--body-text) !important;
    margin-bottom: 0px !important;
    color: #fa0a0a;
}

.toast-top-right{
    top: 80px !important;
    right: 16px !important;
}
.toast.my-success-toast.toast-success{
    background-color: #ffffff !important;
    color: #0a9405 !important;
}
#toast-container>div{
    opacity: 1 !important;
}
.toast-progress{
    height: 2px !important;
    opacity: 0.5 !important;
}
#toast-container> .my-success-toast.toast-success{
    background-image: url(../images/tick-green.svg) !important;

}

/* form  */

/* loaction list */
.location_main_container .location_heading_wrapper p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: var(--body-text);
    margin-bottom: 8px;
}

.location_main_container .location_heading_wrapper h1,
.location_main_container .location_heading_wrapper h2,
.location_main_container .location_heading_wrapper h3,
.location_main_container .location_heading_wrapper h4,
.location_main_container .location_heading_wrapper h5,
.location_main_container .location_heading_wrapper h6{
    font-size: 24px;
    line-height: 32px;
    font-family: var(--body-text);
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #5c5c5c38;
    width: fit-content;
}


.location_list_wrapper{
    width: 100%;
}

.location_list_wrapper .location_list_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 0;
    margin-bottom: 0;
}
.contact_location_detail_block{
    width: 100%;
    display:flex ;
    gap: 24px;
    cursor: pointer;
}
.contact_location_detail_block .contact_location_image_wrapper{
    width: 200px;
    height: auto;
    position: relative;
}
.contact_location_detail_block .contact_location_image_wrapper p{
    position: absolute;
    /* top: 0; */
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-left: 12px;
    bottom: 12px;
    margin-bottom: 0 ;
    letter-spacing: 1px;
    z-index: 1;

}
.contact_location_detail_block .contact_location_image_wrapper img{
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center;
    aspect-ratio: 6/4;
    
}
.contact_location_detail_block .contact_location_detail_address{
    width: 80%;
}

.contact_location_detail_block .contact_location_detail_address p{
    font-size: 16px;
    line-height: 24px;
    word-break: break-word;
    margin-bottom: 0;
    font-family: var(--body-text);
    font-weight: 300;
}
.location_list_block .contact_location_info{
    display: flex;
    flex-direction: column;
}
.location_list_block .contact_location_info a{
    text-decoration: none;
    color: #000;
    font-family: var(--body-text);
    font-weight: 300;
}
.location_list_block .contact_location_info a:hover{
    text-decoration: underline;
}
/* loaction list */
/* contact page */

/* events -> weading  */
.events_description_block{
    display: flex;
    justify-content: center;
    align-items: center;
}
.events_description_block .events_description_wrapper{
    width: 46%;
}

.events_description_block .events_description_wrapper h1,
.events_description_block .events_description_wrapper h2,
.events_description_block .events_description_wrapper h3,
.events_description_block .events_description_wrapper h4,
.events_description_block .events_description_wrapper h5,
.events_description_block .events_description_wrapper h6{
    font-size: 28px;
    font-weight: 400;
    font-family: var(--heading-text);
    line-height: 34px;
    word-break: break-word;
    margin-bottom: 24px;
    text-align: center;
}
.events_description_block .events_description_wrapper p{
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-family: var(--body-text);
    font-weight: 300;
    margin-bottom: 24px;
}
.events_description_block .events_description_wrapper p:last-child{
    margin-bottom: 0px;
}

.events_slider_main_container .slider_tabs_wrapper{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
    margin-bottom: 40px;
}
.events_slider_main_container .slider_tabs_wrapper a{
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--body-text);
    font-weight: 400;
}
.events_slider_main_container .slider_tabs_wrapper a.active_tab{
    font-weight: 600;
}
.events_slider_main_container .slider_tabs_wrapper a:hover{
    transform: scale(1.023);
    transition: all .3s ease-in-out;
    font-weight: 600;
}

.event-swiper .event_slider_image_wrapper{
    width: 100%;
    height: 100%;
}
.event-swiper .event_slider_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.event_slider_block .event-swiper{
    height: 70vh;
}
.event_banner_bottom_slider_main_container .event-review-swiper{
    width: 100%;
    height: 66.66vh;
}

.event_banner_slider_block .event_banner_slider_img_wrapper{
    width: 100%;
    height: 100%;
}
.event_banner_slider_block .event_banner_slider_img_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.event_banner_slider_block .event-review-swiper .event_banner_slide {
    position: relative;
}
.event_banner_slider_block .event-review-swiper .event_banner_slide .event_banner_slider_description_wrapper{
    position: absolute;
    top: 0;
    left: 8%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.event_banner_slider_block .event-review-swiper .event_banner_slide .event_banner_slider_description_wrapper .event_banner_slider_description_box{
    max-width: 500px;
    height: 33.33vh;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}

.event_banner_slider_description_wrapper .event_banner_slider_description_box span{
    font-size: 16px;
    font-family: var(--body-text);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}
.event_banner_slider_description_wrapper .event_banner_slider_description_box p{
    font-size: 16px;
    font-family: var(--body-text);
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}
.events_slider_main_container .slider_tabs_wrapper_block{
    display: flex;
    justify-content: center;
}
.events_slider_main_container .slider_tabs_wrapper{
    max-width: 80vw;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}
.events_slider_main_container .slider_tabs_wrapper::-webkit-scrollbar {
    display: none;
}
/* events -> weading  */

/* hoteil detail */
@media only screen and (max-width:1400px){
    /* facilities */
    .tab_facilities_main_container .offcanvas.offcanvas-end{
        width: 72% !important;
    }
}

/* responsive */
@media only screen and (max-width:1400px){
    /* footer */
    .footer_logo_block{
        width: 30%;
    }
    .footer_menu_wrapper{
        width: 70%;
    }
    
    /* footer */
}
/* home page */
@media only screen and (max-width:1200px){
    .banner_main_container .banner_main_container_slide .slide_content_wrapper{
        max-width:48.66%
    }

    .page_info_main_container .page_detail_wrapper {
        width: 80%;
    }

    /*  */
    .event_type_banner_img_wrapper{
        height: 76vh;
    }
    .event_banner_title_block{
        top: 20vh;
    }

}
/* hoteil detail */
@media only screen and (max-width:1200px){
    /* facilities */
    .tab_facilities_main_container .offcanvas.offcanvas-end{
        width: 88% !important;
    }
}
@media only screen and (max-width:1200px){
    .banner_booking_form_container_wrapper .from_input_wrapper{
        padding: 8px 4px;
    }
    .form_btn_wrapper .form_btn{
        padding: 18px 14px;
    }
}
/* Event page  */
@media only screen and (max-width:1200px){
    .events_description_block .events_description_wrapper{
        width: 60%;
    }
}

/* about page */
@media only screen and (max-width:1200px){
    .about_short_desc_info_wrapper{
        padding: 40px 0;
    }
}

/* contact page */
@media only screen and (max-width:1200px){
    .inner_pages_banner_info{
        max-width: 48.66%;
    }
}

/* header */
@media only screen and (max-width:1100px){
    .header_menu_container > ul > li{
        padding: 0 16px;
    }
}



/* header */
/* footer */
@media only screen and (max-width:1100px){
    .footer_logo_block{
        width: 30%;
    }
    .footer_menu_wrapper{
        width: 70%;
    }
    .footer_main_container .footer_wrapper{
        gap: 40px;
    }
}




/* header */
@media only screen and (max-width: 991px) {
    .header_logo_wrapper{
        width: 116px;
    }
    .header_menu_container > ul{
        gap: 8px;
    }
    .header_menu_container > ul > li{
        padding: 0 12px;
    }
    .common_btn{
        padding: 8px 16px;
        font-size: 11px;
        line-height: 14px;
        border-radius: 24px;
    }
    .common_btn img{
        width: 16px;
        height: 16px;
    }

    .header_menu_container > ul > li > a{
        font-size: 14px;
        line-height: 18px;
        font-weight: 350;
    }
    .header_menu_container > ul > li > a::after{
        bottom: -25px;
    }

    .header_mega_menu_main_container{
        top: 67px;
    }

    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper > ul > li > a{
        font-size: 14px;
    }
}

/* footer */
@media only screen and (max-width: 991px) {
    .footer_main_container .footer_wrapper{
        flex-direction: column !important;
    }
    .footer_logo_block{
        width: 100%;
    }
    .footer_menu_wrapper{
        width: 100%;
    }
    .footer_menu_wrapper_block .footer_menu_list_wrapper {
        /* max-width: 25%; */
        width: auto;
    }
    .footer_main_container .footer_wrapper .footer_logo_wrapper{
        width: 116px;
    }
}
/* home page */
@media only screen and (max-width: 991px) {
    .banner_booking_form_main_block{
        flex-direction: column !important;
        row-gap: 40px;
    }
    .form_btn_wrapper{
        position: unset;
        width: 100%;
        border-radius: 48px;
    }
    .banner_booking_form_container_wrapper .from_input_wrapper{
        background-color: #ffffff;
        flex-direction: column;
        width: 100%;
        align-items: start;
        padding: 0px;
        border-radius: 16px;
    }
    .from_input_wrapper .form_input_group_container_block{
        width: 100%;
        border-bottom: 1px solid #cacacab2;
    }
    .form_input_group_wrapper.input_location{
        padding: 16px;
    }
    .form_input_group_wrapper.input_date{
        width: 100%;
        margin: 16px 0;
    }
    .form_input_group_wrapper.input_person{
        border-top: 1px solid #cacacab2;
    }

    .banner_booking_form_container .banner_booking_form_container_wrapper{
        padding: 16px;
        border-radius: 16px;
    }

    .select_input_custom_modal{
        max-width: 100%;
        width: 100%;
    }
    .select_input_custom_modal.form_modal_person{
        right: 0;
    }
    .form_btn_wrapper .form_btn{
        padding: 10px 14px;
    }
    .banner_main_container .banner_main_container_slide .slide_content_wrapper{
        align-items: start;
        height: fit-content;
        min-height: fit-content;
        top: auto;
        bottom: 56vh;
    }

    /*  */
    .banner_main_container .banner_main_container_slide .slide_content_wrapper h1, .banner_main_container .banner_main_container_slide .slide_content_wrapper h2, .banner_main_container .banner_main_container_slide .slide_content_wrapper h3, .banner_main_container .banner_main_container_slide .slide_content_wrapper h4, .banner_main_container .banner_main_container_slide .slide_content_wrapper h5, .banner_main_container .banner_main_container_slide .slide_content_wrapper h6{
        font-size: 32px;
        line-height: 34px;
    }

    .banner_booking_form_section .banner_booking_form_container{
        padding-left: 8%;
        padding-right: 8%;
    }
    .banner_booking_form_section .banner_booking_form_container .container-fluid.container-lg{
        padding: 0 !important;
    }
    .banner_booking_form_section .banner_booking_form_container .container-fluid.container-lg .container-fluid{
        padding: 0 !important;
    }

    .page_info_main_container .page_detail_wrapper h1, .page_info_main_container .page_detail_wrapper h2, .page_info_main_container .page_detail_wrapper h3, .page_info_main_container .page_detail_wrapper h4, .page_info_main_container .page_detail_wrapper h5, .page_info_main_container .page_detail_wrapper h6{
        font-size: 24px;
        line-height: 32px;
    }
    .page_info_main_container .page_detail_wrapper p{
        padding-top: 18px;
    }
    .home_destination_description_block .home_destination_description_block_wrapper h1, .home_destination_description_block .home_destination_description_block_wrapper h2, .home_destination_description_block .home_destination_description_block_wrapper h3, .home_destination_description_block .home_destination_description_block_wrapper h4, .home_destination_description_block .home_destination_description_block_wrapper h5, .home_destination_description_block .home_destination_description_block_wrapper h6{
        font-size: 24px;
        line-height: 32px;
    }
    .home_destination_description_block_wrapper .home_destination_description_block_btn_container{
        padding-top: 18px;
    }
    .home_destination_description_block{
        padding-bottom: 32px;
    }

    .home_room_type_title_wrapper .home_room_type_title_wrapper_block h1, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h2, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h3, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h4, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h5, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h6{
        font-size: 24px;
        line-height: 32px;
    }

    .room_type_swiper{
        height: 66.66vh !important;
    }
    .destination_slide .destination_details_wrapper h1, .destination_slide .destination_details_wrapper h2, .destination_slide .destination_details_wrapper h3, .destination_slide .destination_details_wrapper h4, .destination_slide .destination_details_wrapper h5, .destination_slide .destination_details_wrapper h6{
        font-size: 20px;
        line-height: 28px;
    }

    

    .common_btn02{
        padding: 8px 16px;
        font-size: 12px;
    }
    .common_btn02 span svg{
        width: 12px;
        height: 12px;
    }
  
    .room_type_swiper .room_type_slide .room_type_titlle_wrapper h1, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h2, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h3, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h4, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h5, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h6{
        font-size: 20px;
        line-height: 28px;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper h1, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h2, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h3, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h4, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h5, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h6{
        font-size: 20px;
        line-height: 28px;
    }
    .event_banner_title_block .event_banner_title_wrapper h1, .event_banner_title_block .event_banner_title_wrapper h2, .event_banner_title_block .event_banner_title_wrapper h3, .event_banner_title_block .event_banner_title_wrapper h4, .event_banner_title_block .event_banner_title_wrapper h5, .event_banner_title_block .event_banner_title_wrapper h6{
         font-size: 20px;
        line-height: 28px;
    }

    .event_type_banner_img_wrapper{
        height: 66vh;
    }
    .weadding_btn_wrapper button{
        font-size: 18px;
        line-height: 26px;
    }
    .Corporate_btn_wrapper button{
        font-size: 18px;
        line-height: 26px;
    }

    /* add new style */
    .destination_details_wrapper p{
        flex-direction: column !important;
        gap: 0 ;
        align-items: flex-start !important;
        padding-top: 4px;
    } 
    /* add new style */

}
/* hotail detail page */
@media only screen and (max-width: 991px) {
    .tab_section_main_container .tab_wrapper{
        gap: 40px !important;
    }
    .tab_content_wrapper_block .tab_content_block{
        row-gap: 40px;
        padding-bottom: 0 !important;
    }
    /* rooms */
    .room_list_main_container .room_cards_wrapper{
        flex-direction: column-reverse;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block, .room_list_main_container .room_cards_wrapper .room_cards_block_2{
        width: 100%;
    }
    .room_cards_block_2 .room_card_container,
    .room_cards_block .room_card_container{
        margin-left: 0;
        margin-right: 0;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block{
        padding-top: 40px;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block, .room_list_main_container .room_cards_wrapper .room_cards_block_2{
        row-gap: 40px;
    }
    .room_cards_block .room_card_container .room_card_image_wrapper img, .room_cards_block_2 .room_card_container .room_card_image_wrapper img{
        aspect-ratio: 8/5;
    }
    .room_cards_basic_info_wrapper h1, .room_cards_basic_info_wrapper h2, .room_cards_basic_info_wrapper h3, .room_cards_basic_info_wrapper h4, .room_cards_basic_info_wrapper h5, .room_cards_basic_info_wrapper h6{
        font-size: 20px;
        line-height: 28px;
    }
    .floating_book_btn{
        width: 88px;
        height: 88px;
    }

    /* facilities */
    .offcanvas-header .btn-close.facilities_close_btn{
        display: block;
    }
    .tab_facilities_list_container_wrapper{
        padding: 16px 0 32px 0;
    }
    .tab_facilities_type_container{
        margin-top: 40px;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper{
        row-gap: 32px;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper .tab_facilities_card{
        gap: 18px;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper .tab_facilities_card{
        width: 33.33%;
    }

    /* location */
    .tab_location_wrapper {
        padding-top: 80px;
        height: 62vh;
    }
    /* location */

    /* policies */
    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies{
        width: 80%;
    }
    /* policies */
}

/* Event page  */
@media only screen and (max-width: 991px) {
    .events_description_block .events_description_wrapper h1, .events_description_block .events_description_wrapper h2, .events_description_block .events_description_wrapper h3, .events_description_block .events_description_wrapper h4, .events_description_block .events_description_wrapper h5, .events_description_block .events_description_wrapper h6{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 18px;
    }
    .events_slider_main_container .slider_tabs_wrapper{
        margin-bottom: 32px;
    }
}

/* about page */
@media only screen and (max-width: 991px) {
    .remove_res_spacing{
        padding-top: 0 !important;
    }
    .about_short_desc_info_wrapper{
        padding:  32px 0 0 0;
    }
    .about_short_desc_info_wrapper p:last-child{
        padding-bottom: 0;
    }
    .about_short_desc_info_wrapper h1, .about_short_desc_info_wrapper h2, .about_short_desc_info_wrapper h3, .about_short_desc_info_wrapper h4, .about_short_desc_info_wrapper h5, .about_short_desc_info_wrapper h6{
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 18px;
    }
    .about_short_desc_info_wrapper p{
        padding-bottom: 12px;
    }
}

/* contact  */
@media only screen and (max-width: 991px) {
    .hotel_detail_banner_section .contact_slider{
        height: 66vh;
    }
    .inner_pages_banner_info h1, .inner_pages_banner_info h2, .inner_pages_banner_info h3, .inner_pages_banner_info h4, .inner_pages_banner_info h5, .inner_pages_banner_info h6{
        font-size: 32px;
        line-height: 40px;
    }
    
    .location_heading_wrapper{
        margin-bottom: 40px;
    }

}
/* header */
@media only screen and (max-width: 767px) {
    .header_login_container{
        z-index: 9999;
    }
    .header_mobile_menu_container{
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 66px;
        right: 0;
        /* background: var(--new-body-bg); */
        background-color: #ffffff;
        transform: translateX(100%);
        transition: transform 0.5s ease-in-out;
        z-index: 999; /* ensure it's above other elements */
        overflow-y: scroll;
        
    }

    .header_main_container .mobile_btn_wrapper{
        display: block;
        z-index: 9999;
    }

    .header_mobile_menu_container.mobile_menu_active{
        
        transform: translateX(0); /* Slide in */
    }
     .header_menu_container > ul > li > a::after{
        background-color: #000000;
        bottom: -4px;
    }

    .header_menu_container > ul{
        flex-direction: column;
    }

    /* new updated code  */
    .header_menu_container > ul > li:hover > a::after {
        content: none !important; 
    }
    .header_main_container .header_menu_container > ul > li:hover .header_mega_menu_main_container{
        content: none !important;
    }
    .header_main_container .header_menu_container > ul > li:hover .header_mega_menu_main_container{
        visibility: hidden;
        opacity: 0;
        transform: none;
        transition: none;
    }
    .header_main_container .header_menu_container > ul > li.header_menu_list_item.has_list_menu .header_mega_menu_main_container{
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    }
    .header_main_container .header_menu_container > ul > li.header_menu_list_item.has_list_menu .header_mega_menu_main_container{
        position: unset;
        top: 0;
    }
    /* .header_main_container .header_menu_container > ul > li:hover .header_mega_menu_main_container{
        position: unset;
        top: 0;
    } */


    .menu_list_item_btn_wrapper span svg{
        width: 24px;
        height: 24px;
    }

    .header_menu_container > ul > li{
        padding: 12px 0;
        border-bottom: 1px solid #b6b6b6;
        position: relative;
    }
    .header_menu_container > ul > li > a{
        color: #000000;
    } 

    .menu_list_item_btn_wrapper{
        display: block;
        border: none;
        background: none;
        padding: 0;
        position: absolute;
        top: 8px;
        right: 0;
        rotate: 360deg;
        transition: all 0.3s ease;
    }

    .menu_list_item_btn_wrapper span svg{
        width: 24px;
        height: 24px;
        transition: all 0.3s ease;
        
    }

     .header_menu_container{
        padding: 24px var(--custom-spacing);
        border-top: 1px solid var(--btn-border-gray);

    }
     .header_login_btn_wrapper{
        padding: 0 var(--custom-spacing);
    }
    .header_mobile_menu_container.mobile_menu_active .header_mega_menu_main_container{
        box-shadow: none;
        margin: 16px 0;
        padding: 0;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper{
        flex-direction: column;
        gap: 24px;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper{
        width: 100%;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper ul{
        max-height: fit-content;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper ul li{
        padding: 4px 0;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_items_wrapper > ul > li > a{
        font-weight: 400;
    }
    .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_image_container{
        /* width: 80%; */
        display: none;
    }

    .header_main_container .header_mobile_menu_container .header_mobile_location_slider{
        display: block;
        padding: 24px var(--custom-spacing);
        margin-top: 40px;
    }

    .header_mobile_slider_wrapper .header_mobile_slider_image_wrapper{
        width: 100%;
        
    }
    .header_mobile_slider_wrapper .header_mobile_slider_image_wrapper img{
        aspect-ratio: 6/4;
        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .header_mobile_location_slider_wrapper .header_mobile_slider_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .header_mobile_location_slider_wrapper .header_mobile_slider_wrapper a,
    .header_mobile_location_slider_wrapper .header_mobile_slider_wrapper p {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        font-family: var(--body-text);
        line-height: 24px;
        text-decoration: none;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 0;
    }
  
}
/* footer */
@media only screen and (max-width: 767px) {
    .footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block{
        flex-direction: column;
    }
    .footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul{
        padding-top: 16px;
        row-gap: 32px;
    }
    .footer_menu_wrapper_block .footer_menu_list_wrapper{
        max-width: 100%;
    }

    .footer_copiright_wrapper_block .footer_copiright_wrapper .footer_copiright_text{
        flex-direction: column;
        gap: 1px;
    }

    .footer_logo_block > .footer_menu_social_icon_wrapper{
        margin-top: 32px;
    }
}

/* home page */
@media only screen and (max-width: 767px) {
    .banner_main_container .banner_main_container_slide .slide_content_wrapper h1, .banner_main_container .banner_main_container_slide .slide_content_wrapper h2, .banner_main_container .banner_main_container_slide .slide_content_wrapper h3, .banner_main_container .banner_main_container_slide .slide_content_wrapper h4, .banner_main_container .banner_main_container_slide .slide_content_wrapper h5, .banner_main_container .banner_main_container_slide .slide_content_wrapper h6{
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 8px;
    }
    .banner_main_container .banner_main_container_slide .slide_content_wrapper p{
        line-height: 20px;
    }

    /*  */
    .page_info_main_container .page_detail_wrapper h1, .page_info_main_container .page_detail_wrapper h2, .page_info_main_container .page_detail_wrapper h3, .page_info_main_container .page_detail_wrapper h4, .page_info_main_container .page_detail_wrapper h5, .page_info_main_container .page_detail_wrapper h6{
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
    }
    .page_info_main_container .page_detail_wrapper p{
        padding-top: 16px;
    }

    .home_destination_description_block .home_destination_description_block_wrapper h1, .home_destination_description_block .home_destination_description_block_wrapper h2, .home_destination_description_block .home_destination_description_block_wrapper h3, .home_destination_description_block .home_destination_description_block_wrapper h4, .home_destination_description_block .home_destination_description_block_wrapper h5, .home_destination_description_block .home_destination_description_block_wrapper h6{
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
    }
    .home_destination_description_block_wrapper .home_destination_description_block_btn_container{
        padding-top: 16px;
    }
    .destination_slider_wrapper{
        height: 52vh;
    }
    .destination_slide .destination_details_wrapper h1, .destination_slide .destination_details_wrapper h2, .destination_slide .destination_details_wrapper h3, .destination_slide .destination_details_wrapper h4, .destination_slide .destination_details_wrapper h5, .destination_slide .destination_details_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .common_btn02{
        padding: 6px 16px;
    }
    .destination_details_wrapper p{
        font-weight: 400;
    }

    .home_room_type_title_wrapper .home_room_type_title_wrapper_block h1, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h2, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h3, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h4, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h5, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h6{
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
    }

    .room_type_swiper .room_type_slide .room_type_titlle_wrapper h1, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h2, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h3, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h4, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h5, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h6{
        font-size: 16px;
        line-height: 20px;
        width: 90%;
        text-align: center;
    }
    .room_type_swiper .room_type_slide .room_type_titlle_wrapper a, .room_type_swiper .room_type_slide .room_type_titlle_wrapper p{
        font-size: 14px;
        line-height: 18px;
    }
    .room_type_swiper{
        height: 52vh !important;
    }
    .room_type_swiper .swiper-slide.room_type_slide{
        height: 78.66%;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper p{
        font-size: 14px;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper h1, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h2, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h3, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h4, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h5, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }

    .event_type_banner_img_wrapper{
        height: 48vh;
    }
    .event_banner_title_block{
        top: 6vh;
    }
    .event_banner_title_wrapper .header_login_btn_wrapper {
        padding: 0;
        /* margin-top: 16px !important; */
    }
    .common_btn span svg{
        width: 12px;
        height: 12px;
    }
    .event_banner_title_block .event_banner_title_wrapper p{
        font-size: 14px;
        line-height: 18px;
    }
    .event_banner_title_block .event_banner_title_wrapper h1, .event_banner_title_block .event_banner_title_wrapper h2, .event_banner_title_block .event_banner_title_wrapper h3, .event_banner_title_block .event_banner_title_wrapper h4, .event_banner_title_block .event_banner_title_wrapper h5, .event_banner_title_block .event_banner_title_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .weadding_btn_wrapper button{
        font-size: 16px;
        line-height: 24px;
    }
    .Corporate_btn_wrapper button{
        font-size: 16px;
        line-height: 24px;
    }
   
}
/* hotail detail page */
@media only screen and (max-width: 767px) {
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper{
        border-right: 0;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li:last-child{
        border-bottom: 1px solid var(--top-border);
    }
    .tab_content_wrapper_block .tab_content_block{
        row-gap: 16px;
    }
    .hotail_room_swiper{
        height: 48vh;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6{
        font-size: 14px;
        line-height: 18px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1 img, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2 img, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3 img, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4 img, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5 img, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6 img{
        width: 20px;
        height: 20px;
    }

    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li p{
        font-size: 18px;
        line-height: 26px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li p img{
        width: 20px;
        height: 20px;
    }
    .tab_content_block .tab_overview_description_wrapper h1, .tab_content_block .tab_overview_description_wrapper h2, .tab_content_block .tab_overview_description_wrapper h3, .tab_content_block .tab_overview_description_wrapper h4, .tab_content_block .tab_overview_description_wrapper h5, .tab_content_block .tab_overview_description_wrapper h6{
        font-size: 18px;
        ;line-height: 26px;
        margin-bottom: 18px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li{
        margin-bottom: 18px;
    }
    .tab_section_main_container .tab_wrapper{
        display: -webkit-box;
        width: fit-content;
    }
    .tab_section_main_container .tab_wrapper{
        padding-top: 18px;
    }

    .tab_section_main_container .tab_wrapper li{
        padding: 0 12px !important;
    }

    /* Rooms tab */
    .room_cards_basic_info_wrapper h1, .room_cards_basic_info_wrapper h2, .room_cards_basic_info_wrapper h3, .room_cards_basic_info_wrapper h4, .room_cards_basic_info_wrapper h5, .room_cards_basic_info_wrapper h6{
        font-size: 18px;
        line-height: 26px;
    }
    .room_cards_block .room_card_container .room_card_title_wrapper h2, .room_cards_block_2 .room_card_container .room_card_title_wrapper h2{
        font-size: 16px;
        line-height: 24px;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block, .room_list_main_container .room_cards_wrapper .room_cards_block_2{
        row-gap: 32px;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block{
        padding-top: 32px;
    }

    /* facilities */
    .tab_facilities_header_wrapper h1, .tab_facilities_header_wrapper h2, .tab_facilities_header_wrapper h3, .tab_facilities_header_wrapper h4, .tab_facilities_header_wrapper h5, .tab_facilities_header_wrapper h6{
        font-size: 18px;
        line-height: 26px;
    }
    .tab_facilities_type_container .tab_facilities_type_heading h1, .tab_facilities_type_container .tab_facilities_type_heading h2, .tab_facilities_type_container .tab_facilities_type_heading h3, .tab_facilities_type_container .tab_facilities_type_heading h4, .tab_facilities_type_container .tab_facilities_type_heading h5, .tab_facilities_type_container .tab_facilities_type_heading h6{
        font-size: 18px;
        line-height: 26px;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper .tab_facilities_card{
        padding: 0 6px;
        width: 50%;
    }
    .tab_facilities_type_container{
        margin-top: 32px;
    }

    /* location */
    .tab_location_wrapper{
        height: 56vh;
    }
    .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h1, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h2, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h3, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h4, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h5, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h6{
        font-size: 18px;
        line-height: 26px;
    }
    .tab_review_client_card_main_container{
        margin-bottom: 32px;
    }
    .tab_review_client_card_main_container .client_review{
        margin-top: 12px;
    }
    .tab_review_client_card_thumbnail_wrapper{
        width: 80px;
        height: 80px;
    }

    /* policies */
    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies{
        width: 100%;
    }
    /* policies */
}
/* event page */
@media only screen and (max-width: 767px) {
    .events_description_block .events_description_wrapper h1, .events_description_block .events_description_wrapper h2, .events_description_block .events_description_wrapper h3, .events_description_block .events_description_wrapper h4, .events_description_block .events_description_wrapper h5, .events_description_block .events_description_wrapper h6{
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        margin-bottom: 16px;
    }
    .events_description_block .events_description_wrapper{
        width: 80%;
    }
    .events_slider_main_container .slider_tabs_wrapper{
        margin-bottom: 24px;
    }
    .event_slider_block .event-swiper{
        height: 62vh;
    }
    .event_banner_bottom_slider_main_container .event-review-swiper{
        height: 52vh;
    }
    .event_banner_slider_block .event-review-swiper .event_banner_slide .event_banner_slider_description_wrapper .event_banner_slider_description_box{
        max-width: 324px;
        height: 26.5vh;
        padding: 18px;
    }
    .event_banner_slider_description_wrapper .event_banner_slider_description_box p{
        font-size: 14px;
        line-height: 18px;
    }
    .event_banner_slider_description_wrapper .event_banner_slider_description_box span{
        font-size: 14px;
        line-height: 18px;
    }
}
/* about page */
@media only screen and (max-width: 767px) {
    .about_short_desc_info_wrapper{
        padding: 24px 0 0 0;
    }
    .about_short_desc_info_wrapper h1, .about_short_desc_info_wrapper h2, .about_short_desc_info_wrapper h3, .about_short_desc_info_wrapper h4, .about_short_desc_info_wrapper h5, .about_short_desc_info_wrapper h6{
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 16px;
    }
    .about_short_desc_info_wrapper p{
        /* padding-bottom: 16px; */
    }
    .about_destination_swiper .about_destination_slide_image_wrapper.custom_spacing_top{
        margin-top: 0;
    }
    .about_destination_slide_image_wrapper{
        height: 52vh;
    }
    .about_short_desc_img_wrapper{
        /* height: 66.66vh; */
    }
}

/* contact page */
@media only screen and (max-width: 767px) {
    .hotel_detail_banner_section .contact_slider{
        height: 50vh;
    }
    .inner_pages_banner_info_wrapper_block{
        margin-top: 0;
        margin-bottom: var(--spacing-common);
    }
    .inner_pages_banner_info h1, .inner_pages_banner_info h2, .inner_pages_banner_info h3, .inner_pages_banner_info h4, .inner_pages_banner_info h5, .inner_pages_banner_info h6{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .inner_pages_banner_info h1:first-child,
    .inner_pages_banner_info h2:first-child,
    .inner_pages_banner_info h3:first-child,
    .inner_pages_banner_info h4:first-child,
    .inner_pages_banner_info h5:first-child,
    .inner_pages_banner_info h6:first-child{
        margin-bottom: 0;
    }

    .inner_pages_banner_info p{
        padding-top: 12px;
        font-size: 16px;
        line-height: 24px;
    }
    .inner_pages_banner_info{
        /* align-items: end; */
        
    }
    .contact_location_detail_block{
        flex-direction: column;
        gap: 0;
    }
    .contact_location_detail_block .contact_location_image_wrapper{
        width: 100%;
        height: 40vh;
    }
    .contact_location_detail_block .contact_location_image_wrapper img{
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
    .contact_location_detail_block .contact_location_detail_address{
        width: 50%;
        margin-top: 8px;
    }

    .location_list_block .contact_location_info{
        margin-top: 8px;
    }

    .location_list_wrapper .location_list_block{
        row-gap: 40px;
    }
    .contact_location_detail_block .contact_location_detail_address p{
        font-size: 14px;
        line-height: 18px;
    }
    .location_list_block .contact_location_info a{
        font-size: 14px;
        line-height: 18px;
    }
    .contact_map_section .contact_map_wrapper iframe{
      height: 40vh;  
    }

    .Contact_form_input_wrapper .error_messege p{
    font-size: 11px !important;
    font-weight: 400;
    line-height: 18px !important;
    font-family: var(--body-text) !important;
    margin-bottom: 0px !important;
    color: #fa0a0a;
}
    
}

/* header */
@media only screen and (max-width: 575px) {
    /* .header_mega_menu_main_container .header_mega_menu_wrapper .header_mega_menu_image_container{
        width: 100%;
    } */
    .header_main_container .mobile_btn_wrapper .mobile_btn{
        width: 24px;
        height: 24px;
    }
    .header_mobile_menu_container{
        top: 66px;
    }
    
}
/* footer */
@media only screen and (max-width: 575px) {
    .footer_copiright_main_container .footer_copiright_wrapper{
        flex-direction: column;
        row-gap: 8px;   
    }
     .footer_main_container .footer_wrapper{
        gap: 32px;
    }
    .footer_copiright_menu_list_wrapper ul{
        gap: 24px;
    }
    .footer_copiright_wrapper .footer_copiright_text p{
        text-align: center;
    }
    .footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block{
        row-gap: 16px;
    }
    .footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul li{
        line-height: 18px;
        padding-bottom: 4px;
        font-weight: 300;
    }
    .footer_main_container .footer_menu_wrapper .footer_menu_wrapper_block .footer_menu_list_wrapper ul{
        padding-top: 12px;
    }
    .footer_logo_block > .footer_menu_social_icon_wrapper{
        margin-top: 24px;
    }
    .footer_logo_block > .footer_menu_social_icon_wrapper .social_icon_wrapper{
        padding-top: 8px;
        gap: 12px;
    }
    .footer_menu_social_icon_wrapper .social_icon_wrapper a img{
        width: 20px;
        height: 20px;
    }
}
/* home page */
@media only screen and (max-width: 575px) {
    .banner_main_container .banner_main_container_slide .slide_content_wrapper h1, .banner_main_container .banner_main_container_slide .slide_content_wrapper h2, .banner_main_container .banner_main_container_slide .slide_content_wrapper h3, .banner_main_container .banner_main_container_slide .slide_content_wrapper h4, .banner_main_container .banner_main_container_slide .slide_content_wrapper h5, .banner_main_container .banner_main_container_slide .slide_content_wrapper h6{
        font-size: 20px;
        line-height: 26px;
    }
    .banner_main_container .banner_main_container_slide .slide_content_wrapper{
        max-width: 60%;
    }
    .banner_main_container .banner_main_container_slide .slide_content_wrapper p{
        font-size: 14px;
        line-height: 18px;
    }
    .form_input_group_wrapper.input_location{
        padding: 8px;
    }
    .form_input_group_wrapper.input_date{
        padding: 8px;
        margin: 12px 0;
    }
    .form_input_group_wrapper.input_person{
        padding: 8px;
    }
    .banner_booking_form_container .banner_booking_form_container_wrapper{
        padding: 8px;
        border-radius: 12px;
    }
    .banner_booking_form_main_block{
        row-gap: 24px;
    }
    .form_btn_wrapper .form_btn{
        padding: 8px 14px;
        font-size: 14px;
        line-height: 18px;
    }

    .page_info_main_container .page_detail_wrapper{
        width: 100%;
    }
    .home_destination_description_block .home_destination_description_block_wrapper{
        width: 100%;
    }
    .home_room_type_title_wrapper .home_room_type_title_wrapper_block{
        width: 100%;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper{
        bottom: 40px;
    }


    /* room type slider */
    .room_type_swiper .swiper-slide.room_type_slide.swiper-slide-active{
        width: 100% !important;
    }
    /* room type slider */
}

/* hotail detail page */
@media only screen and (max-width: 575px) {
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper{
        padding: 0 16px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li p{
        font-size: 16px;
        line-height: 24px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6{
        padding-bottom: 2px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li{
        padding: 0 0 8px 0 ;
        margin-bottom: 16px;
    }
    .tab_content_block .tab_overview_description_wrapper h1, .tab_content_block .tab_overview_description_wrapper h2, .tab_content_block .tab_overview_description_wrapper h3, .tab_content_block .tab_overview_description_wrapper h4, .tab_content_block .tab_overview_description_wrapper h5, .tab_content_block .tab_overview_description_wrapper h6{
        font-size: 16px;
        ;line-height: 24px;
        margin-bottom: 16px;
    }
    .slider_btn span svg{
        width: 24px;
        height: 24px;
    }
    .slider_btn{
        padding: 4px;
    }
    .tab_section_main_container .tab_wrapper{
        padding-top: 16px;
    }
    /* new added */
    .hotail_detail_room_detail_info_wrapper{
        opacity: 1;
    }
    .hotail_detail_room_detail_info_wrapper .hotail_detail_room_detail_info_offer{
        opacity: 1;
    }
    .swiper-slide.hotail_detail_room_Slide.swiper-slide-active .hotail_detail_room_detail_info_wrapper{
        opacity: 1;
    }
    .swiper-slide.hotail_detail_room_Slide.swiper-slide-active{
        width: 100% !important;
    }
    .swiper-slide.hotail_detail_room_Slide.swiper-slide-next{
        width: 100% !important;
    }
    /* new added */
    /* rooms tab */
    .room_cards_basic_info_wrapper p{
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        padding-bottom: 8px;
    }
    .room_cards_basic_info_wrapper h1, .room_cards_basic_info_wrapper h2, .room_cards_basic_info_wrapper h3, .room_cards_basic_info_wrapper h4, .room_cards_basic_info_wrapper h5, .room_cards_basic_info_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .room_cards_block .room_card_container .room_card_title_wrapper h2, .room_cards_block_2 .room_card_container .room_card_title_wrapper h2{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 8px;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block, .room_list_main_container .room_cards_wrapper .room_cards_block_2{
        row-gap: 24px;
    }
    .room_list_main_container .room_cards_wrapper .room_cards_block{
        padding-top: 24px;
    }
    .floating_book_btn{
        width: 72px;
        height: 72px;
        right: 16px;
        font-size: 10px;
    }
   

    .room_card_container .rooms_card_slider .swiper-button-next .room_slide_btn_wrapper button, .room_card_container .rooms_card_slider .swiper-button-prev .room_slide_btn_wrapper button{
        width: 32px;
        height: 32px;
    }
    /* facilities */
    .tab_facilities_main_container .offcanvas.offcanvas-end{
        width: 100% !important;
        transition: all 0.3s ease;
    }
    .tab_facilities_header_wrapper h1, .tab_facilities_header_wrapper h2, .tab_facilities_header_wrapper h3, .tab_facilities_header_wrapper h4, .tab_facilities_header_wrapper h5, .tab_facilities_header_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .tab_facilities_header_wrapper{
        padding-bottom: 4px;
    }
    .tab_facilities_type_container .tab_facilities_type_heading h1, .tab_facilities_type_container .tab_facilities_type_heading h2, .tab_facilities_type_container .tab_facilities_type_heading h3, .tab_facilities_type_container .tab_facilities_type_heading h4, .tab_facilities_type_container .tab_facilities_type_heading h5, .tab_facilities_type_container .tab_facilities_type_heading h6{
        font-size: 16px;
        line-height: 24px;
    }
    .tab_facilities_type_container{
        margin-top: 24px;
    }
    .tab_facilities_list_container_wrapper{
        padding: 12px 0 24px 0;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper{
        row-gap: 24px;
    }
    .tab_facilities_list_container_wrapper .tab_facilities_list_wrapper .tab_facilities_card{
        gap: 16px;
    }
    .tab_facilities_card .tab_facilities_card_image_wrapper{
        width: 20px;
        height: 20px;
    }
    .tab_facilities_card .tab_facilities_card_description p{
        font-size: 14px;
        line-height: 18px;
    }

    /* location */
    .tab_location_wrapper{
        padding-top: 40px;
        height: 46vh;
    }

    .tab_reviews_reting_count_wrapper .review_rating_icon_wrapper{
        width: 16px;
        height: 16px;
    }
    .tab_reviews_reting_count_wrapper span{
        font-size: 14px;
        line-height: 18px;
    }
    .tab_reviews_categories_list_container p{
        font-size: 14px;
        line-height: 18px;
    }
    .tab_reviews_categories_card .tab_reviews_card_progress_bar{
        height: 10px;
    }

    .tab_review_client_list_main_container .tab_review_client_heading p{
        font-size: 14px;
        line-height: 18px;
    }
    .tab_rooms_btn_wrapper button span svg{
        width: 12px;
        height: 12px;
    }
    .tab_rooms_btn_wrapper button{
        font-size: 11px;
        padding: 8px 18px;
    }
    .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h1, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h2, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h3, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h4, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h5, .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info h6{
        font-size: 16px;
        line-height:24px;
    }
    .tab_review_client_card_main_container .tab_review_client_card .tab_review_client_card_basic_info span{
        font-size: 12px;
    }
    .tab_review_client_card{
        gap: 8px;
    }
    .tab_review_client_card_main_container .client_review{
        margin-top: 6px;
    }
    .tab_review_client_card_thumbnail_wrapper {
        width: 64px;
        height: 64px;
    }

    /* policies */
    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h1, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h2, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h3, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h4, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h5, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies h6{
        font-size: 16px;
        line-height:24px ;
        margin-bottom: 8px;
    }

    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies p{

       
        margin-bottom: 8px;
    }

    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul, .policies_tab_main_contaiiner .policies_content_wrapper .all_policies ol{
        margin-bottom: 8px;
    }
    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul li{
        line-height: 18px;
    }
    /* policies */
}
/* Event page */
@media only screen and (max-width: 575px) {
   
    .events_description_block .events_description_wrapper{
        width: 100%;
    }
    .event_banner_slider_block .event-review-swiper .event_banner_slide .event_banner_slider_description_wrapper{
        justify-content: center;
        left: 0;
    }

    .event_slider_block .event-swiper{
        height: 48vh;
    }

}

/* about us */
@media only screen and (max-width: 575px) {
    .about_short_desc_info_wrapper{
        padding: 16px 0 0 0;
    }
    .about_short_desc_info_wrapper h1, .about_short_desc_info_wrapper h2, .about_short_desc_info_wrapper h3, .about_short_desc_info_wrapper h4, .about_short_desc_info_wrapper h5, .about_short_desc_info_wrapper h6{
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 12px;
    }
    .about_short_desc_info_wrapper p{
        padding-bottom: 12px;
    }
    .about_short_desc_img_wrapper{
        /* height: 52.40vh; */
    }
    .footer_menu_list_wrapper .social_icon_wrapper{
        gap: 12px;
    }
    .footer_menu_list_wrapper .social_icon_wrapper a img{
        width: 20px;
        height: 20px;
    }

    .about_sort_dec_slider .swiper-button-next .slider_btn_wrapper span svg,
    .about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper span svg{
        width: 20px;
        height: 20px;
    }
    .about_sort_dec_slider .swiper-button-next{
        right: 18px;
    }
    .about_sort_dec_slider .swiper-button-prev{
        left: 18px;
    }
    
    
}
/* contact page */
@media only screen and (max-width: 575px) {
   
    .contact_form_wrapper form .Contact_form_input_wrapper{
        margin-bottom: 24px;
    }
    .hotel_detail_banner_section .contact_slider{
        height: 40vh;
    }
    .inner_pages_banner_info_wrapper_block{
        margin-bottom: 0px;
    }
    .inner_pages_banner_info p{
        font-size: 14px;
        line-height: 18px;
        padding-top: 8px;
    }
    .inner_pages_banner_info h1, .inner_pages_banner_info h2, .inner_pages_banner_info h3, .inner_pages_banner_info h4, .inner_pages_banner_info h5, .inner_pages_banner_info h6{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 24px;
       
    }
    .location_main_container .location_heading_wrapper h1, .location_main_container .location_heading_wrapper h2, .location_main_container .location_heading_wrapper h3, .location_main_container .location_heading_wrapper h4, .location_main_container .location_heading_wrapper h5, .location_main_container .location_heading_wrapper h6{
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 4px;
    }
    .location_main_container .location_heading_wrapper p{
        font-size: 14px;
        line-height: 18px; 
        margin-bottom: 4px;
    }
    .location_heading_wrapper{
        margin-bottom: 24px;
    }
    .contact_location_detail_block .contact_location_image_wrapper{
        height: 28vh;
    }
    .location_list_wrapper .location_list_block{
        /* row-gap: 24px; */
    }
    .contact_submit_btn button{
        padding: 8px 40px;
    }
    .contact_map_section .contact_map_wrapper iframe{
        height: 32vh;
    }
    .contact_location_detail_block .contact_location_detail_address{
        width: 72%;
    }

    .Contact_form_input_wrapper .iti {
        width: 100% !important;
    }
   .Contact_form_input_wrapper .iti--separate-dial-code .iti__selected-flag{
    background: none;
    }
   
}

/* hotail details facilities */


/* contact page */
@media only screen and (max-width: 424px) {  
    .contact_location_detail_block .contact_location_image_wrapper{
        height: 24vh;
    }
}

/* home page */
@media only screen and (max-width: 390px) {
    .banner_main_container .banner_main_container_slide .slide_content_wrapper h1, .banner_main_container .banner_main_container_slide .slide_content_wrapper h2, .banner_main_container .banner_main_container_slide .slide_content_wrapper h3, .banner_main_container .banner_main_container_slide .slide_content_wrapper h4, .banner_main_container .banner_main_container_slide .slide_content_wrapper h5, .banner_main_container .banner_main_container_slide .slide_content_wrapper h6{
        font-size: 18px;
        line-height: 24px;
    }
    .form_input_group_wrapper .input_icon svg{
        width: 18px;
        height: 18px;
    }
    .form_input_group_wrapper.input_location .form_input_group p{
        font-weight: 400;
    }
    .form_input_group.form_input_date .form_check_in_out .check_in_date p, .form_input_group.form_input_date .form_check_in_out .check_out_date p{
        font-weight: 400;
    }
    .form_input_group.form_input_person .form_person_select_wrapper .select_adults, .form_input_group.form_input_person .form_person_select_wrapper .select_children, .form_input_group.form_input_person .form_person_select_wrapper .select_rooms{
        font-weight: 400;
    }
    .divider{
        padding: 0 6px;
    }

    /*  */
    .page_info_main_container .page_detail_wrapper h1, .page_info_main_container .page_detail_wrapper h2, .page_info_main_container .page_detail_wrapper h3, .page_info_main_container .page_detail_wrapper h4, .page_info_main_container .page_detail_wrapper h5, .page_info_main_container .page_detail_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .page_info_main_container .page_detail_wrapper p{
        font-size: 14px;
        line-height: 18px;
    }

    .home_destination_description_block .home_destination_description_block_wrapper p{
        font-size: 14px;
    }
    .home_destination_description_block .home_destination_description_block_wrapper h1, .home_destination_description_block .home_destination_description_block_wrapper h2, .home_destination_description_block .home_destination_description_block_wrapper h3, .home_destination_description_block .home_destination_description_block_wrapper h4, .home_destination_description_block .home_destination_description_block_wrapper h5, .home_destination_description_block .home_destination_description_block_wrapper h6{
        font-size: 16px;
        line-height: 24px;
    }
    .destination_slide .destination_details_wrapper h1, .destination_slide .destination_details_wrapper h2, .destination_slide .destination_details_wrapper h3, .destination_slide .destination_details_wrapper h4, .destination_slide .destination_details_wrapper h5, .destination_slide .destination_details_wrapper h6{
        font-size: 14px;
        line-height: 18px;
    }
    .common_btn02{
        padding: 4px 16px;
    }
    .destination_details_wrapper p{
        font-size: 11px;
        line-height: 14px;
    }
    .home_room_type_title_wrapper .home_room_type_title_wrapper_block p{
        font-size: 14px;
        line-height: 18px;
    }
    .home_room_type_title_wrapper .home_room_type_title_wrapper_block h1, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h2, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h3, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h4, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h5, .home_room_type_title_wrapper .home_room_type_title_wrapper_block h6{
        font-size: 16px;
        line-height: 24px;
    }
    .room_type_swiper .room_type_slide .room_type_titlle_wrapper h1, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h2, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h3, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h4, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h5, .room_type_swiper .room_type_slide .room_type_titlle_wrapper h6{
        font-size: 14px;
        line-height: 18px;
    }

    .room_type_swiper .room_type_slide .room_type_titlle_wrapper a, .room_type_swiper .room_type_slide .room_type_titlle_wrapper p{
        font-size: 12px;
        line-height: 16px;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper p{
        font-size: 12px;
        line-height: 16px;
    }
    .room_type_swiper{
        height: 38vh !important;
    }

    .event_type_banner_img_wrapper{
        height: 32vh;
    }

    .change_image_btn_wrapper{
        bottom: 28px;
    }
    .event_banner_title_block .event_banner_title_wrapper p{
        font-size: 12px;
        line-height: 16px;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper h1, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h2, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h3, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h4, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h5, .secondery_herobanner_wrapper .secondery_banner_title_wrapper h6{
        font-size: 14px;
        line-height: 18px;
    }
    .event_banner_title_block .event_banner_title_wrapper h1, .event_banner_title_block .event_banner_title_wrapper h2, .event_banner_title_block .event_banner_title_wrapper h3, .event_banner_title_block .event_banner_title_wrapper h4, .event_banner_title_block .event_banner_title_wrapper h5, .event_banner_title_block .event_banner_title_wrapper h6{
        font-size: 14px;
        line-height: 18px;
    }
    .common_btn{
        padding: 6px 14px;
    }
    .weadding_btn_wrapper button{
        font-size: 14px;
        line-height: 18px;
    }
    .event_banner_title_block{
        top: 38px;
    }
    .secondery_herobanner_wrapper .secondery_banner_title_wrapper{
        bottom: 24px;
        left: 10%;
    }
}
/* hotail detail */
@media only screen and (max-width: 390px) {
    .hotail_room_swiper{
        height: 36vh;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h1, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h2, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h3, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h4, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h5, .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li h6{
        font-size: 12px;
        line-height: 16px;
    }
    .tab_content_wrapper_block .tab_content_block .tab_overview_info_list .tab_overview_info_list_wrapper ul li{
        padding: 0 0 4px 0;
    }
    .tab_content_block .tab_overview_description_wrapper p{
        font-size: 14px;
        line-height: 18px;

    }
    /* facilities */
    .tab_facilities_type_container{
        margin-top: 18px;
    }

    /* location */
    .tab_location_wrapper{
        height: 32vh;
    }

    .tab_reviews_categories_card .tab_reviews_card_progress_bar{
        height: 8px;
    }
    .tab_reviews_categories_list_container .tab_reviews_categories_list_wrapper .tab_reviews_categories_card .tab_reviews_categories_card_title p{
        padding-bottom: 4px;
        font-weight: 400;
    }
    .tab_reviews_categories_list_container p{
        font-weight: 500;
    }
    .tab_rooms_btn_wrapper button{
        font-size: 10px;
        padding: 6px 16px;
    }
    .tab_review_client_card_main_container .client_review P{
        font-size: 14px;
        line-height: 18px;
    }
    .tab_review_client_card_main_container{
        margin-bottom: 24px;
    }

    /* policies */
    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies p{
        font-size: 14px;
        line-height: 18px !important;
    }

    .policies_tab_main_contaiiner .policies_content_wrapper .all_policies ul li{
        font-size: 14px;
        line-height: 18px;
    }
    /* policies */
}
/* event page */
@media only screen and (max-width: 390px) {
    .events_description_block .events_description_wrapper h1, .events_description_block .events_description_wrapper h2, .events_description_block .events_description_wrapper h3, .events_description_block .events_description_wrapper h4, .events_description_block .events_description_wrapper h5, .events_description_block .events_description_wrapper h6{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .events_description_block .events_description_wrapper p{
        font-size: 14px;
        line-height: 18px;
    }
    .events_slider_main_container .slider_tabs_wrapper{
        margin-bottom: 18px;
    }
    .events_slider_main_container .slider_tabs_wrapper a{
        font-size: 14px;
        line-height: 18px;
    }
    .event_slider_block .event-swiper{
        height: 48vh;
    }
    .event_banner_bottom_slider_main_container .event-review-swiper{
        height: 38vh;
    }

    .event_banner_slider_block .event-review-swiper .event_banner_slide .event_banner_slider_description_wrapper .event_banner_slider_description_box{
        max-width: 240px;
        height: 20vh;
        padding: 12px;
    }   
    .event_banner_slider_description_wrapper .event_banner_slider_description_box p{
        font-size: 12px;
        line-height: 16px;
    }
    .event_banner_slider_description_wrapper .event_banner_slider_description_box span{
        font-size: 12px;
    }
   
}
/* about page */
@media only screen and (max-width: 390px) {
    .about_short_desc_info_wrapper span{
        font-size: 12px;
        line-height: 16px;
    }
    .about_short_desc_info_wrapper h1, .about_short_desc_info_wrapper h2, .about_short_desc_info_wrapper h3, .about_short_desc_info_wrapper h4, .about_short_desc_info_wrapper h5, .about_short_desc_info_wrapper h6{
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 8px;
    }
    .about_short_desc_info_wrapper p:first-child{
        padding-bottom: 4px;
    }
    .about_short_desc_info_wrapper p{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 8px;
    }
    .about_destination_slide_image_wrapper{
        height: 38vh;
    }
    .about_short_desc_img_wrapper{
        /* height: 44.4vh; */
    }
    .remove_mobile_spacing{
        padding: 0 !important;
    }

    .about_sort_dec_slider .swiper-button-next .slider_btn_wrapper span, 
    .about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper span{
        padding: 6px;
    }
    .about_sort_dec_slider .swiper-button-next .slider_btn_wrapper span svg, 
    .about_sort_dec_slider .swiper-button-prev .slider_btn_wrapper span svg{
        width: 18px;
        height: 18px;
    }
    .about_sort_dec_slider .swiper-button-next{
        right: 12px;
    }
    .about_sort_dec_slider .swiper-button-prev{
        left: 12px;
    }
}
/* contact page */
@media only screen and (max-width: 390px) {
    .hotel_detail_banner_section .contact_slider{
        height: 34vh;
    }
    .inner_pages_banner_info{
        max-width: 70%;
    }
    .inner_pages_banner_info h1, .inner_pages_banner_info h2, .inner_pages_banner_info h3, .inner_pages_banner_info h4, .inner_pages_banner_info h5, .inner_pages_banner_info h6{
        font-size: 16px;
        line-height: 20px;
        margin-top: 24px;
    }
    
    .contact_location_detail_block .contact_location_image_wrapper{
        height: 22vh;
    }
    .contact_location_detail_block .contact_location_detail_address{
        width: 98%;
    }
    .contact_map_section .contact_map_wrapper iframe{
        height: 28vh;
    }
}

/* hotail detail page */
@media only screen and (max-width: 290px) {
    .hotail_room_swiper{
    height: 28vh;   
    }
}

@media only screen and (max-width: 290px) {
    .about_destination_slide_image_wrapper{
        height: 32vh;
    }
 
}

/* responsive */
