/*======================
   01.fonts
========================*/
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

:root{
	--primary:#193248;
	--white:#fff;
	--black:#000;
	--red:#ff0000;
	--bg1:#F7F7F9;
	--bg2:#F0F0F5;
	--text:#747474;
	--text1:#2C2D30;
	--text2:#131313;
	--text3:#138B00;
	--text4:#14141B;
	--text5:#FBC431;
	--text6:#f4f4f4;
	--text7:#031D1F;
	--text8:#828282;
	--text9:#D2D2D2;
	--color1:#E9E9EC;
}

/*======================
   02. Basic css
========================*/
::-moz-selection{
	background-color: var(--primary);
	color: #fff;
}
::selection{
	background-color: var(--primary);
	color: #fff;
}
html{
	font-size: 62.5%;
}
a, button, img{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.33;
	font-family: "Onest", sans-serif;
	background-color: var(--bg1);
	color: var(--text);
	font-weight: 400;
	font-size: 2rem;
}

ol,
ul {
	list-style: none;
}
a{
	color: var(--primary);
}
a:focus{
	outline: none;
}
a:hover{
	color: #0e00a2 !important;
	text-decoration: none;
}
form label{
	color: #9D9D9D;
	margin-bottom: .8rem;
	font-size: 1.8rem;
}
input,select,textarea,.form-control{
	border: .1rem solid rgba(0, 0, 0, 0.1);
	border-radius: 1.2rem;
	padding: 0 1.8rem;
	font-size: 1.8rem;
	margin-bottom: 2.4rem;
	height: auto;
	line-height: 1.3;
	height: 6rem;
}
.nice-select {
	border: .1rem solid rgba(0, 0, 0, 0.1);
    font-size: 1.8rem;
    line-height: 1.3;
    padding: 0rem 1.8rem;
    border-radius: 1.2rem;
	margin-bottom: 2.4rem;
	height: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.nice-select:focus{
	border: .1rem solid rgba(0, 0, 0, 0.1);
}
.nice-select::after{
	right: 2.4rem;
}
::-webkit-resizer{
	display: none;
}
::-webkit-input-placeholder{
	opacity: 1;
}
::-moz-placeholder{
	opacity: 1;
}
:-ms-input-placeholder{
	opacity: 1;
}
::-ms-input-placeholder{
	opacity: 1;
}
::placeholder{
	opacity: 1;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus{
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: .1rem solid rgba(0, 0, 0, 0.1);
}
img{
	max-width: 100%;
}
h1{
	font-size: 3.4rem;
	font-weight: 600;
	color: var(--white);
}
h2{
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.1;
	color: var(--text2);
	text-transform: capitalize;
}
h3{
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--text2);
	text-transform: capitalize;
}
h4{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--text1);
	text-transform: capitalize;
}
h5{
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.1;
	color: var(--text2);
}
h6{
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--text2);
	text-transform: capitalize;
}
.sec_pad{
	padding: 4rem 0;
}
main {
   padding-top: 8rem;
}
.section_title{
	margin-bottom: 3.2rem;
}
.section_title.with_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 1rem;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
}
.section_title.with_link a{
	text-decoration: underline;
	font-weight: 600;
	font-size: 2.4rem;
}
.common_btn{
	display: inline-block;
	border-radius: 1.6rem;
	border: .1rem solid var(--primary);
	color: var(--primary);
	padding: 2rem 4rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1;
	text-transform: capitalize;
	text-align: center;
}
.common_btn:hover{
	background-color: var(--primary);
	color: var(--white) !important;
	border-color: var(--primary);
}
.common_btn_2{
	display: inline-block;
	border-radius: 1.2rem;
	border: .1rem solid var(--primary);
	background-color: var(--primary);
	color: var(--white);
	padding: 1.6rem 3.2rem;
	font-size: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
}
.common_btn_2:hover{
	background-color: transparent;
	color: var(--primary) !important;
	border-color: var(--primary);
}
.danger_btn{
	display: inline-block;
	border-radius: 1.2rem;
	border: .1rem solid var(--red);
	background-color: var(--red);
	color: var(--white);
	padding: 1.6rem 2.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
}
.danger_btn:hover{
	color: var(--white) !important;
	border-color: var(--red);
}
/* page loader  */
#preloader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.loader3 {
	width: 5.0rem;
	height: 5.0rem;
	display: inline-block;
	padding: .0rem;
	text-align: left;
}

.loader3 span {
	position: absolute;
	display: inline-block;
	width: 5.0rem;
	height: 5.0rem;
	border-radius: 100%;
	background: var(--red);
	-webkit-animation: loader3 1.5s linear infinite;
	animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	        transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	        transform: scale(1, 1);
    	opacity: 0;
  	}
}

