@import url('https://fonts.googleapis.com/css2?family=Gotu&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

::after,
::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body{
	height: 100%;
}

img,
svg {
	max-width: 100%;
	outline: 0;
	vertical-align: middle;
}

body {
	/* background-color: #685e47; */
	background: url('https://hanu-restaurant.com/wp-content/uploads/2025/01/Pattern.webp') repeat center center, #685e47;
	margin: 0px auto;
	font-family: "Gotu", sans-serif;
	/* font-weight: 400; */
	font-style: normal;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.main-container {
	width: 100%;
	/* background: url('../images/back-pattern.svg') repeat; */
	background-size: contain;
	/* padding: 37.19px 31.05px; */
	margin: 0 auto;
	position: relative;
}

.top-container {
	width: 100%;
	height: calc(100vh + 59px);
	background: url('https://hanu-restaurant.com/wp-content/uploads/2025/01/topback-pattern.webp') no-repeat;
	background-size: cover;
	padding: 37.19px 31.05px;
	margin: 0 auto;
	position: relative;
}

.top-content {
	z-index: 2;
	position: relative;
	/* background: url(../images/upborder.svg) no-repeat;
	background-size: 100% auto; */
}

.top-content img {
	width: 100%;
	display: block;
	object-fit: cover;
}

.mid-content {
	position: relative;
	/* background: url('../images/line.svg') repeat-y;
	width: 100%;
	background-size: 100%;z-index: 2; */
	margin: 0px 0 0 0;
	/* height: calc(100vh - 200px); */

}

.mid-content:before {
	position: absolute;
	background: url('../images/Left_line-new.svg') repeat-y left top;
	width: 26px;
	background-size: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
	content: '';
}

.mid-content::after {
	position: absolute;
	background: url('../images/Right_line-new.svg') repeat-y right top;
	width: 26px;
	background-size: 100%;
	height: 100%;
	z-index: 2;
	left: auto;
	right: 0;
	top: 0;
	content: '';
}

.bottom-content {
	position: relative;
	z-index: 1;
}

.bottom-content img {
	/* transform: rotateX(180deg); */
	width: 100%;
	display: block;
	object-fit: cover;

}


.hanu-landingpart {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 110px);
}

.hanu-landingpart::before {
	content: '';
	position: absolute;
	width: 32.85px;
	height: 148.81px;
	background: url('../images/puzzel-box.svg') no-repeat;
	background-size: cover;
	top: 44.03px;
	left: 44.28px;
	z-index: 3;
}

.hanu-landingpart-container {
	position: relative;
	width: 100%;
	padding: 110px 240px;
	/* min-height: 100vh; */
}
.hanu-award-new .hanu-landingpart-container{
	padding-bottom: 10px;
}
.hanu-logopart {
	width: 100%;
	height: calc(100vh - 325px);
	text-align: center;
	/* padding-top: 50px; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.hanu-logopart img {
	max-width: 40%;
	height: auto;
}

.hanu-socialicons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.hanu-socialicons img {
	height: 30px;
	width: 30px;
}

.hanu-contentpart {
	text-align: center;
	margin-top: 20px;
}

.hanu-contentpart-icon {
	margin-bottom: 134.41px;
	text-align: center;
}

.hanu-contentpart-icon img {
	height: 90px;
}

.hanu-contenttitle {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.hanu-contentpart-content p {
	margin-bottom: 28px;
}

#hanu-event .hanu-contentpart-content p {
	text-align: left;
}

.hanu-flexcontent {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}

.hanu-flexcontent-part {
	position: relative;
	width: 27%;
}

.hanu-flexcontent-title {
	font-size: 30px;
	color: #CFB76F;
	margin-bottom: 24px;
}

.hanu-contentpart-content p {
	font-size: 16px;
}

.hanu-flexcontent-desc {
	font-size: 14px;
	font-weight: 200;
	line-height: 24px;
	text-align: center;
}


/* .hanu-contentpart-icon img {
width: 44px;
height: auto;
} */

#hanu-reservation .hanu-contentpart-icon img {
	width: auto;
}

.hanu-eventflexwrap {
	display: flex;
	justify-content: space-between;
}

.hanu-eventflexpart {
	width: 40%;
}



#hanu-event {
	/* background-image: linear-gradient(290deg, rgba(104, 94, 71, 0) 0%, rgba(104, 94, 71, 1) 25%, rgba(104, 94, 71, 1) 100%); */
	background-image: url('../images/eventback.webp');
	background-size: cover;
	background-position: top center;
	z-index: 1;
	left: -31.05px;
	width: calc(100% + 62px);
	min-height: 1234px;
	top: -35px;
}

#hanu-event.hanu-landingpart::before {
	left: 80px;
}

#hanu-press .hanu-landingpart-container {
	padding: 100px 60px;
}



#hanu-reservation.hanu-landingpart::before {
	left: 45px;
}


/*......................./ hanu back to home btn css start /..................................*/


.hanu-backhome {
	/* position: absolute;
	width: 300.28px;
	height: 64.11px;
	right: 10%;
	top: 5%;
	z-index: 3;
	background: #4c422e90;
	border-radius: 10px; */
	position: sticky;
	width: 150.28px;
	height: 54.11px;
	right: auto;
	left: 85%;
	top: 5%;
	z-index: 3;
	background: #4c422e90;
	border-radius: 10px;
	margin-top: 50px;
}

