/* Reservation Widget */
.widget-reservation {
	position     : relative;
	overflow     : hidden;
	padding      : 50px 40px 30px;
	border-radius: 8px;
}

.widget-reservation:hover::before {
	opacity   : 0;
	visibility: hidden;
}

.widget-reservation:hover::after {
	opacity   : 0.9;
	visibility: visible;
}

.widget-reservation img {
	position: absolute;
	top     : 0;
	left    : 0;
	right   : 0;
	width   : 100%;
	height  : 100%;
	z-index : 1;
}

.widget-reservation::before {
	content           : '';
	position          : absolute;
	top               : 0;
	left              : 0;
	right             : 0;
	width             : 100%;
	height            : 100%;
	background-image  : -webkit-gradient(linear, left top, left bottom, color-stop(20%, #19BAD7), to(#19BAD7)) !important;
	background-image  : -o-linear-gradient(top, #19BAD7 20%, #19BAD7 100%) !important;
	background-image  : linear-gradient(180deg, #19BAD7 20%, #19BAD7 100%) !important;
	/* background: #ff6600 !important; */
	-webkit-transform : translateX(0);
	-ms-transform     : translateX(0);
	transform         : translateX(0);
	z-index           : 2;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition     : 0.5s ease-in-out;
	transition        : 0.5s ease-in-out;
	opacity           : 0.2;
	visibility        : visible;
}

.widget-reservation::after {
	content           : '';
	background-image  : -webkit-gradient(linear, left top, left bottom, from(rgba(213, 19, 181, 0)), color-stop(0%, var(--global--color-heading)));
	background-image  : -o-linear-gradient(top, rgba(213, 19, 194, 0) 0%, var(--global--color-heading) 0%);
	background-image  : linear-gradient(180deg, rgba(213, 19, 177, 0) 0%, var(--global--color-heading) 0%);
	position          : absolute;
	top               : 0;
	left              : 0;
	right             : 0;
	width             : 100%;
	height            : 100%;
	-webkit-transform : translateX(0);
	-ms-transform     : translateX(0);
	transform         : translateX(0);
	z-index           : 2;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition     : 0.5s ease-in-out;
	transition        : 0.5s ease-in-out;
	opacity           : 0;
	visibility        : hidden;
}

@media screen and (max-width: 991.98px) {
	.widget-reservation {
		text-align: center;
	}
}

.widget-reservation .widget-content {
	position: relative;
	z-index : 3;
}

.widget-reservation .widget-content i {
	display          : block;
	-webkit-transform: translateY(-25px);
	-ms-transform    : translateY(-25px);
	transform        : translateY(-25px);
	margin-bottom    : -25px;
}

.widget-reservation .widget-content i:before {
	font-size: 65px;
	color    : var(--global--color-white);
}

.widget-reservation .widget-content p {
	margin-top   : 7px;
	font-family  : var(--global--font-body);
	font-weight  : 700;
	font-size    : 17px;
	line-height  : 28px;
	color        : var(--global--color-white);
	margin-bottom: 52px;
}

.widget-reservation .widget-content a {
	font-family       : var(--global--font-body);
	font-weight       : 400;
	color             : var(--global--color-white);
	font-size         : 24px;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}

@media screen and (max-width: 991.98px) {
	.widget-reservation .widget-content a {
		-webkit-box-pack: center;
		-ms-flex-pack   : center;
		justify-content : center;
	}
}

.widget-reservation .widget-content a span {
	font-size   : 18px;
	margin-right: 15px;
}

.widget-reservation .widget-content .btn {
	width           : 100%;
	height          : 60px;
	-webkit-box-pack: center;
	-ms-flex-pack   : center;
	justify-content : center;
	font-family     : var(--global--font-body);
	font-size       : 15px;
	font-weight     : 700;
	padding         : 0 26px;
	margin-bottom   : 22px;
}