@-webkit-keyframes loader3 {
  	0% {
    	-webkit-transform: scale(0, 0);
    	opacity: 0.8;
  	}
  	100% {
    	-webkit-transform: scale(1, 1);
    	opacity: 0;
  	}
}
/*Hamburger-menu START CSS*/
.hamburger-menu {
	cursor: pointer;
	display: none;
	z-index: 999;
	margin-left: 2rem;
	position: relative;
}
.hamburger-menu span {
	background: var(--dark);
	width: 4rem;
	height: .4rem;
	display: block;
	margin: .55rem 0;
	border-radius: 2rem;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hamburger-menu .line-top.current {
	-webkit-transform: translateY(245%) rotate(135deg);
	-ms-transform: translateY(245%) rotate(135deg);
	transform: translateY(245%) rotate(135deg);
}
.hamburger-menu .line-center.current {
	opacity: 0;
}
.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-245%) rotate(-135deg);
	-ms-transform: translateY(-245%) rotate(-135deg);
	transform: translateY(-245%) rotate(-135deg);
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1024;
	width: 100%;
	background-color: #fff;
	padding: .8rem 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.container{
	padding: 0 1.2rem;
}
/*sticky START CSS*/
header.sticky {
   -webkit-box-shadow: 0 .8rem 2.0rem 0 rgba(0, 0, 0, .1);
   box-shadow: 0 .8rem 2.0rem 0 rgba(0, 0, 0, .1);
}
.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
}
.logo img{
	height: 6.4rem;
}
.logo h2{
	font-size: 1.6rem;
	color: var(--text4);
	font-weight: 700;
	text-wrap: nowrap;

}
.menu>ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.menu>ul>li>a {
	font-size: 1.8rem;
	padding: 1.2rem;
	color: var(--text);
	line-height: 1.38;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.menu>ul>li.active>a:not(.button),
.menu>ul>li>a:not(.button):hover {
	color: var(--primary) !important;
}
.menu>ul>li.active>a:not(.button){
	font-weight: 600;
}
.menu>ul li.dropdown_wrap{
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.menu>ul li.dropdown_wrap>a::after {
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	margin-left: 0.5rem;
	font-size: 85%;
	position: relative;
	top: 0.2rem;
}
.menu>ul li.dropdown_wrap>ul {
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	border: 0.1rem solid #EEEEEE;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	pointer-events: none;
	border-radius: 1rem;
	padding: 0 1.5rem;
	min-width: 20rem;
}
.menu>ul li.dropdown_wrap>ul::before {
	position: absolute;
	content: '';
	height: 1.4rem;
	width: 1.4rem;
	background-color: #fff;
	border-left: 0.1rem solid #EEEEEE;
	border-top: 0.1rem solid #EEEEEE;
	right: 3rem;
	top: -0.7rem;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.menu>ul li.dropdown_wrap:hover>ul{
	opacity: 1;
	pointer-events: all;
}
.menu>ul li.dropdown_wrap>ul>li:not(:last-child) {
	border-bottom: 0.1rem solid #EEEEEE;
}

.menu>ul li.dropdown_wrap>ul>li>a{
	color: var(--grey);
	font-size: 1.8rem;
	font-weight: 400;
	white-space: nowrap;
	padding: 1.5rem 0rem;
	display: block;
}
.menu>ul li.dropdown_wrap>ul>li>a::after {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	display: inline-block;
	margin-left: 1.5rem;
	top: 0;
}
.menu>ul li.dropdown_wrap>ul>li:hover>a,
.menu>ul li.dropdown_wrap>ul>li.active>a{
	color: var(--primary) !important;
}
.menu>ul li.dropdown_wrap>ul>li.dropdown_wrap ul{
	background-color: var(--dark_blue);
	top: 0;
	left: 100%;
}
.menu>ul li.dropdown_wrap>ul>li.dropdown_wrap ul>li>a{
	color: #fff;
}
.menu>ul li.dropdown_wrap>ul>li.dropdown_wrap ul>li>a:hover,
.menu>ul li.dropdown_wrap>ul>li.dropdown_wrap ul>li>a.active{
	color: var(--red) !important;
}
.header_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.notification_icon{
	padding-right: 1.6rem;
	color: var(--black);
}
.notification_icon i{
	position: relative;
}
.notification_icon i::after{
	content: "";
	height: 1rem;
	width: 1rem;
	border-radius: 50%;
	background-color: var(--text5);
	border: .1rem solid var(--white);
	position: absolute;
	right: 0;
	top: .2rem;
}
.user_top{
	padding-left: 1.6rem;
	border-left: 1px solid #E6E6E6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1rem;
	   -moz-column-gap: 1rem;
	        column-gap: 1rem;
}
.user_top img{
	width: 4.2rem;
	height: 4.2rem;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 50%;
	border: .2rem solid var(--text6);
}
.user_top h3{
	font-size: 1.6rem;
	color: var(--text7);
	margin-bottom: .4rem;
}
.user_top p{
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--text8);
}
.row:not(.no-gutters){
	margin-left: -1.2rem;
	margin-right: -1.2rem;
}
.row:not(.no-gutters)>div{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}
/* ===================
	footer
======================*/
footer{
	background-color: var(--bg1);
	padding: 2.55rem 0;
	border-top: .1rem solid var(--text9);
}
.footer_content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.footer_content p{
	font-size: 1.6rem;
}
.footer_content img{
	width: 4.5rem;
	margin-left: .6rem;
}
a.back-to-top {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    background-color: var(--primary);
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--white) !important;
    border-radius: 50%;
    font-size: 3rem;
}


/* ================================
		promotional deals page
===================================*/
.inner_banner{
	height: 37rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
.inner_banner::after{
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* background: -o-radial-gradient(50% 50%, 74.51% 74.51%, rgba(19, 14, 8, 0.8) 0%, rgba(16, 12, 10, 0) 100%);
	background: radial-gradient(74.51% 74.51% at 50% 50%, rgba(19, 14, 8, 0.8) 0%, rgba(16, 12, 10, 0) 100%); */
	z-index: 0;
}
.inner_banner .container{
	position: relative;
	z-index: 1;
}

/* ======== product area============= */
.feature_deals{
	background-color: var(--bg2);
	padding-top: 10rem;
	padding-bottom: 5.6rem;
}
.product_card{
	background-color: var(--white);
	border-radius: 1.2rem;
	overflow: hidden;
	margin-bottom: 3.2rem;
}
.product_card img{
    max-height: 150px;
    object-fit: cover;
}
.product_img{
	overflow: hidden;
}
.product_img img{
	width: 100%;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.product_card:hover .product_img img{
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
.product_details{
	padding: 1.2rem 2rem 1.6rem 2rem;
}
.product_details h3 {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    font-weight: 700;
}
.product_details p{
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--text);
	cursor: default;
}
.product_details p span{
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text3);
	margin-left: .8rem;
}
.popular_deals{
	padding-top: 4rem;
	padding-bottom: 10rem;
	background-color: var(--bg1);
}

/* ================================
	promotional deals details page
===================================*/
.promotional_details_area .section_title h2 a{
	color: inherit;
}
.promo_det_img{
	margin-bottom: 3.2rem;
}
.promo_det_img>div:first-child div{
	height: 100%;
}
.promo_det_img>div:last-child div{
	margin-bottom: 2.4rem;
}
.promo_det_img>div:last-child div:last-child{
	margin-bottom: 0;
}
.promo_det_img img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 2.4rem;
}
.promo_det_box{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 2.4rem 0;
}
.promo_det_box>div{
	padding: 1.4rem;
	border-bottom: .5rem solid var(--bg1);
}
.promo_det_box>div:first-child{
	padding-top: 0;
}
.promo_det_box>div:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.promo_det_title>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-bottom: .1rem solid var(--color1);
    padding-bottom: 2.4rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 2rem;
}
.promo_det_box h2 {
    margin-bottom: 2rem;
    font-weight: 700;
}
.promo_det_title p i{
	margin-right: .8rem;
}
.promo_det_title a{
	text-decoration: underline;
}
.promo_det_title>p{
	padding-top: 2.4rem;
}
.promo_det_box h3 {
    border-bottom: .1rem solid var(--color1);
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
	color: var(--text1);
	line-height: 1.3;
}
.promo_det_box h4{
	border-bottom: .1rem solid var(--color1);
	padding-bottom: 0.4rem;
	margin-bottom: 2.4rem;
	line-height: 1.3;
}
.promo_det_offer p{
	margin-bottom: .6rem;
}
.promo_det_print li{
	position: relative;
	/* padding-left: 3.2rem; */
	margin-bottom: 2.4rem;
}
.promo_det_print li:last-child{
	margin-bottom: 0;
}
/* .promo_det_print li::before{
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url(../img/check.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	left: 0;
	top:0;
} */
.promo_det_box.location_box div div{
	text-align: center;
	margin-top: 2.4rem;
	padding-top: 2.4rem;
	border-top: .1rem solid #CCCCCC;
}
.promo_det_box.location_box p{
	margin-top: .8rem;
}
.promo_det_box.location_box a{
	font-weight: 500;
	text-transform: capitalize;
	color: var(--primary);
}
.promo_det_box.side>div {
    padding:0 2rem;
}
.voucher_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: .1rem solid #CCCCCC;
}
.voucher_box:last-child{
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.voucher_box>div:first-child{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
}
.voucher_box>div:last-child{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.voucher_box p{
	margin-bottom: 1.2rem;
	color: #8D8D9A;
}
.voucher_box h3 {
    border-bottom: 0;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: .8rem;
       -moz-column-gap: .8rem;
            column-gap: .8rem;
    font-size: 2.8rem;
    font-weight: 700;
	color: #202024;
}
.voucher_box h3 span{
	display: inline-block;
	padding: .8rem 1.2rem;
	border-radius: .8rem;
	background-color: #FFF1F1;
	font-size: 1.6rem;
	font-weight: 500;
	color: #F20C0C;
}
.text-price{
	color: #0A93B3 !important;
}

/* ================================
	booking confirmation page
===================================*/

.book_confirm_box_wrap{
	background-color: var(--white);
	padding: 2.4rem;
	border-radius: 2.4rem;
}
.book_confirm_box_wrap>div{
	margin-bottom: 4rem;
}
.book_confirm_box_wrap>div:last-child{
	margin-bottom: 0;
}
.book_confirm_box_wrap>div>h3{
	margin-bottom: 2.4rem;
	color: #121212;
}
.book_confirm_box{
	padding: 1.6rem;
	background-color: #FAFAFF;
	border-radius: 1.7rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 1.6rem;
}
.book_confirm_box:last-child{
	margin-bottom: 0;
}
.book_confirm_box>div:first-child{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 2.4rem;
	   -moz-column-gap: 2.4rem;
	        column-gap: 2.4rem;
}
.book_confirm_box img{
	width: 33rem;
	border-radius: 1.6rem;
}
.book_confirm_box h3{
	margin-bottom: 1.2rem;
}
.book_info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.6rem 0;
	margin-top: 2.4rem;
	border-top: .1rem solid var(--color1);
	border-bottom: .1rem solid var(--color1);
}
.book_info p{
	font-size: 1.6rem;
	margin-top: 0.4rem;
}
.book_info i{
	height: 4rem;
	width: 4rem;
	background-color: #fff;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--black);
}
.book_info>div{
	padding: 0 1.2rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
}
.book_info>div:first-child{
	padding-left: 0;
}
.book_info>div::before{
	content: "";
	width: .1rem;
	height: 2.6rem;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.book_info>div:first-child::before{
	display: none;
}
.book_btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
}
.book_btn span{
	display: inline-block;
	padding: 1.2rem 2rem;
	border-radius: .8rem;
	font-size: 1.8rem;
	font-weight: 600;
}
.book_btn span.ready_check_in{
	background-color: rgb(33, 150, 83, 0.08);
	color: #219653;
}
.book_btn span.not_ready_check_in{
	background-color: rgba(235, 87, 87, 0.1);
	color: #EB5757;
}
.book_btn span.valid{
	background-color: rgba(1, 204, 192, 0.1);
	color: #01CCC0;
}
.book_btn .common_btn_2 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 2rem;
}