.hanu-backhome .curve-row {
	display: flex;
}

.hanu-backhome .curve-row .corner {
	width: 24px;
}

.hanu-backhome .curve-row .corner img {
	float: left;
}

.hanu-backhome .curve-row .line {
	width: calc(100% - 48px);
}

.hanu-backhome .curve-row .line.top {
	background: url(../images/line-top.png) top left repeat-x;
}

.hanu-backhome .curve-row .line.bottom {
	background: url(../images/line-bottom.png) bottom left repeat-x;
}

.hanu-backhome .middle-row {
	background-image: url(../images/line-left.png), url(../images/line-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y, repeat-y;
}

.hanu-backhome .middle-row ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4px;
	width: 100%;
}

.hanu-backhome .middle-row ul li {
	padding: 0 10px;
	width: 100%;
	text-align: center;
	position: relative;
}

.hanu-backhome .middle-row ul li::after {
	content: "";
	display: block;
	width: 1px;
	height: 33.83px;
	background-color: #D3B663;
	position: absolute;
	right: -2px;
	top: 0px;
}

.hanu-backhome .middle-row ul li:last-child:after {
	display: none;
}

.hanu-backhome .middle-row ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/*......................../ hanu back to home btn css end /.......................................*/


.hanu-reservation-info {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.hanu-contact-info a {
	display: block;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
}

.hanu-timing-title,
.hanu-address-title {
	font-size: 28px;
	line-height: 50px;
}

.hanu-timing-info ul li {
	list-style-type: none;
	text-align: center;
	font-size: 14px;
}

.hanu-address-info p {
	font-size: 14px;
}

.hanu-address-info .hanu-socialicons img {
	width: 25.45px;
	height: auto;
}

.hanu-map {
	width: 100%;
	height: 293px;
	margin: 0px auto;
	margin-bottom: 35px;
	border: 10px double #cfb76f;
}

.hanu-reservation-back {
	position: absolute;
	background-size: cover;
	left: -31.5px;
	width: calc(100% + 62px);
	bottom: -132px;
	overflow: hidden;
}

.hanu-reservation-back img {
	width: 100%;
	position: relative;
	top: 123px;
}



/* ....................../ food slider style starts /......................... */
.foodsl {
	position: relative;
	width: 100%;

}

.foodslshadowleft {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 30%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	/* background: url(../images/slider_shadowleft.svg) no-repeat; background-size: 100% 100%;*/
}

.foodslshadowright {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 18%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	/* background: url(../images/slider_shadowright.svg) no-repeat;background-size: 100% 100%;*/
}

.foodslshadowleft img,
.foodslshadowright img {
	width: 100%;
	height: 100%;
}

.food_border {
	width: 90%;
	height: 99%;
	border-top: 1px solid #CFB76F;
	border-bottom: 1px solid #CFB76F;
	border-image: linear-gradient(to right, #CFB76F 0%, #f7eccc 50%, #CFB76F 100%) 1;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 12px;
}

.food_slmwrp {
	position: relative;
	margin: 0 -31px;
	padding: 2px 0 0 0;
	/*background: url('../images/line.svg') repeat-y; z-index: -1;*/
}

.foodslimgbox img {
	width: 100%;
	display: block;
}

.foodsl_innerwrp {
	position: relative;
}

.foodsl .slick-active.slick-center .foodslimgbox {
	width: 100% !important;
	z-index: 3;
	position: relative;
}

.foodsl .slick-dots {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	z-index: 4;
}

.foodsl .slick-dots li button {
	font-size: 0;
	background: url(../images/slider-dot.svg) no-repeat;
	width: 21px;
	height: 21px;
	background-size: 21px 21px;
	border-radius: 100%;
	border: 0;
	cursor: pointer;
}

.foodsl .slick-dots li {
	margin: 0 2px;
	list-style-type: none;
	border: 0;
	display: none;
}

.foodsl .slick-dots li:nth-child(-n+6) {
	display: block;
}

.foodsl .slick-dots {
	display: flex;
	justify-content: center;
}

/* ...................../ food slider style starts /............................. */

/* ...................../ press style starts /............................ */
.presstitle {
	font-size: 65px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
}

.presstitle span {
	display: block
}

.press_block {
	background-color: #4C422E;
	position: relative;
	box-sizing: border-box;
	/*padding: 48px 56px; background: url(../images/press_blockborder.svg) no-repeat center center; background-size: cover; width: 100%; height:100%;*/
	padding: 0px;
	/* height: 785px; */
	border-radius: 15px;
}

/* .press_block:before{ content: "" ; position: absolute; left:18px; top:18px; width: 98%; height: 98%; background: url(../images/press_blockborder.svg) no-repeat; background-size: cover ;} */
.pres_imgblk {
	margin-bottom: 45px;
	padding: 0px 35px 10px 35px;
}

.pres_imgblk img {
	width: 100%;
	/* height: 399px; */
	object-fit: cover;
}

.press_block_heading {
	font-size: 28px;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
	padding: 0 0 40px 0;
	margin: 0;
	text-align: center;
	/* height: 80px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 20px;
	text-transform: uppercase;
}




@supports (-webkit-line-clamp: 2) {
	.press_block_heading {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 90px;
	}

}

.press_block_subtext {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
	padding: 0 0px 40px 0px;
	margin: 0;
	text-align: center;
	margin-bottom: 30px;
}

@supports (-webkit-line-clamp: 3) {
	.press_block_subtext {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		height: 70px;
	}

}

.press_block_readbtn {
	font-size: 13px;
	font-weight: 400;
	line-height: 52px;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
	background: url(../images/press_readmore_btn.svg) no-repeat;
	width: 107px;
	height: 52px;
	background-size: 100% 100%;
	display: inline-block;
	text-decoration: none;
	/* margin-top: 20px; */
}

.press_block_readbtn:hover {
	opacity: 0.7;
}

.presssl .slick-slide {
	padding: 0 30px;
}

.press_block_txtwrp {
	text-align: center;
	padding: 0 48px;
}

.press-bltop {
	background: url(../images/upborder_v02.svg) no-repeat;
	width: 100%;
	height: 28px;
	background-size: 100% 100%;
}

.press-blmid {
	/* background: url(../images/press_blmid.png) repeat-y; */
	width: 100%;
	background-size: 100%;
	position: relative;
}

.press-blmid::before {
	content: '';
	position: absolute;
	background: url(../images/Left_line-new.svg) repeat-y left top;
	width: 7px;
	background-size: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
}

.press-blmid::after {
	content: '';
	position: absolute;
	background: url(../images/Right_line-new.svg) repeat-y right top;
	width: 7px;
	background-size: 100%;
	height: 100%;
	z-index: 2;
	left: auto;
	right: 0;
	top: 0;
}

.press-blbottom {
	background: url(../images/lowerborder.svg) no-repeat;
	width: 100%;
	height: 28px;
	background-size: 100% 100%;
}

/* ...................../ press style ends /..................... */




/*...................../ menu start /.........................*/

.navigation-content {
	position: fixed;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
	width: 334.38px;
	background-color: rgba(78, 66, 43, 0.8);
	z-index: 999;
	border-radius: 0 0 15px 15px;

	background-image: url(../images/line-left.png), url(../images/line-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y, repeat-y;
}

.menu-item {
	position: relative;
}

.menu-item .menu-top {
	position: relative;
	bottom: 18px;
	width: 100%;

	display: none;
	border-radius: 15px 15px 0 0;
	transition: none;
}


.menu-item .curve-row {
	display: flex;
}

.menu-item .curve-row .corner {
	width: 24px;
}

.menu-item .curve-row .corner img {
	float: left;
}

.menu-item .curve-row .line {
	width: calc(100% - 48px);
}

.menu-item .curve-row .line.top {
	background: url(../images/line-top.png) top left repeat-x;
}

.menu-item .curve-row .line.bottom {
	background: url(../images/line-bottom.png) bottom left repeat-x;
}

.menu-item .curve-row.top {
	position: absolute;
	left: 0;
	top: -25px;
	width: 100%;
	background-color: rgba(78, 66, 43, 0.8);
	border-radius: 15px 15px 0 0;
}

.menu-item .middle-row {
	background-image: url(../images/line-left.png), url(../images/line-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y, repeat-y;
}

.menu-item .middle-row ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 14px;
	width: 90%;
}

.menu-item .middle-row ul li {
	padding: 0 10px;
	width: 33.33%;
	text-align: center;
	position: relative;
}

.menu-item .middle-row ul li::after {
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	background-color: #D3B663;
	position: absolute;
	right: -2px;
	top: -10px;
}

.menu-item .middle-row ul li:last-child:after {
	display: none;
}

.menu-item .middle-row ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.menu-item .middle-row ul li a.menu-open {
	position: relative;
	width: 42px;
	display: inline-block;
}

.menu-item .middle-row ul li a.menu-open .menu-icon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -15.5px;
	z-index: 9;
	transition: ease-in-out 0.2s;
}

.menu-item .middle-row ul li a.menu-open .menu-close {
	position: absolute;
	left: 1px;
	top: -25px;
	z-index: 0;
	transition: ease-in-out 0.2s;
	opacity: 0;
}

.menu-item.active .middle-row ul li a.menu-open .menu-icon {
	z-index: 0;
	transition: ease-in-out 0.2s;
	opacity: 0;
	transform: rotate(90deg);
}

.menu-item.active .middle-row ul li a.menu-open .menu-close {
	z-index: 9;
	transition: ease-in-out 0.2s;
	opacity: 1;
	transform: rotate(90deg);
}

.menu-item.active .curve-row.top .corner.left {
	/* background-image: url(../images/line-left.png); */
	background-position: top left;
	background-repeat: repeat-y;
}

.menu-item.active .curve-row.top .corner.right {
	/* background-image: url(../images/line-right.png); */
	background-position: top right;
	background-repeat: repeat-y;
}





.main-menu {
	background-image: url(../images/line-left.png), url(../images/line-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y, repeat-y;
}

.main-menu ul {
	list-style: none;
	margin: 0 6px;
	padding: 0 40px;
	border-bottom: 1px solid #D3B663;
}

.main-menu ul li {
	/* padding: 10px; */
	text-align: center;
	border-bottom: 1px solid #D3B663;
}

.main-menu ul li:first-child {
	padding-top: 0;
}

.main-menu ul li:last-child {
	border-bottom: 0;
}

.main-menu ul li a {
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	transition: ease-in-out 0.5s;
	display: block;
	padding: 12px 10px;
}

.main-menu ul li a:hover {
	color: #D3B663;
	text-decoration: none;
	transition: ease-in-out 0.5s;
}

/*.........................../ menu end /....................................*/




/* ..........menu page style starts............ */
.menup_wrper {
	/*  margin: 0 -31px; */
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 50px;
	/*13-02-2025*/
}

.menup_leftwrp {
	width: 60%;
	display: flex;
	/*align-content: center;*/
	flex-wrap: wrap;
	z-index: 2;
}

.menup_rightwrp {
	width: 100%;
	position: relative;
	background: url(https://hanu-restaurant.com/wp-content/uploads/2025/01/menup_bggrad_new.webp) no-repeat right top;
	margin: 0 0;
	background-size: cover;
	height: calc(100vh - 32px);
	padding: 37.19px 31.05px;
}

.menup_rightwrp:before {
	/*background: url(../images/menup_gradent.svg) no-repeat left top;/ top:0; left:0; width: 100%; margin-left: -50%; position: absolute; content: ""; height:100vh; background-size: auto 100% */
}

.menup_lft_textcont p {
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	font-weight: 400;
	padding: 0 0 58px 0;
	text-align: left;
}

.menup_lft_textlink {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.menup_lft_textlink a {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	margin-left: 26px;
	margin-bottom: 18px;
	display: inline-flex;
	text-decoration: none;
	text-transform: uppercase;
}

.menup_lft_textlink a:hover {
	opacity: 0.8;
}

.menup_lft_textlink a:first-child {
	margin-left: 0;
}

.menup_lfttextmwrper {
	padding: 0px 0 0 0;
	/* margin-left: 14%; */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 855px;
	margin-left: 10%;
	/*13-02-2025*/
}

.menup_reservebtn {
	font-family: "Gotu", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	padding: 0 0 0 0;
	margin: 34px 0 0 0;
	text-align: center;
	background: rgb(76 66 46 / 65%) url(../images/press_readbg.svg) no-repeat;
	width: 109px;
	height: 53px;
	background-size: 100% 100%;
	display: inline-block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

.menup_reservebtn:hover {
	opacity: 0.8;
}

.menup_barst {
	/* 	padding: 30px 0 0 74px; */
	width: 100%;
	text-align: left;
	padding: 30px 0 0 0;
	/*13-02-2025*/
}

.menup_hmwrp {
	height: 100vh;
	position: relative;
}

.menupdispdsk {
	display: block;
}

.menupdispmob {
	display: none;
}

.menup_rightimgcont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40%;
	/*13-02-2025*/
}

.menup_detailsimg {
	max-width: 700px;
	padding: 50px;
	margin-top: 70px;
}

.menup_rightimgcont img {
	width: 100%;
}

.menup_maincont {
	height: 100vh;
}

.menup_rightwrp .mid-content {
	text-align: center;
	height: calc(100vh - 300px);
}

/* ..........menu page style ends............ */

.menup_detailSlider {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 490px;
	padding: 0px 30px;
}

.menup_detailSlider .slick-dots li {
	background: url(../images/dot_slider.svg) no-repeat;
	width: 22px;
	height: 22px;
}

.menup_lft_textcont .hanu-contenttitle {
	text-align: center;
}

.call_icon {
	/* background-color: #cfb76f; */
	/*13-02-2025*/
	width: 38px;
	height: 38px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.call_iconfoot {

	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.h_socialicon {
	width: 38px;
	height: 38px;
}

.footersocialic {
	width: 30px;
	height: 30px;
}



/* @supports (-webkit-appearance:none) {
.mid-content:before {

left: 1px;}
.mid-content:after {

right: 1px;}
} */

/* @media only screen and (min-width: 2560px) and (max-width: 5120px) and (min-height: 1440px) and (max-height: 2880px) {
.mid-content:before {
left: 2px;
width: 33px;
}

.mid-content:after {
right: 2px;
width: 33px;
}
}

@media only screen and (max-width: 2560px) and (max-height: 1600px) {
.mid-content:before {
left: 1px;
width: 33px;
}

.mid-content:after {
right: 1px;
width: 33px;
}
} */

/* @media only screen and (width: 393px) and (height: 852px) and (-webkit-device-pixel-ratio: 3) {


} */


/*gallery section css start*/

.gallery-container {
	padding: 37.19px 31.05px;
}

#hanu-gallery .gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	padding: 20px;
}

#hanu-gallery .gallery-item {
	flex: 1 0 30%;
	max-width: 30%;
	margin: 10px;
	box-sizing: border-box;
}

#hanu-gallery .gallery-item img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

#hanu-gallery .gallery-item img:hover {
	transform: scale(1.1);
}

#hanu-gallery .lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

#hanu-gallery .lightbox img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 8px;
}

#hanu-gallery .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 36px;
	color: white;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

#hanu-gallery .prev-btn,
#hanu-gallery .next-btn {
	position: absolute;
	top: 50%;
	font-size: 36px;
	color: white;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transform: translateY(-50%);
}

#hanu-gallery .prev-btn {
	left: 10px;
}

#hanu-gallery .next-btn {
	right: 10px;
}

