@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto+Condensed&display=swap');
		
		@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=Roboto+Condensed&display=swap');
		

			body{
				overflow-x:hidden;
				box-sizing: border-box;
				font-family: 'Open Sans', sans-serif;
			
				
			}
			.font13{
				font-size:13px !important;
			}

			.headcnter{
				text-align: center;
				font-size: 24px !important;
				text-decoration: underline;
				text-decoration-color: red;
				text-decoration-thickness: 3px;
				text-transform: uppercase;
				font-weight: 400;
				letter-spacing: 1px;
			}
			.require::after{
				content: "*";
				color:red;
			}
			.message{
				color:green;
			}
			
			
			.package-item{
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #ffffff;
				padding: 20px 0px;
				border-radius: 10px;
				
			}
			.dailyprice {
				font-size: 14px;
				color: green;
				font-weight: 700;
			}
			.packdetail h6{
				font-weight: 400;
			}
			.packdetail {
				width: 40%;
			}
			
			.pack{
				    width: 175px;
					line-height: 0.5;
			}
			.packimg img{
				border-radius: 10px;
				 
			}
			.packimg{
				width: 50%;
				display: grid;
				place-items: flex-start;
				 
			}
			
			
			.buybtn{
				color: green;
				font-size: 15px;
				position: absolute;
				right: 15%;
				cursor: pointer;
			}
			.packitem{
				height:auto;
				background-color: #ffffff;
				border-radius: 0px;
			}
			table tr{
				display: flex;
				gap: 175px;
				align-items: center;
			}
			th, td{
				width: 100px;
			}
			.buybutton{
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.packbtn{
				text-decoration: none;
				border: 1px solid;
				padding: 5px 10px;
				font-size:13px;
			}
			.packbtn:hover{
				background-color:#d21849;
				color:#fff;
				font-weight:400;
				border:none;
			}
			.center {
				  border: 5px solid;
				  position: absolute;
				  top: 50%;
				  transform: translate(0, -50%);
				  padding: 10px;
			}
			.ingredvalue{
				color :#328230;
			}
			.ingred{
				color: #0a0b2a
			}
			.item{
				color :#a13e27;
			}
			.ingrename{
				
			}
			.viewpack{
				position: relative;
				left: 70%;
			}
			.back{
				text-decoration: none;
				padding: 5px 10px;
				font-size:13px;
				background-color:#d21849;
				color:#fff;
				border:none;
				position: absolute;
				top: 3%;
				right:2%;
					
			}
			.back:hover{
				background-color:#d21849;
				color:#fff !important;
				font-weight:400;
				
			}
			.{
				
			}
			.newbtn
			{
				    font-size: 15px !important;
					color: #fff;
					text-decoration: none;
					background-color: #d21849;
					padding: 7px 35px;
					border-radius: 5px;
				    border: none;
					
			}
			.newbtn:hover{
				background: #a71138;
				color: #fff;
				border: none;
			}
			.ahead
			{
				    font-size: 15px !important;
					color: #000;
					text-decoration: none;
					background-color: #fff;
					padding: 7px 35px;
					border: 1px solid black;
					border-radius: 5px;
					
			}
			.ahead:hover{
				background: #d21849;
				color: #fff;
				border: none;
			}
			.packahead
			{
				    font-size: 15px !important;
					color: #fff;
					text-decoration: none;
					background-color: #d21849;
					padding: 7px 15px;
					border-radius: 5px;
					position: absolute;
					top: 3%;
					right: 2%;
					border:none;
}
					
			}
			.packahead :hover{
				color: #fff !important;
				background: #c32828;
			}
			.mainlink{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 15%;
				margin-bottom: 10%;
			}
			.error > p 
			{
				color:red;
				text-align: center;
			}