/* ================================
	reward point transection page
===================================*/
.point_box_wrap{
	background-color: var(--white);
	padding: 1.4rem;
	border-radius: 2.4rem;
}
.point_box{
	padding: 1.4rem;
	border: .1rem solid var(--color1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 2.4rem;
	-webkit-column-gap: 2.4rem;
	   -moz-column-gap: 2.4rem;
	        column-gap: 2.4rem;
	margin-bottom: 2.4rem;
}
.point_box:last-child{
	margin-bottom: 0;
}
.point_box>div:last-child{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.point_box i{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 9.6rem;
	width: 9.6rem;
	border-radius: 1.2rem;
	font-size: 3rem;
}
.point_box i.fa-long-arrow-right{
	background-color: rgba(235, 87, 87, 0.08);
}
.point_box i.fa-long-arrow-right::before{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	color: #EB5757;
}
.point_box i.fa-long-arrow-left{
	background-color: rgba(33, 150, 83, 0.08);
}
.point_box i.fa-long-arrow-left::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    color: #219653;
}
.point_box>div>div:last-child{
	margin-top: 1.2rem;
}
.point_box h3{
	color: var(--text1);
}
.point_box p{
	margin-top: 1rem;
}
.point_balance_box{
	background-color: var(--white);
	padding: 2.4rem;
	border-radius: 2.4rem;
	margin-bottom: 2.4rem;
}
.point_balance_box:last-child{
	margin-bottom: 0;
}
.point_balance_box h3{
	color: var(--text1);
	padding-bottom: 2.4rem;
	font-weight: 700;
	border-bottom: .1rem solid var(--color1);
	font-size: 2.4rem;
}
.point_balance_box>div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 2.4rem 3.2rem .8rem 0;
}
.point_balance_box h4{
	color: var(--primary);
	font-size: 4.4rem;
	font-weight: 800;
}
.point_balance_box h4 small{
	font-weight: 500;
	font-size: 2rem;
}
.point_balance_box img{
	width: 7.5rem;
}
.point_balance_box.available_balance h4{
	color: #121212;
}