#hanu-gallery .hanu-contenttitle {
	text-align: center;
}

@media (max-width: 768px) {
	#hanu-gallery .gallery-item {
		flex: 1 0 45%;
		max-width: 45%;
	}
}

@media (max-width: 480px) {
	#hanu-gallery .gallery-item {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

/*gallery section css end*/

.menu-item .curve-row.top .corner img {
	transition: ease-in-out 1s;
}

/*11-02-2025 start*/
.reservation-border {
	top: -23px;
	z-index: 3;
	border-bottom: none;
	border-top: none;
	height: 0;
}

/*11-02-2025 end*/

/**13-02-2025**/
.desktop-view {
	display: block;
}

.mob-view {
	display: none;
}

.top-container-nw {
	position: relative;
	height: 100vh;
}

.top-video-sec {
	position: absolute;
	height: 100vh;
	top: 0;
	left: 0;
	width: 100%;
}

.top-video-sec:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
}

.top-video-sec video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.top-container-nw:after {
	position: absolute;
	content: '';
	border-top: 1px solid #CFB76F;
	border-bottom: 1px solid #CFB76F;
	border-image: linear-gradient(to right, #CFB76F 0%, #f7eccc 50%, #CFB76F 100%) 1;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: 1px;
	margin: 0 auto;
}

/* .top-container-nw .food_border{display: none;} */
.single-main-container {
	padding: 37.19px 31.05px;
}

#hanu-story .food_border {
	border-top: none;
}

