#wrap-page{position:relative;overflow-x:scroll;overflow-y:hidden;transition:all .5s ease;scroll-behavior:smooth;background-image:url(../images/uon-luon.svg);background-repeat:no-repeat;background-size:100%;background-position:center 80%;padding:0;}
#wrap-page .container-full{display:flex;height:100%;align-items:center;}
.sidebar-content{background-color:background:rgb(116,97,75);background:linear-gradient(90deg,rgba(116,97,75,1) 0%,rgba(58,53,36,1) 190%);max-width:550px;position:absolute;top:0;height:100%;width:100%;left:0;padding:100px 50px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.sidebar-content__title{font-size:50px;line-height:1.2;margin-bottom:20px;}
.sidebar-content__content{border-bottom:1px solid white;padding-bottom:30px;margin-bottom:30px;}
.sidebar-content__amenities > p{text-transform:uppercase;font-weight:500;font-size:16px;margin-bottom:10px;}
.sidebar-content__amenities-list{display:flex;flex-wrap:wrap;font-size: 12px;}
.sidebar-content__amenity{width:50%;position:relative;padding-left:14px;padding-right:20px;margin-bottom:8px;}
.sidebar-content__amenity:before{content:"";width:4px;height:4px;position:absolute;background-color:white;border-radius:50px;left:4px;top:6px;}
.sidebar-content__amenities{border-bottom:1px solid white;padding-bottom:30px;margin-bottom:30px;}
a.room-booking-btn{color:white;text-decoration:none;font-weight:500;text-align:center;border:1px solid;display:block;padding:10px;border-radius:50px;transition:all .3s;}
a.room-booking-btn:hover{background-color:var(--main-color);}
header{z-index:2;}
.slider-area{position:relative;left:600px;white-space:nowrap;display:flex;height:100%;align-items:center;}
.slider-area img{margin-right:120px;height:45vh;}
::-webkit-scrollbar{width:4px;height:10px}
::-webkit-scrollbar-thumb{background:#000;border-radius:20px;height:10px}
::-webkit-scrollbar-thumb:hover{background:#555;}
.nav-scrolling span{position:absolute;top:0;bottom:0;max-width:100px;width:100%;height:45px;background-image:url(../images/Arrow.svg)!important;margin:auto;background-repeat:no-repeat!important;cursor:pointer;background-position:center;}
.prev-btn{left:50px;transform:rotate(180deg);background-position:right!important;}
.next-btn{right:50px;background-position:right!important;}
.nav-scrolling{position:fixed;top:0;bottom:0;margin:auto;width:100%;height:40px;}
footer#footer{z-index:2;}
@media screen and (min-width:769px) and (max-width:1920px){
	.sidebar-content{max-width:28.6458vw;padding:13.0208vw 2.5vw;}
	.sidebar-content__title{font-size:2.6042vw;margin-bottom:1.0417vw;}
	.sidebar-content__content{border-bottom:0.0521vw solid white;padding-bottom:1.5625vw;margin-bottom:1.5625vw;}
	.sidebar-content__amenities > p{font-size:0.8333vw;margin-bottom:0.4167vw;}
	.sidebar-content__amenity{padding-left:0.7292vw;padding-right:1.0417vw;margin-bottom:0.4167vw;}
	.sidebar-content__amenity:before{width:0.2083vw;height:0.2083vw;border-radius:2.6042vw;left:0.2083vw;top:0.55vw;}
	.sidebar-content__amenities{border-bottom:0.0521vw solid white;padding-bottom:1.5625vw;margin-bottom:1.5625vw;}
	a.room-booking-btn{border:0.0521vw solid;padding:0.5208vw;border-radius:2.6042vw;}
	.slider-area{left:31.25vw;}
	.slider-area img{margin-right:6.25vw;}
	::-webkit-scrollbar{width:0.2083vw;height:0.5208vw;}
	::-webkit-scrollbar-thumb{border-radius:2.6042vw;height:0.5208vw;}
	.nav-scrolling span{max-width:5.2083vw;height:2.0833vw;}
	.prev-btn{left:2.6042vw;}
	.next-btn{right:2.6042vw;}
	.nav-scrolling{height:2.0833vw;}
}
@media screen and (max-width:768px){
	.sidebar-content{max-width:none;position:relative;margin-top:75px;display:block;padding:20px;margin-bottom:20px;height:auto;}
	h1.sidebar-content__title{font-size:30px;margin-bottom:10px;}
	.sidebar-content__content{padding-bottom:15px;margin-bottom:15px;}
	.sidebar-content__amenities{padding-bottom:15px;margin-bottom:15px;}
	#wrap-page{overflow-x:hidden;overflow-y:auto;height:auto;}
	footer#footer{position:relative;}
	.nav-scrolling{display:none;}
	.slider-area{left:0;white-space:unset;display:block;padding:0 20px;}
	#wrap-page .container-full{display:block;height:auto;}
	.slider-area img{margin:0 0 20px!important;height:auto;width:100%;}
	.sidebar-content__amenity:before {
	    top: 12px;
	}
}