/* ================================
	contact us page
===================================*/
.contact_us .section_title h2 a{
	color: inherit;
}
.contact_us_row{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 4rem;
}
.contact_form{
	padding-right: 2.4rem;
}
.contact_form form button{
	margin-top: 1.6rem;
	padding-top: 2.3rem;
	padding-bottom: 2.3rem;
}
.contact_form h6{
	font-size: 2rem;
	font-weight: 500;
	color: #121212;
	line-height: 1.5;
}
.contact_form form{
	margin-top: 2.4rem;
}
.contact_info_area{
	padding-left: 4rem;
}
.contact_info_area h5{
	font-size: 2.4rem;
	line-height: 1.25;
	color: #121212;
	display: inline-block;
	border-bottom: .1rem solid #DEDAFA;
	padding-bottom: 1.2rem;
	font-weight: 500;
}
.contact_info{
	margin-top: 4.8rem;
}
.contact_info>div{
	margin-bottom: 4.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.contact_info i{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 6.4rem;
	width: 6.4rem;
	border-radius: 50%;
	background-color: rgba(67, 53, 222, 0.07);
	color: var(--primary);
	font-size: 2.4rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.contact_info i.fa-phone{
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.contact_info p{
	font-size: 1.8rem;
	margin-bottom: .8rem;
}
.contact_info a{
	font-size: 2rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
}
.contact_info h6{
	font-size: 2rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
}
.social_follow{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.social_follow p{
	color: #8C8B9C;
	position: relative;
}
.social_follow p span{
	display: inline-block;
	height: .1rem;
	width: 10rem;
	background-color: #8C8B9C;
	position: absolute;
	top: 50%;
	margin-left: .8rem;
}
.social_follow>div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
}
.social_follow a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 2.1rem;
	width: 2.1rem;
	background-color: #8C8B9C;
	border-radius: 50%;
}
.social_follow a img{
	width: 1.2rem;
}
.social_follow a img.facebook_icon{
	width: .8rem;
}
.social_follow a:hover{
	background-color: var(--black);
}

/* ================================
	announcement listing page
===================================*/
.announcement_box{
	background-color: var(--white);
	padding: 2.4rem;
	border-radius: 2.4rem;
}
.announcement{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 2.4rem;
	   -moz-column-gap: 2.4rem;
	        column-gap: 2.4rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 3.2rem 0;
	border-bottom: .1rem solid var(--text9);
}
.announcement:first-child{
	padding-top: 0;
}
.announcement:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.announcement img {
    width: 34.5rem;
    border-radius: 1.2rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
	max-height: 250px;
	object-fit: cover;
}
.announcement h2{
	font-weight: 700;
	line-height: 1.5;
}
.announcement p{
	color: #9C9BA4;
	margin-top: 1.6rem;
	margin-bottom: 2.4rem;
}
.announcement_date{
	font-size: 2.4rem;
	margin-bottom: 1.2rem;
	margin-top: 0 !important;
	color: var(--text);
}

/* ================================
	announcement detail page
===================================*/
.announcement_detail .section_title a{
	color: inherit;
}
.announcement_detail_box{
	border-radius: 2.4rem;
	padding: 1.6rem;
	background-color: var(--white);
}
.announcement_detail_box img{
	border-radius: 1.2rem;
	width: 100%;
}
.announcement_detail_content{
	padding: 1.6rem;
	margin-top: .4rem;
	padding-bottom: 0;
}
.announcement_detail_content h2{
	font-weight: 700;
	line-height: 1.5;
	margin-top: 1.6rem;
}
.announcement_detail_content p{
	margin-top: 1.6rem;
	color: #9C9BA4;
}
.announcement_detail_content h3{
	color: #9C9BA4;
	margin-top: 2.4rem;
}
.detail_cta{
	padding: 2.4rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	border-radius: 2.4rem;
	margin: 3.2rem 0;
}
.detail_cta h6{
	max-width: 54rem;
	color: var(--white);
	line-height: 1.5;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 1.6rem;
	text-shadow: 0rem .6rem .8rem rgba(0, 0, 0, 0.35);
}
.detail_cta .common_btn {
    color: var(--white);
    border-color: var(--white);
    padding: 1.3rem 2.4rem;
    border-radius: 1rem;
}
.detail_cta .common_btn:hover{
	background-color: #fff;
	color: var(--primary) !important;
}
.announcement_detail_content ul {
    margin-top: 1.6rem;
    list-style: disc;
    color: #9C9BA4;
    padding-left: 3rem;
}
.announcement_detail_content ul li{
	margin-bottom: .8rem;
}
.announcement_detail_side{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 1.6rem 1.6rem;
}
.announcement_detail_side h4{
	margin-bottom: 1.6rem;
}
.announcement_detail_side>div{
	margin-bottom: 2.4rem;
}
.announcement_detail_side>div:last-child{
	margin-bottom: 0;
}
.announcement_detail_side img{
	border-radius: 1.2rem;
	width: 100%;
}
.announcement_detail_side p{
	margin-top: 1.6rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.announcement_detail_side h6 {
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text2);
    margin-top: 0.8rem;
}
.more_wide{
	max-width: 27%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 27%;
	        flex: 0 0 27%;
}

/* ================================
	booking payment page
===================================*/
.booking_payment .section_title a{
	color: inherit;
}
.book_pay_box{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 3rem;
}
.book_pay_box h5{
	font-weight: 500;
	margin-bottom: 4rem;
}
.custom_payment_radio_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0.8rem;
	border-radius: 1.2rem;
	-webkit-column-gap: 2.4rem;
	   -moz-column-gap: 2.4rem;
	        column-gap: 2.4rem;
	border: .1rem solid var(--text9);
	margin-bottom: 2.4rem;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.custom_payment_radio_wrap input{
	display: none;
}
.custom_payment_radio{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--white);
	height: 4.3rem;
	width: 4.3rem;
	border-radius: 50%;
	background-color: transparent;
	border: .1rem solid var(--primary);
	line-height: 1;
	font-size: 2.4rem;
}
.custom_payment_radio::after{
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
}
.custom_payment_radio_wrap input:checked~ .custom_payment_radio{
	background-color: var(--primary);
}
.custom_payment_radio_wrap>div:last-child{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}
.custom_payment_radio_wrap img {
    margin-left: 1.6rem;
    height: 4rem;
}
.custom_payment_radio_wrap img:first-child{
	margin-left: 0;
}
.book_pay_box h4{
	font-weight: 600;
	margin-bottom: 1rem;
}
.payment_note{
	background-color: #F6F8F9;
	padding: 2.4rem;
	padding-right: 4rem;
	font-size: 1.8rem;
	border-radius: 1.2rem;
}
.privacy_click{
	font-size: 1.8rem;
	margin-top: 1.6rem;
	margin-bottom: 4rem;
}
.privacy_click a{
	font-weight: 500;
	text-decoration: underline;
}
.btn_group{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 2.1rem;
	   -moz-column-gap: 2.1rem;
	        column-gap: 2.1rem;
}
.btn_group .common_btn{
	padding-top: 2.2rem;
	padding-bottom: 2.2rem;
	width: 100%;
	text-transform: uppercase;
	background-color: #fff;
}
.btn_group .common_btn:hover{
	 background-color: var(--primary);
}
.btn_group .common_btn_2{
	padding-top: 2.2rem;
	padding-bottom: 2.2rem;
	width: 100%;
}
.book_pay_details{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 3rem;
}
.book_room_details{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 3.6rem;
	   -moz-column-gap: 3.6rem;
	        column-gap: 3.6rem;
	margin-bottom: 3rem;
}
.book_room_details img{
	border-radius: 1.2rem;
	width: 18rem;
}
.book_room_details h4{
	font-weight: 600;
}
.book_room_details p{
	margin-bottom: 1rem;
	color: var(--text2);
}
.book_room_details p:last-child{
	margin-bottom: 0;
}
.book_room_details p.default_text{
	color: var(--text);
	margin-top:1.6rem;
	margin-bottom: 2.4rem;
}
.book_price_details h4{
	font-size: 2.6rem;
}
.book_price_details p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-top: 2rem;
}
.book_price_details p strong{
	font-weight: 600;
	color: var(--text2);
}
.total_amount{
	color: var(--primary) !important;
}
.book_subtotal_area{
	margin-top: 2rem;
	padding-bottom: 2rem;
	border-top: .1rem solid rgba(0, 0, 0, 0.1);
	border-bottom: .1rem solid rgba(0, 0, 0, 0.1);
}
.book_guest_details{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 3rem;
	margin-top: 3rem;
}
.book_guest_details h4{
	font-size: 2.6rem;
	font-weight: 500;
}
#book_accordion .accordion_item{
	padding: 1.6rem 0;
	border-bottom: .1rem solid rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
}
#book_accordion .accordion_item:last-child{
	margin-bottom: 0;
}
#book_accordion p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#book_accordion p[type="button"]{
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
#book_accordion p[type="button"]::after{
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 1.2rem;
}
#book_accordion p[type="button"][aria-expanded="true"]::after{
	content: "\f077";
}
#book_accordion p[type="button"][aria-expanded="false"]::after{
	content: "\f078";
}
#book_accordion .accordion_body p{
	margin-top: 1.2rem;
}
#book_accordion p span{
	display: block;
	width: 12rem;
}
#book_accordion p strong{
	font-weight: 600;
	color: var(--text2);
}