/**13-02-2025**/

/*17-02-2025 start*/
.single-main-container {
	background: none;
}

.single-main-container .menup_lft_textcont .hanu-contenttitle {
	text-align: left;
}

/*17-02-2025 end*/

.menup_lft_textcont {
	height: auto;
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	/* scrollbar-width: thin ; scrollbar-color: #f7e4bb #ddbf7c; scrollbar-width: thin;*/
}

.menup_lft_textcont:root {
	scrollbar-width: thin
}

.menup_lft_textcont::-webkit-scrollbar {
	width: 4px;
}

/* Track */
.menup_lft_textcont::-webkit-scrollbar-track {
	background: #f7e4bb;
}

/* Handle */
.menup_lft_textcont::-webkit-scrollbar-thumb {
	background: #c9ad6c;
}

/* Handle on hover */
.menup_lft_textcont::-webkit-scrollbar-thumb:hover {
	background: #ddbf7c;
}


/*27-02-2025 start*/

.imagebox {
	position: relative;
	/* padding: 50px; */
	background-color: #4c422e;
	padding-bottom: 35px;
	padding-top: 20px;
}

.image-container {
	position: relative;
	width: 423px;
	height: 423px;
	margin: 0px auto;
	border-radius: 0px;
	overflow: hidden;
}

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

