@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
         body {font-size:18px; font-family: 'Outfit', sans-serif; font-weight:500;}
         a:link {color:#000; text-decoration: none; font-weight:400;}
         a:visited {color:#000;text-decoration: none; font-weight:400;}
         a:hover {color:#FFB612;text-decoration: none; font-weight:400;}
         .atop:link {color:#000;  font-weight:bold;}
         .atop:visited {color:#000; text-decoration: none; font-weight:bold;}
         .atop:hover {color:#F89522; font-weight:bold; text-decoration: underline;  text-decoration-color: #F89522; text-underline-offset: 8px;}
         .afoot:link {font-size:16px; color:#000000; text-decoration: none; font-weight:400;}
         .afoot:visited {font-size:16px; color:#000000;text-decoration: none; font-weight:400;}
         .afoot:hover {font-size:16px; color:#ff0000;text-decoration: none; font-weight:400;}
		 .amenu:link {font-size:20px; color:#fff; text-decoration: none; font-weight:400;}
         .amenu:visited {font-size:20px; color:#fff; text-decoration: none; font-weight:400;}
         .amenu:hover {font-size:20px; color:#F89522; text-decoration: none; font-weight:400;}
         .back-to-top {position: fixed; bottom: 2em; right: 2px; text-decoration: none; color: #ffffff; background-color: #173E71; padding: 1em; }	
         .white{color:#fff; text-decoration:none;}
         .bold{font-weight:600;}
         .gallery{max-width:15%; height:100px; border:1px solid #d5d5d5; padding:10px;}
         .container { width:1650px; border:0px dotted red;}
		 .error {color:red; font-style:italic; font-weight:normal;}
		 hr{border:1px solid #173E71; opacity:0.2;}
		 .uline {
         text-decoration: underline;
         text-decoration-color: #000;
         text-underline-offset: 8px;
         }
         @media (max-width: 2560px) {
         .container { max-width:1650px;}
         }
         .title  { font-size: 48px;  font-weight:700;}
         .title1 { font-size: 30px;}
		 h1 .title2 { font-size: 20px;}
         .cafetitle { font-size: 20px;}
         .hgh{height:50px;}
         .manu ul li{display: inline;}

         @media only screen and (max-width: 767px) { 
         .container { width: 100%;}
         .title { font-size: 38px; }
         .title1 { font-size: 30px; line-height:35px;}
         .product-list {justify-content: space-around; width: 95%;}

         }
         #menu {
         background: #FFFFFF;
         height: 25px;
         padding-left: 80px;
         border-radius: 0px;
		 float:right;
         }
         #menu ul, #menu li {
         padding: 10px;
         list-style: none
         }
         #menu ul {
         width: 100%;
         text-align: left;
         }
         #menu li {
         display: inline-block;
         position: relative;
         }
         #menu a {
         display: block;
         padding: 20px 10px;
         text-decoration: none;
         color: #000000;
         font-size: 18px;
		 font-weight:bold;
         }
          #menu li a:hover {
         color: #FFCC00;
         font-weight:bold;
         }
         #menu input {
         display: none;
         margin: 0;
         padding: 0;
         height: 25px;
         width: 100%;
         opacity: 0;
         cursor: pointer
         }
         #menu label {
         display: none;
         line-height: 25px;
         text-align: center;
         position: absolute;
         left: 35px
         }
         #menu label:before {
			 
         font-size: 4em;
         color: #000000;
         content: "\2261"; 
         margin-left: 10px;
         }
    .LButton {
	background-color:#164078;
	border-radius:12px;
	border:1px solid #173e71;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	padding:18px 30px;
	text-decoration:none;
}
.LButton:hover {
	background-color:#20569e;
}
.LButton:active {
	position:relative;
	top:1px;
}

.rentnow {
	background-color:#ffcc00;
	border-radius:11px;
	border:1px solid #173e71;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:22px;
	font-weight:bold;
	padding:10px;
	text-decoration:none;
	width: 300px;
}
.rentnow:hover {
	background-color:#d1aa0f;
	color:#fff;
}
.rentnow:active {
	position:relative;
	top:1px;
}
.reserve {
	background-color:#ffffff;
	border-radius:11px;
	border:1px solid #ffcc00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	padding:10px;
	text-decoration:none;
	width:300px;
}
.reserve:hover {
	background-color:#ffcc00;
	color:#fff;
}
.reserve:active {
	position:relative;
	top:1px;
}

.b-yellow {
	background-color:#ffcc00;
	border-radius:11px;
	border:0px solid #173e71;
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
}

.b-white {
	background-color:#ffffff;
	border-radius:11px;
	border:1px solid #ffcc00;
	display:inline-block;
	color:#000;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
}

.myselect {
	background-color:#173e71;
	border-radius:10px;
	border:1px solid #173e71;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:23px;
	padding:9px 76px;
	text-decoration:none;
}
.myselect:hover {
	background-color:#2f61a3;
}
.myselect:active {
	position:relative;
	top:1px;
}
         @media screen and (max-width: 800px){
         #menu {position:relative; float:none;}
         #menu ul {background:#FFCC00;position:absolute;top:100%;right:0;left:2px;z-index:3;height:auto;display:none;text-align:left;}
         #menu li {display:block;float:none;width:auto;}
         #menu input, #menu label {position:absolute;top:0;left:0;display:block}
         #menu input {z-index:4}
         #menu input:checked + label {color:#000000}
         #menu input:checked + label:before {content:"\00d7"}
         #menu input:checked ~ ul {display:block}
		 .t-center {text-align:center; background:#eee; padding:20px;}
		 .LButton {
	background-color:#164078;
	border-radius:0px;
	border:0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	padding:18px 30px;
	text-decoration:none;
}
         }
         .box {
         position: relative;
         }
         .ribbon {
         position: absolute;
         right: 10px; top: 10px;
         z-index: 1;
         overflow: hidden;
         width: 75px; height: 75px;
         text-align: right;
         }
         .ribbon span {
         font-size: 14px;
         font-weight: bold;
         color: #FFF;
         text-transform: uppercase;
         text-align: center;
         line-height: 20px;
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         width: 100px;
         display: block;
         background: #79A70A;
         background: linear-gradient(#F70505 0%, #8F0808 100%);
         box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
         position: absolute;
         top: 19px; right: -21px;
         }
         .ribbon span::before {
         content: "";
         position: absolute; left: 0px; top: 100%;
         z-index: -1;
         border-left: 3px solid #8F0808;
         border-right: 3px solid transparent;
         border-bottom: 3px solid transparent;
         border-top: 3px solid #8F0808;
         }
        .column{border:0px solid red;}
         .modal-content  {
         -webkit-border-radius: 0px !important;
         -moz-border-radius: 0px !important;
         border-radius: 0px !important; 
         }
         .modal-header {
         padding: 5px;
         border-bottom: 0px solid #e5e5e5;
         }
         #CK {min-height:450px; margin: 0 auto;}
         #CK ul { padding:0; margin:0;}
         #CK li {display: inline; cursor:pointer; padding:5px;}
         /* #Cart Dropdown Styles
         –––––––––––––––––––––––––––––––––––––––––––––––––– */
         .border-black{border:1px solid black;}
         .small-txt{font-size:14px;}
         input[type=number]::-webkit-inner-spin-button, 
         input[type=number]::-webkit-outer-spin-button {  
         opacity: 1;
         }
         .qty1{ font-size:20px; font-weight:bold;}
         .search {width:300px; background:#000; color:#fff; border:0; position: relative; outline: none;}
         .container2{ position: relative;}
        
         .btn-lg, .btn-group-lg>.btn {
         padding: 0.75rem 1.25rem;
         font-size: 1.25rem;
         line-height: 1.333333;
         border-radius: 0; 
         }
         .product-list {
         display: flex;
         justify-content1: space-around;
         flex-wrap: wrap;
         }
         .product-box {
         text-align: center;
         display: flex;
         flex-direction: column;
		 border:1px solid #173E71;
         }
         .product-title {
         margin: 0;
         flex-grow: 1; /* Allow the title to grow, pushing the button and price down */
         }
		          .form-control {
         display: block;
         width: 100%;
         padding: 0.375rem 0.75rem;
         font-size: 1rem;
         line-height: 1.5;
         color: #000000;
         background-color: #fff;
         background-image: none;
         border: 1px solid #000;
         border-radius: 0rem; 
         }
         .ico{font-size:25px; padding:3px;}
		 .status-container {
            display: flex;
            align-items: center;
        }
        .status-container i {
            margin-left: 10px; 
        }