/* ================================
	guest profile page
===================================*/
.guest_profile .section_title a{
	color: inherit;
}
.guest_profile_box{
	background-color: var(--white);
	border-radius: 2.4rem;
	padding: 3rem;
}
.guest_detail_form{
	padding-top: 2.4rem;
	border-top: .1rem solid var(--text9);
}
.guest_detail_form:first-child{
	border-top: none;
	padding-top: 0;
}
.guest_profile_box h5{
	font-weight: 500;
	margin-bottom: 2.4rem;
}
.reservation_note{
	text-align: center;
	background-color: #F6F8F9;
	padding: 1.6rem 0;
	margin-bottom: 2.8rem;
	font-size: 1.4rem;
	color: var(--text2);
	border-radius: 1.2rem;
}
.guest_profile_box .btn_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.1rem;
       -moz-column-gap: 2.1rem;
            column-gap: 2.1rem;
	margin-top: 1.6rem;
}
.guest_profile_box .btn_group .common_btn {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    width: 100%;
    text-transform: uppercase;
}
.guest_profile_box .btn_group .common_btn_2 {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    width: 100%;
}


/* ================================
	 profile pages
===================================*/
.profile_siderbar{
	background-color: #fff;
	border-radius: 2.4rem;
	overflow: hidden;
	text-align: center;
	margin-bottom: 2.4rem;
}
.profile_bg{
	height: 25rem;
	width: 100%;
	background-image: url(../img/profile_bg.png);
	background-size: cover;
	background-position: center center;
}
.user_box{
	margin-top: -12rem;
}
.user_img{
	width: 16rem;
	display: inline-block;
	position: relative;
	margin-bottom: 3.7rem;
}
.user_img img{
	width: 100%;
	height: 19.4rem;
	border-radius: 1.2rem;
	-o-object-fit: cover;
	   object-fit: cover;
}
.edit{
	height: 4.4rem;
	width: 4.4rem;
	border-radius: 1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #fff;
	background-color: var(--primary);
	position: absolute;
	bottom: -2.2rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.edit:hover{
	color: #fff !important;
	background-color: var(--black);
}
.profile_siderbar p{
	font-weight: 500;
	margin-top: 0.8rem;
}
.profile_siderbar ul li a{
	font-size: 2.4rem;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: var(--text7);
	padding: 1.6rem 0;
}
.profile_siderbar ul{
	border-top: 0.1rem solid #E9E9E9;
	padding-top: 2.8rem;
	margin-top: 2.8rem;
}
.profile_siderbar ul li a:hover,
.profile_siderbar ul li a.active{
	color: var(--primary);
}
.profile_content{
	padding: 0 2.4rem 2rem;
}
.profile_box{
	padding: 2.4rem;
	border-radius: 2.4rem;
	margin-bottom: 2.4rem;
	background-color: #fff;
}
.profile_title {
	padding-bottom: 2.4rem;
	border-bottom: 0.1rem solid #E9E9EC;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.profile_title a{
	color: var(--text7);
}
.profile_box ul.details_list {
	padding-top: 0.6rem;
}
.profile_box ul.details_list li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 0.8rem;
	   -moz-column-gap: 0.8rem;
	        column-gap: 0.8rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 1.8rem;
}
.profile_box ul.details_list li strong{
	font-weight: 600;
	color: #131313;
}
.location{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-column-gap: 0.8rem;
	   -moz-column-gap: 0.8rem;
	        column-gap: 0.8rem;
	max-width: 60rem;
	margin-top: 2.4rem;
}
.discount_wrapper{
	padding: 0.2rem 1rem;
}
.discount_item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2rem;
	   -moz-column-gap: 2rem;
	        column-gap: 2rem;
	margin-top: 2.2rem;
}
.discount_item>img{
	width: 18.2rem;
	border-radius: 1.2rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.discount_item:not(:last-child){
	border-bottom: 0.2rem solid #F4F4F7;
	padding-bottom: 3.2rem;
}
.discount_content{
	width: 100%;
}
.discount_content h4{
	font-size: 2.6rem;
	margin-bottom: 0.8rem;
	line-height: 1.2;
}
.discount_content p{
	max-width: 49rem;
}
.discount_bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
	row-gap: 2rem;
	margin-top: 1rem;
}
.date_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
}
.date_icon{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: #FAFAFF;
	color: var(--black);
}
.date_wrap p span{
	color: #121212;
	font-weight: 500;
}
.discount_bottom .common_btn_2 {
    min-width: 14.8rem;
    text-align: center;
}
.custom_tab li{
	width: 50%;
}
.custom_tab li a,
.custom_tab li button{
	background-color: transparent !important;
	padding: 2rem 0;
	border: none;
	border-bottom: 0.3rem solid transparent;
	width: 100%;
	font-size: 2.4rem;
	font-weight: 500;
	color: #131313;
	border-radius: 0 !important;
}
.custom_tab li a.active,
.custom_tab li button.active{
	color: var(--primary) !important;
	border-bottom-color: var(--primary);
}
.profile_inner_box{
	border: 0.1rem solid #D2D2D2;
	padding: 2.4rem;
	border-radius: 1.6rem;
	margin-top: 2.4rem;
}
.small_text{
	font-size: 1.8rem;
	color: #131313;
	margin-top: 0.8rem;
}
.small_text a{
	text-decoration: underline;
	font-weight: 500;
}
.profile_inner_content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
	margin-top: 2.4rem;
}
.icon_box{
	height: 6.4rem;
	width: 6.4rem;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--primary);
	background-color: rgba(67, 53, 222, 0.07);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.red_text{
	font-weight: 500;
	color: #EB5757;
}
.right_content {
	width: 100%;
}
.right_content p:first-child{
	margin-top: 0;
}
.right_content .form_group{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2rem;
	   -moz-column-gap: 2rem;
	        column-gap: 2rem;
	margin-top: 2rem;
}
.right_content .nice_select{
	margin-bottom: 0;
}
.button{
	display: inline-block;
	text-align: center;
	padding: 1.6rem 3.2rem 1.6rem;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--primary);
	background-color: rgba(67, 53, 222, 0.05);
	border-radius: 1.2rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.button:hover{
	background-color: var(--primary);
	color: #fff !important;
}
.profile_img_circle{
	height: 14rem;
	width: 14rem;
	border-radius: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.button_group{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 2rem;
}
.button_group .common_btn_2{
	width: 49%;
	padding: 1.6rem 1.6rem;
}
.reset_btn{
	background-color: #EB5757;
	border-color: #EB5757;
}


/*signup area*/
.signup_area{
	background-color: #fff;
}
.iti__selected-country-primary .iti__flag{
	display: none;
}
.iti__selected-country {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.sign_left{
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	color: #fff;
	min-height: 100vh;
	height: 100%;
	padding: 8rem 4rem;
}
.sign_left::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), radial-gradient(50% 50% at 50% 50%, rgba(4, 75, 86, 0.7) 0%, rgba(10, 61, 59, 0) 100%);
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), -o-radial-gradient(50% 50%, 50% 50%, rgba(4, 75, 86, 0.7) 0%, rgba(10, 61, 59, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(50% 50% at 50% 50%, rgba(4, 75, 86, 0.7) 0%, rgba(10, 61, 59, 0) 100%);
}
.sign_logo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
}
.sign_logo img{
	width: 18.4rem;
}
.sign_logo h4{
	text-transform: uppercase;
	color: #fff;
}
.signleft_content{
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.signleft_content p{
	margin-top: 2.4rem;
}
.sign_right{
	padding: 4rem;
}
.sign_right .common_btn_2{
	height: 6rem;
}
.sign_right form{
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
}
.sign_title{
	margin-bottom: 3.2rem;
}
.sign_title h2{
	font-weight: 700;
}
.sign_title p{
	margin-top: 1.2rem;
	font-weight: 500;
}
.tos_text p{
	font-size: 1.6rem;
	padding-top: 0.8rem;
	max-width: 59rem;
	margin-left: auto;
	margin-right: auto;
}
.bottom_text p{
	font-weight: 500;
	padding-top: 2.3rem;
	font-size: 1.8rem;
}
.bottom_text p a{
	font-weight: 600;
}
.user{
	padding-left: 4.4rem;
	background-size: 1.8rem;
	background-position: 1.8rem center;
	background-repeat: no-repeat;
	background-image: url(../img/user.svg);
}
.email{
	padding-left: 4.4rem;
	background-size: 1.8rem;
	background-position: 1.8rem center;
	background-repeat: no-repeat;
	background-image: url(../img/email.svg);
}
.date{
	padding-right: 4.4rem;
	background-size: 1.8rem;
	background-position: calc(100% - 1.8rem) center;
	background-repeat: no-repeat;
	background-image: url(../img/calendar.svg);
}
.password{
	position: relative;
}
.password .togglePass{
	position: absolute;
	right: 1.8rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	height: 2rem;
	width: 2rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	background-image: url(../img/eye_close.svg);
}
.password .togglePass.show{
	background-image: url(../img/eye.svg);
}
.password input{
	padding-left: 4.4rem;
	background-size: 1.8rem;
	background-position: 1.8rem center;
	background-repeat: no-repeat;
	background-image: url(../img/password.svg);
}
.or_text{
	position: relative;
	max-width: 35.5rem;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	text-align: center;
}
.or_text::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 0.2rem;
	background-color: #F7F7F7;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: -1;
}
.or_text span{
	color: #BEBEBE;
	display: inline-block;
	font-weight: 500;
	padding: 0 2rem;
	background-color: #fff;
}
.social_login{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding-bottom: 2.4rem;
}
.social_login li{
	margin-top: 2.4rem;
}
.social_login li a{
	width: 15rem;
	height: 5.6rem;
	border-radius: 1.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 2.4rem;
	background-color: rgba(18, 18, 18, 0.05);
	color: #121212;
}
.social_login li:nth-child(2) a{
	background-color: rgba(60, 106, 182, 0.05);
	color: #3C6AB6;
}
.social_login li:nth-child(3) a{
	background-color: rgba(217, 63, 33, 0.05);
	color: #D93F21;
}
hr {
    margin-top: 0;
    margin-bottom: 2.4rem;
}
.coin_item img{
	width: 6.6rem;
}
.coin_item h2{
	font-size: 4.4rem;
	font-weight: 800;
	color: #121212;
}
.coin_item h2.primary_text{
	color: var(--primary);
}
.coin_item h2 span{
	font-size: 2rem;
	font-weight: 500;
}
.book_title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 1rem;
	padding-bottom: 2.4rem;
}
.book_title h5{
	margin-bottom: 0;
}
.book_title p{
	font-weight: 500;
}
.book_title p span{
	color: #131313;
}
.irs--round .irs-line {
    top: 3.6rem;
    height: 1rem;
    background-color: #F1F2F6;
    border-radius: 1rem;
}
.irs--round .irs-bar {
    top: 3.6rem;
    height: 1rem;
    background-color: var(--primary);
    border-radius: 1rem !important;
}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: var(--primary);
}
.irs--round .irs-handle {
    top: 2.8rem;
    width: 2.6rem;
    height: 2.6rem;
    border: 0.2rem solid #fff;
    background-color: var(--primary);
    -webkit-box-shadow: 0 1.0rem 1.9rem rgba(138, 151, 216, 0.42);
            box-shadow: 0 1.0rem 1.9rem rgba(138, 151, 216, 0.42);
}
.irs-single{
	display: none;
}
.irs--round .irs-min, .irs--round .irs-max {
    color: #8D8D9A;
    font-size: 1.8rem;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    visibility: visible !important;
}
.extra-controls h5{
	font-size: 2.4rem;
	font-weight: 600;
}