.corner-box {
	position: absolute;
	width: 33px;
	height: 33px;
	background-color: #4c422e;
}

.top-left {
	top: 0;
	left: 0;
}

.top-right {
	top: 0;
	right: 0;
}

.bottom-left {
	bottom: 0;
	left: 0;
}

.bottom-right {
	bottom: 0;
	right: 0;
}

.hrdevider {
	width: 100%;
	height: 1px;
	background: radial-gradient(circle, rgb(179 168 138) 0%, rgba(137, 119, 76, 1) 100%);
}

.press_meta {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 33px;
}

.press_meta_user,
.press_meta_more a {
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	text-decoration: none;
}

.press_meta_more a:hover {
	opacity: 1;
	cursor: pointer;
}



.artical-top-container {
	background-size: contain;
	height: 100%;
}

.artical-top-gradient {
	background: linear-gradient(0deg, rgba(141, 132, 105, 0) 0%, rgba(104, 94, 71, 1) 50%, rgba(104, 94, 71, 1) 100%);
	position: absolute;
	width: 100%;
	/* z-index: 1; */
	top: 0;
	left: 0;
	height: 574.99px;
}

.artical-bottom-gradient {
	background: linear-gradient(0deg, rgba(104, 94, 71, 1) 0%, rgba(104, 94, 71, 1) 50%, rgba(141, 132, 105, 0) 100%);
	position: absolute;
	width: 100%;
	/* z-index: 1; */
	top: -500px;
	left: 0;
	height: 500px;
	left: -31.05px;
	width: calc(100% + 62px);
}

.artical-last-gradient {
	background: rgba(104, 94, 71, 1);
	position: absolute;
	width: 100%;
	/* z-index: 1; */
	top: auto;
	left: 0;
	bottom: 0;
	height: 140px;
}

#hanu-artical-details {
	background-color: rgba(104, 94, 71, 1);
	/* position: absolute; */
	width: 100%;
	/* left: -31.05px; */
	height: 100%;
}

#hanu-artical-details .hanu-landingpart-container {
	padding: 0px 240px 110px;
}

#hanu-artical-details.hanu-landingpart::before {
	display: none;
}


.artical_detailSlider {
	position: relative;
	width: 100%;
	height: auto;
}

/* .artical_detailSlider .slick-slide{
    margin: 0px 12px;
} */

/* .artical_detailSlider .slick-slide.even-slide {
    margin: 0px 12px;
} */

.artical_detailSlider .slick-slide {
	margin: 0 12px;
	/* Default gap for middle items */
}

.artical_detailSlider .slick-track {
	display: flex;
	/* Ensures alignment */
}