.nice-number button{
	height: 4.4rem;
	width: 4.4rem;
	border-radius: 1.4rem;
	background-color: var(--primary);
	color: #fff;
	border: none;
	font-size: 3rem;
}
.nice-number input {
    font-size: 2.4rem;
    font-weight: 600;
    padding: 0;
    border: none;
    height: auto;
    width: 6rem !important;
}
.offer_boxes h4{
	border-bottom: none;
	padding-bottom: 0;
	font-weight: 600;
}
.offer_boxes p span{
	color: #131313;
	font-weight: 500;
}
.package_item {
	border-bottom: .1rem solid var(--color1);
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.package_item h4{
	margin-bottom: 0;
}
.redemeption{
	border-top: .3rem solid #F7F7F9;
	padding-top: 4rem;
	margin-top: 4rem;
	margin-left: -2.4rem;
	margin-right: -2.4rem;
	padding-left: 2.4rem;
	padding-right: 2.4rem;
}


/*message area*/
.message_box{
	background-color: #fff;
	border-radius: 2.4rem;
	overflow: hidden;
}
.message_header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 1rem;
	   -moz-column-gap: 1rem;
	        column-gap: 1rem;
	row-gap: 1.6rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-bottom: 0.1rem solid #E9E9EC;
}
.message_header .common_btn_2{
	margin-right: 1.6rem;
	margin-left: 1.6rem;
	border-radius: 1.6rem;
}
.message_header .custom_tab{
	width: 100%;
	max-width: 64rem;
}
.message_wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.chat_user{
	border-right: 0.1rem solid #E9E9EC;
	width: 53rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	height: 100%;
}
.chat_user li:not(:last-child){
	border-bottom: 0.1rem solid #E9E9EC;
}
.chat_user li a{
	display: block;
	position: relative;
	padding: 2.5rem;
	color: inherit;
}
.chat_user li a:hover,
.chat_user li a.active{
	background-color: #FAFAFF;
}
.chat_user li a h4{
	font-weight: 500;
}
.chat_user li a p{
	color: #9C9BA4;
	font-weight: 500;
	margin-top: 0.5rem;
}
.notification_badge{
	position: absolute;
	right: 2.4rem;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: var(--primary);
	font-size: 1.6rem;
	color: #fff;
	height: 2.4rem;
	min-width: 2.4rem;
	padding: 0 0.5rem;
	border-radius: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.chat_wrapper{
	width: 100%;
}
.chat_header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 1rem;
	   -moz-column-gap: 1rem;
	        column-gap: 1rem;
	border-bottom: 0.1rem solid #E9E9EC;
	padding: 2rem 2.4rem;
}
.chat_user_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
}
.chat_user_wrap img{
	height: 5.6rem;
	width: 5.6rem;
	border-radius: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.chat_user_wrap h4{
	font-weight: 500;
	margin-bottom: 0.5rem;
	line-height: 1.1;
}
.chat_header .dropdown-toggle {
    height: 5.6rem;
    width: 5.6rem;
    border-radius: 50%;
    border: 0.1rem solid #E9E9EC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.chat_header .dropdown-toggle:after{
	display: none;
}
.chat_header .dropdown-toggle img{
	height: 2.4rem;
}
.dropdown-item.active, .dropdown-item{
	font-size: 1.8rem;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);
    color: #fff;
}
.chat_inner{
	height: 52rem;
	overflow: auto;
	padding: 2.4rem 2.4rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column;
}
.chat_item{
	margin-bottom: 2.4rem;
}
.chat_item .message_body{
	display: inline-block;
	text-align: left;
	color: #757474;
	padding: 1.6rem 2.4rem;
	background-color: #FAFAFF;
	border-radius: 1.2rem;
	margin-bottom: 0.8rem;
}
.chat_item p{
	font-size: 1.6rem;
}
.chat_item.reply{
	text-align: right;
}
.chat_item.reply .message_body{
	background-color: #EDFAE8;
	color: #131313;
}
.chat_footer{
	padding: 0 2.4rem 2.4rem;
}
.file{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 2.4rem;
	cursor: pointer;
}
.file img{
	width: 2rem;
}
.file input{
	display: none;
}
.chat_footer form{
	position: relative;
}
.chat_footer input{
	width: 100%;
	height: 8rem;
	padding: 0 9rem 0 6rem;
	font-size: 2rem;
	margin-bottom: 0;
}
.send_btn{
	position: absolute;
	right: 0.8rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: var(--primary);
	border: none;
	width: 7.2rem;
	height: 6.4rem;
	border-radius: 1.6rem;
}
.send_btn img{
	width: 2.4rem;
}
.send_btn:hover{
	background-color: var(--black);
}