.artical_detailSlider .slick-slide:first-of-type {
	margin-left: 0 !important;
	/* Remove left margin for first item */
}

.artical_detailSlider .slick-slide:last-of-type {
	margin-right: 0 !important;
	/* Remove right margin for last item */
}


#hanu-artical-details .hanu-contenttitle {
	font-size: 40px;
	line-height: 1.3;
}

.press-meta-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
	height: 30px;
	position: absolute;
	top: -6%;
	right: 14%;
	color: #fff;
	opacity: 0.5;
	font-size: 14px;
}

.artical-subtitle {
	font-weight: 100;
	font-size: 26px;
	line-height: 1.3;
	padding-bottom: 20px;
}

#hanu-artical-details p {
	padding-bottom: 30px;
	text-align: justify;
}

.artical-foot-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.artical-foot-strip {
	position: relative;
	height: 120px;
	display: inline-grid;
	align-items: center;
	width: 100%;
}

.artical-foot-strip .food_border {
	width: 100%;
	height: 100%;
}

.artical-foot-socials,
.artical-foot-viewrs {
	display: flex;
	align-items: center;
	gap: 80px;
	font-size: 26.67px;
}

.artical-foot-socials {
	padding-left: 50px;
}

.artical-foot-socials .social-icon {
	height: 40px;
}

.artical-foot-socials .social-icon img {
	height: 100%;
}


.pressDown-content {
	padding: 59.2px 0px;
}


.artical-star-strip {
	padding-top: 167px;
	padding-bottom: 0px;
	width: 100%;
	margin: 0px auto;
}

.artical-star-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.artical-star {
	height: 48.25px;
	width: 48.25px;
}


#hanu-artical-details .pressDown-content p:last-child {
	padding-bottom: 0px;
}


/*27-02-2025 end*/

/*06-03-2025 start*/
.presssl .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	content: '';
	text-align: center;
	background: url('../images/slider-dot.svg');
	opacity: 1;
}

.presssl .slick-dots li.slick-active button:before {
	opacity: 1;
}

.presssl .slick-dots {
	bottom: -40px;
}


.hanu-press-featuredimg {
	height: 870px;
}


/*comment css start*/
.artical-comment-strip {
	padding: 100px 0 0;
	position: relative;
	display: none;
}

.artical-comment-strip a {
	color: #b4a165;
	text-decoration: none;
	font-size: 18px;
}

.artical-comment-strip a:hover {
	color: #e5c774;
	cursor: pointer;
}

.artical-comment-strip .comment-form-comment {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.artical-comment-strip #submit {
	background: url(https://yourcloudnetwork.net/projects/hanu-new/wp-content/uploads/2025/03/Reserve.png) no-repeat, #4C422E;
	height: 66px;
	width: 151px;
	border: none;
	color: #fff;
	font-size: 14px;
	border-radius: 10px;
}

.artical-comment-strip #submit:hover {
	cursor: pointer;
	background: url(https://yourcloudnetwork.net/projects/hanu-new/wp-content/uploads/2025/03/Reserve.png) no-repeat, #685e47;
}

.artical-comment-strip textarea#comment {
	background: transparent;
	border: none;
	border-bottom: 1px solid #b4a165;
	font-size: 16px;
	color: #fff;
	font-family: "Gotu", sans-serif;
}

.artical-comment-strip textarea#comment:focus {
	outline: none;
}

.artical-comment-strip textarea#comment::placeholder {
	color: #b4a165;
}

.artical-comment-strip .comment-list {
	margin-top: 30px;
	padding: 30px;
	border: 4px double #b4a165;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.artical-comment-strip .comment-list li {
	list-style-type: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #4c422e;
}

.artical-comment-strip .comment-list li:last-child {
	border-bottom: none;
}

.artical-comment-strip .comment-form-author,
.artical-comment-strip .comment-form-email,
.artical-comment-strip .comment-form-url,
.artical-comment-strip .comment-form-cookies-consent {
	display: none;
}

.artical-comment-strip .comment-author.vcard img {
	border-radius: 100%;
	height: 30px;
	width: 30px;
}

.artical-comment-strip .comment-metadata {
	padding-left: 35px;
}

.artical-comment-strip .comment-metadata a {
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	text-decoration: none;
}

.artical-comment-strip .reply a {
	color: #b4a165;
	text-decoration: none;
	font-size: 18px;
}

.artical-comment-strip .error {
	color: red;
	font-size: 16px;
}

.artical-comment-strip .fn a {
	color: #fff;
	text-decoration: none;
}

.artical-comment-strip p {
	text-align: left !important;
}

/*comment css end*/
/*06-03-2025 end*/

/*07-03-2025 start*/
.artical-mainbody-gradient {
	height: calc(100% - 1384px);
	background-color: rgba(104, 94, 71, 1);
	position: absolute;
	top: 1384px;
	left: 0;
	z-index: -1;
	width: 100%;
}


.Click-here {
	cursor: pointer;
	background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);
	color: #fff;
	width: 180px;
	text-align: center;
	font-size: 16px;
	padding: 18px 0;
	margin: 0 auto;
	transition: background-image 3s ease-in-out;
}

.Click-here:hover {
	transition: background-image 3s ease-in-out;
	background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);
}