.search_card{
	background-color: #fff;
	border-radius: 2.4rem;
	padding: 0.7rem 3.2rem 3.2rem;
	margin-top: 3.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-column-gap: 3.2rem;
	   -moz-column-gap: 3.2rem;
	        column-gap: 3.2rem;
}
.search_card>img{
	width: 36.2rem;
	border-radius: 1.6rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.search_content{
	width: 100%;
}
.search_title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 2rem;
}
.link{
	display: inline-block;
	text-transform: capitalize;
	text-decoration: underline;
	color: #F2994A;
	font-size: 1.8rem;
	font-weight: 500;
}
.link:hover{
	text-decoration: underline;
}
.link2{
	color: #007bff !important;
}
.search_title ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2.4rem;
	   -moz-column-gap: 2.4rem;
	        column-gap: 2.4rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.search_title ul li{
	margin-top: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 0.8rem;
	   -moz-column-gap: 0.8rem;
	        column-gap: 0.8rem;
	font-size: 1.8rem;
	color: #747474;
}
.search_title ul li img{
	width: 2.4rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.room_wrap{
	padding-top: 0.8rem;
}
.room_item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 2rem;
	   -moz-column-gap: 2rem;
	        column-gap: 2rem;
	margin-top: 2.4rem;
	row-gap: 2rem;
}
.room_item:not(:last-child){
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
	padding-bottom: 2.4rem;
}
.room_item h4{
	font-weight: 500;
	margin-bottom: 0.6rem;
	color: #131313;
	line-height: 1.2;
}
.room_item h3{
	font-size: 2.6rem;
	font-weight: 700;
	color: #131313;
}
.room_item h3 span{
	font-size: 1.8rem;
	font-weight: 500;
}
.room_price{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-column-gap: 3.2rem;
	   -moz-column-gap: 3.2rem;
	        column-gap: 3.2rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 0.6rem;
}
.room_price .common_btn_2{
	font-size: 1.6rem;
}
.search_filter{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4rem;
	   -moz-column-gap: 4rem;
	        column-gap: 4rem;
	row-gap: 2rem;
}
.filter_icon{
	height: 4.8rem;
	width: 4.8rem;
	border-radius: 50%;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.filter_icon img{
	width: 2.4rem;
}
.search_filter_item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.6rem;
	   -moz-column-gap: 1.6rem;
	        column-gap: 1.6rem;
	position: relative;
	z-index: 1;
}
.search_filter_item:not(:first-child){
	padding-left: 4rem;
}
.search_filter_item:not(:first-child)::before{
	content: '';
	position: absolute;
	left: 0;
	height: 2.6rem;
	width: 0.1rem;
	background-color: #D9D9D9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.search_filter_item h5{
	font-size: 1.8rem;
	margin-bottom: 0.4rem;
}
.search_filter_item p{
	font-size: 1.6rem;
}
.search_filter .common_btn_2{
	font-size: 1.6rem;
	min-width: 11.6rem;
}