.custom-model-main {
	text-align: center;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity 0.15s linear, z-index 0.15;
	-o-transition: opacity 0.15s linear, z-index 0.15;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	overflow-x: hidden;
	overflow-y: auto;
}

.model-open {
	z-index: 99999;
	opacity: 1;
	overflow: hidden;
}

.custom-model-inner {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	display: inline-block;
	vertical-align: middle;
	width: 600px;
	margin: 30px auto;
	max-width: 97%;
}

.custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	background-color: rgba(104, 94, 71, 1);
	border: 8px double #b4a165;
	border-radius: 15px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: 0;
	text-align: left;
	padding: 40px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
}

.model-open .custom-model-inner {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	position: relative;
	z-index: 999;
}

.model-open .bg-overlay {
	background: rgba(0, 0, 0, 0.6);
	z-index: 99;
}

.bg-overlay {
	background: rgba(0, 0, 0, 0);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}

.close-btn {
	position: absolute;
	right: 2%;
	top: 2%;
	cursor: pointer;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

@media screen and (min-width:800px) {
	.custom-model-main:before {
		content: "";
		display: inline-block;
		height: auto;
		vertical-align: middle;
		margin-right: -0px;
		height: 100%;
	}
}

@media screen and (max-width:799px) {
	.custom-model-inner {
		margin-top: 45px;
	}
}



.pop-up-content-wrap #login-form {
	display: flex;
	flex-direction: column;
	color: #fff;
	gap: 10px;
}

.pop-up-content-wrap #loginForm {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pop-up-content-wrap #loginForm label {
	display: block;
}

.pop-up-content-wrap input[type='text'],
.pop-up-content-wrap input[type='email'],
.pop-up-content-wrap input[type='password'] {
	padding: 5px 10px;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid #b4a165;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
}

.pop-up-content-wrap input[type='text']:focus,
.pop-up-content-wrap input[type='email']:focus,
.pop-up-content-wrap input[type='password']:focus {
	outline: none;
	background: transparent;
	border: none;
	border-bottom: 1px solid #b4a165;
}

input:-internal-autofill-selected {
	background-color: transparent !important;
}

.popupSubmit {
	background: url(https://yourcloudnetwork.net/projects/hanu-new/wp-content/uploads/2025/03/Reserve.png) no-repeat, #4C422E;
	background-size: cover;
	height: 52px;
	width: 120px;
	border: none;
	color: #fff;
	font-size: 14px;
	border-radius: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.pop-up-content-wrap a {
	color: #CFB76F;
	text-decoration: none;
}

.pop-up-content-wrap a:hover {
	color: #f7e4bb;
	cursor: pointer;
}

.pop-up-content-wrap .form-group {
	padding-bottom: 10px;
}

.pop-up-content-wrap #form-title {
	padding-bottom: 30px;
}

/*07-03-2025 end*/


/*10-03-2025 start*/


/* #hanu-artical-details .artical-landingpart-container{
    padding: 0px 130px 110px;
} */
/*10-03-2025 end*/


.hanu-press-content a {
	color: #eade9d;
	text-decoration: none;
}

.hanu-press-content a:hover {
	cursor: pointer;
	color: #b4a165;
}

.press-borderline {
	border-top: none;
}


/*..................../ what's on css start /.....................*/

.whatson-container {
	width: 100%;
	background-size: cover;
	padding: 37.19px 31.05px;
	margin: 0 auto;
	position: relative;
}


.promo-card {
	/* max-width: 605px; */
	overflow: hidden;
	text-align: center;
}

.promo-image {
	position: relative;
}

.promo-image img {
	width: 100%;
	height: auto;
	display: block;
}

.promo-title {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: white;
}

.promo-title h1 {
	margin: 5px 0;
	font-size: 24px;
	letter-spacing: 2px;
}

.promo-title span {
	font-size: 24px;
	display: block;
}

.promo-title p {
	font-size: 12px;
	margin-top: 4px;
}

.promo-description {
	background: #4E422B;
	margin: 0px 65px;
	position: relative;
	margin-top: -100px;
	padding: 0px;
	border-radius: 15px;
}

.promo-details {
	padding: 14px 58px 0px 58px;
}

.promo-description h2 {
	margin-bottom: 27px;
}

.promo-description .promotext {
	font-size: 12.85px;
	line-height: 1.8;
	margin-bottom: 14px;
}

.promo-description .promomore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 46px;
    /* background-color: #77674D;
    border: 2px solid #77674D; */
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
  
.promolinktext{
	background-image: linear-gradient(45deg, #E3BF6A, #E6CA79, #F3EAC2, #CBA659, #ECDC93);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	height: 13px;
}

.promo-description .promomore:hover{
	cursor: pointer;
	/* background-color: #5c4729;
	border-color: #ae9661;
	box-shadow: 0 0 10px 2px rgba(227, 191, 106, 0.5); */
	background-image: linear-gradient(45deg, #ECDC93, #CBA659, #F3EAC2, #E6CA79, #E3BF6A);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}


.gradient-text {
	font-size: 28px;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	background: linear-gradient(to right, #E3BF6A, #E6CA79, #F3EAC2, #CBA659, #ECDC93);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	/* For Firefox */
	text-fill-color: transparent;
}


.whatsonSlide .slick-slide {
	padding: 0 30px;
}

.whatsonSlide .slick-dots {
	position: absolute;
	bottom: -100px;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	z-index: 4;
}


.whatsonSlide .slick-dots li {
	margin: 0 2px;
	list-style-type: none;
	border: 0;
	/* display: none; */
}

.whatsonSlide .slick-dots li button {
	font-size: 0;
	background: url(../images/slider-dot.svg) no-repeat;
	width: 21px;
	height: 21px;
	background-size: 21px 21px;
	border-radius: 100%;
	border: 0;
	cursor: pointer;
}

#whats-on .hanu-contentpart-icon {
	margin-bottom: 65px;
}

#whats-on .hanu-contenttitle {
	font-size: 60px;
}

#whats-on .press-bltop,
#whats-on .press-blbottom {
	height: 26px;
}

#whats-on .hanu-contentpart-icon img{
	height: auto;
}

.promohr{
	height: 2px;
	width: 100%;
	background: linear-gradient(to right, #CFB76F 0%, #f7eccc 50%, #CFB76F 100%);
	margin-top: 10px;
	margin-bottom: 10px;
}

/*...................../ what's on css end /.......................*/

/*......................../ single what's on css start /...........................*/

.singleWhatson-wrap {
	width: 100%;
	position: relative;
	margin: 0 0;
	height: 100%;
	padding: 37.19px 31.05px;
}

.singleWhatson_wrper {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0px 110px;
}

.singleWhatson-blmid {
	padding: 53px 100px 15px;
}
.singleWhatson-bltop {
    background: url(../images/whonupborder.png) no-repeat;
    width: 100%;
    height: 60px;
    background-size: 100% 100%;
}
.singleWhatson-blbottom {
    background: url(../images/whondownborder.png) no-repeat;
    width: 100%;
    height: 60px;
    background-size: 100% 100%;
	margin-top: -1px;
}

.singleWhatson-blmid::before {
    content: '';
    position: absolute;
    background: url(../images/Left_line-new.svg) repeat-y left top;
    width: 17px;
    background-size: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}

.singleWhatson-blmid::after {
    content: '';
    position: absolute;
    background: url(../images/Right_line-new.svg) repeat-y right top;
    width: 18px;
    background-size: 100%;
    height: 100%;
    z-index: 2;
    left: auto;
    right: 0;
    top: 0;
}

.singleWhatson-textlink{
	display: flex;
	justify-content: center;
	gap: 36px;
}

.singleWhatson-textlink .promomore {
    display: inline-block;
    padding: 11px 46px;
    /* background-color: #77674D;
    border: 2px solid #77674D; */
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
	margin: 0px;
}


.singleWhatson-textlink .promomore:hover{
	cursor: pointer;
	/* background-color: #5c4729;
	border-color: #ae9661;
	box-shadow: 0 0 10px 2px rgba(227, 191, 106, 0.5); */
	background-image: linear-gradient(45deg, #ECDC93, #CBA659, #F3EAC2, #E6CA79, #E3BF6A);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.singleWhatson-blmid .menup_lfttextmwrper{
	margin: 0px;
	text-align: center;
}
.singleWhatson-blmid .hanu-contenttitle{
	width: 100%;
}
.singleWhatson-blmid .menup_lft_textcont p{
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300;
	text-align: center;
	padding: 0 0 30px 0;
}

.whatson-details-wrap {
    background: #4E422B;
    border-radius: 30px;
}

.singleWhatson-blmid .gradient-text{
	font-size: 42px;
}

.singleWhatson-blmid .menup_lft_textcont{
	max-height: none;
	margin-bottom: 40px;
}

.singleWhatson_wrper .menup_leftwrp{
	width: 65%;
}
/*......................./ single what's on css end /.............................*/

/*16-05-25 css start*/
.whatson-menu-fix .navigation-content{
	bottom: 60px;
}
/*16-05-25 css end*/


/*23-05-2025 css start*/
.frame-btn {
    width: 180px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
	background-color: rgba(78, 66, 43, 0.8);
    border-radius: 10px;
	font-size: 14px;
}
.frame-btn .press-bltop, .frame-btn .press-blbottom{
	height: 18px;
}
.frame-btn .press-blmid::before, .frame-btn .press-blmid::after{
	width: 6px;
}

.frame-btn .press-bltop {
    background: url(../images/eventtop.png) no-repeat;
    width: 100%;
    background-size: 100% 100%;
}
.frame-btn .press-blbottom {
    background: url(../images/eventbottom.png) no-repeat;
    width: 100%;
    background-size: 100% 100%;
}

/*23-05-2025 css end*/

/*09-06-25 start*/
.eventpdispmob{
	display: none;
}
/*09-06-25 end*/

/*17-02-2026 css start*/
#hanu-award{
	
	background-size: cover;
	background-position: center center;
	height: 950px;
	width: calc(100% - 40px);
    margin: 0px 20px;
}

#hanu-award .hanu-landingpart-container{
	padding-bottom: 0px;
}

.border-bottomline{
	top: 0px;
}

@media(max-width: 768px){
	#hanu-award{

	background: transparent !important;
	height: auto;
}
	#hanu-award .hanu-landingpart-container{
		padding-bottom: 0px;
	}
	#hanu-award .hanu-contentpart-content{
		height: 300px;
		width: 80%;
        margin: 0px auto;
	}
}

/*17-02-2026 css end*/