/*home area*/
.home_area{
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center center;
	height: 37rem;
}
.home_area::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	/* background-color: #131313; */
	opacity: 0.6;
}
.home_content p{
	font-size: 2.6rem;
	margin-bottom: 2.5rem;
	color: #fff;
}
.point_card{
	background-size: cover;
/*	background-position: center center;*/
	border-radius: 2.4rem;
	padding: 4rem 3rem;
	color: #131313;
	max-width: 35rem;
	margin-left: auto;
}
.point_card p{
	font-size: 1.3rem;
	font-weight: 500;
}
.point_card h2{
	font-size: 2.6rem;
	font-weight: 800;
	margin-top: 3.8rem;
	margin-bottom: 0.6rem;
}
.point_card p:last-child{
	padding-bottom: 1.6rem;
	border-bottom: 0.1rem dashed rgba(19, 19, 19, 0.16);
	padding-bottom: 1.4rem;
}
.blog_box{
	border-radius: 1.6rem;
	overflow: hidden;
	background-color: #fff;
	height: 100%;
}
.blog_content{
	padding: 2rem;
}
.date_text{
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 0.8rem;
}
.blog_content p {
    font-size: 1.8rem;
    margin-top: 0.8rem;
    max-width: 41rem;
}
.title_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
	row-gap: 2rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 1rem;
}
.title_wrap h2{
	font-size: 3.6rem;
}
.view_link{
	font-size: 1.8rem;
	font-weight: 500;
	text-decoration: underline !important;
}
.view_link i{
	margin-left: 0.5rem;
}
.top_title{
	margin-bottom: 1rem;
	font-size: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1rem;
	   -moz-column-gap: 1rem;
	        column-gap: 1rem;
}
.top_title::after{
	content: '';
	display: inline-block;
	width: 5rem;
	height: 0.1rem;
	background-color: var(--text);
}
.products_area.v2 .product_card{
	height: 100%;
}
.products_area.v2 .product_card h4{
	max-width: 26rem;
}
.products_area.v2 .product_card p{
	margin-top: 1.5rem;
}
.products_area.v2 .product_card p span{
	margin-left: 0;
}

.slider_item{
	background-size: cover;
	background-position: center center;
	border-radius: 2rem;
	position: relative;
	overflow: hidden;
}
.slider_text{
	background-size: cover;
	background-position: left center;
	max-width: 35rem;
	margin-left: auto;
	color: #fff;
	padding: 3rem 7rem;
}
.slider_text h2{
	font-weight: 800;
	font-size: 7.2rem;
	line-height: 1.2;
	text-shadow: .1rem .4rem 0 #610384;
	color: #fff;
	margin-right: -4rem;
}
.slider_text h2 span {
    font-size: 3.2rem;
    font-weight: 600;
    -webkit-transform: rotate(270deg) translate(1.8rem, -2.2rem);
        -ms-transform: rotate(270deg) translate(1.8rem, -2.2rem);
            transform: rotate(270deg) translate(1.8rem, -2.2rem);
    display: inline-block;
    width: 6.4rem;
}
.slider_item .heading{
	position: absolute;
	left: 3.5rem;
	top: 0;
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(1.0rem);
	        backdrop-filter: blur(1.0rem);
	border-radius: 0 0 2.4rem 2.4rem;
	padding: 2.2rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}
.slider_text ul{
	padding-top: 0.8rem;
}
.slider_text li{
	margin-top: 0.8rem;
	font-size: 1.6rem;
	font-weight: 500;
}
.yellow_btn{
	background-color: #FEE892;
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	border-color: #FEE892;
	padding: 1.4rem 2.8rem;
	text-transform: inherit;
}
.yellow_btn:hover{
	background-color: #000;
	border-color: #000 !important;
	color: #fff !important;
}
.slider1 .owl-dots{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 3.2rem;
	-webkit-column-gap: 0.5rem;
	   -moz-column-gap: 0.5rem;
	        column-gap: 0.5rem;
}
.slider1 .owl-dots button{
	height: 1rem;
	width: 1rem;
	padding: 0.1rem;
	border-radius: 4rem;
	background-color: var(--primary);
	opacity: 0.2;
}
.slider1 .owl-dots button.active{
	width: 2.8rem;
	opacity: 1;
}


/*guest button*/
.booking_area{
	padding-top: 10rem;
}
.booking_form{
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 1.8rem 2.4rem 1.8rem 5.5rem;
	border-radius: 3.2rem;
	margin-top: 3rem;
}
.booking_form .common_btn_2{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	text-transform: inherit;
	padding: 2.4rem;
	width: 22.6rem;
}
.booking_item{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
}
.booking_item>img{
	width: 2.4rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.booking_item input, 
.booking_item .nice_select, 
.booking_item button {
    width: 100%;
    max-width: 22rem;
    font-size: 1.6rem;
    text-align: left;
    padding: 0;
    background-color: transparent;
    height: auto;
    color: #747474;
    border-radius: 0;
    border: none;
    margin-top: 0.5rem;
    margin-bottom: 0;
    display: block;
}
.booking_content{
	width: 100%;
}
.booking_content h5{
	font-size: 1.8rem;
	font-weight: 500;
}
.booking_content input{
	width: 100% !important;
}
.booking_item .nice_select::after{
	right: 0;
}
.guests-input {
  position: relative;
  margin: 0 auto;
}
.guests-input button {
	cursor: pointer;
}
.guests-input button:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	right: 1.5rem
}
.guests-input button:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	right: 2.1rem
}
.guests-input button.open:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg)
}
.guests-input button.open:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg)
}
.guests-input__options {
	position: absolute;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: rgba(72, 72, 72, 0.2) .0rem 1.5rem 2.0rem;
	box-shadow: rgba(72, 72, 72, 0.2) .0rem 1.5rem 2.0rem;
	border-radius: .2rem;
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	z-index: 2;
}
.guests-input__options.open {
	opacity: 1;
	height: 14.6rem
}
.guests-input__options>div {
	padding: 1.0rem 0;
	text-align: center
}
.guests-input__options>div:first-child {
	padding-top: 3.5rem
}
.guests-input__options>div:last-child {
	padding-bottom: 3.5rem
}
.guests-input__ctrl {
	display: inline-block;
	border: .1rem solid #484848;
	font-size: 2.0rem;
	color: #484848;
	padding: .3rem .8rem;
	line-height: 2.0rem;
	border-radius: .2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}
.guests-input__ctrl.disabled {
	color: #d8d8d8;
	border-color: #d8d8d8;
	cursor: default
}
.guests-input__value {
	display: inline-block;
	padding: 0 1.0rem;
	width: 12.0rem;
	cursor: default
}
.guests-input__value span {
	display: inline-block;
	padding-right: .5rem
}
.blog_img img{
	max-height: 250px;
	object-fit: cover;
}

  .slider{
	margin-top: 3rem;
  }
  
  .slider .item{
	height: 40rem;
	text-align: center;
  }
  
  .slider .item img{
	height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	margin-left: auto;
	margin-right: auto;
  }
  
  .slider .owl-nav button{
	background-color: #fff;
	height: 6rem;
	width: 5rem;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3rem;
  }
  
  .slider .owl-nav button.owl-prev{
	left: 0;
  }
  
  .slider .owl-nav button.owl-next{
	right: 0;
  }