body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
}

a {
  text-decoration: none;
  color: #000;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.container .heading{
font-family: library-3;
color:#f57175;
padding:1vw 0vw 0vw 0vw;
display:block;
font-size:1.8vw;
}
.container .heading1{
font-family: library-3;
color:#f57175;
padding:2vw 0vw 0vw 0vw;
display:block;
font-size:1.8vw;
}

/* Top Bar */
.topbar {
  background: #fff;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}

.topbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.topbar .right a {
  margin: 0 8px;
  color: #333;
}

/* Header */
.main-header {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}

.header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* Logo */
.logo {
	width:12vw;
}
.logo img{width:100%;}
.tasty {
  color: #e60000;
  font-size: 28px;
}
.foods {
  font-weight: bold;
  font-size: 16px;
}

/* Navigation */
.nav-links {
  display: flex;
  gap: 20px;
  align-items: center;
}

.nav-links .dropdown {
  position: relative;
  cursor: pointer;
}

.nav-links .dropdown i {
  margin-left: 4px;
}

/* Right Area */
.header-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.call {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 10px;
}

.highlight {
  color: #f4b400;
}

.cart-icon i {
  font-size: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 8px;
}

.order-btn {
  background-color: #e60000;
  color: white;
  padding: 10px 18px;
  border-radius: 25px;
  font-weight: bold;
  display:block;
}

.topheader{
	height:12vw;
}
.topheaderhead{  font-family: 'library-3', sans-serif;}
.topheadersubhead{}

@font-face {
  font-family: 'TerryJunior';
  src: url('fonts/Terry Junior W01 Deluxe.ttf') format('truetype');
  /* Add additional formats if needed (e.g., .woff, .woff2) */
}
@font-face {
  font-family:library-3;
  src: url(css/font/Mileast.otf);
}

@font-face {
  font-family: 'VarioW01';
  src: url('fonts/Vario W01 Italic.ttf') format('truetype');
  /* Add additional formats if needed (e.g., .woff, .woff2) */
}
.topheaderhead{ font-family: library-3;  text-transform:uppercase; font-size:3.5vw; text-align:center; margin:0vw; padding:4vw 0vw 0vw;  color:#00a0e3;;}
.topheadersubhead{font-family: 'TerryJunior'; text-transform:uppercase; font-size:1vw; text-align:center;margin:0vw; padding:0vw 0vw;}
/* Responsive */
.ctn3{color:black; font-weight:600; background: #ffed00; padding:1.5vw 1vw; font-size:1.5vw; text-align:center}

.whatjulyboxleft {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 2vw;
    background: transparent;
    border: .0vh solid red;
    z-index: 1;
}
.whatjulyboxright {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 2vw;
    background: transparent;
    border: .0vh solid red;
    z-index: 1;
}
.julywhatright {
    font-size: 5vw;
    color: #fff;
    background: linear-gradient(#25d366, #25d366) 14% 84% / 16% 16% no-repeat, radial-gradient(#25d366 60%, transparent 0);
    transform: rotate(270deg);
}
.julywhatleft
 {
    font-size: 5vw;
    color: #fff;
    background: linear-gradient(#25d366, #25d366) 14% 84% / 16% 16% no-repeat, radial-gradient(#25d366 60%, transparent 0);
}
.contentheadertop {
    position: fixed;
    top: 0;
    right: 0;
    background: #ffed00;
    border: .0vh solid red;
    z-index: 1;
	display:flex; flex-direction:row;
	width:100%;
	height:10vw;
	overflow:hidden;
	
}
.heaingimg{width:80%;}
.headingul{margin:0vw; padding:3vw 2vw;}
.headingul li{font-size:1.5vw; padding:2vw 0vw;}

.footerlogo{display:block; padding-top:2vw;}
.headingp{text-align:justify; font-size:1.5vw;}
.imgbox{width:100%; padding:2vw 0vw; margin:0vw auto; text-align: center;}
.ctn{position:absolute; top:7.5vw; left:5vw; color:black; font-weight:bold;}
.ctn1{color:black; font-weight:600; background: #ffed00; padding:1.5vw 1vw; font-size:1.5vw; text-align:center; font-family: library-3; }
.ctn2{color:black; font-weight:600; background: #ffed00; padding:1.5vw 1vw; font-size:1.5vw; text-align:center; font-family: library-3; }

	#silderd{display:none;}
	#storeboxm{display:none;}
	#storebox{display:block; z-index:-1;}
@media (max-width: 768px) {
  .header-flex {
	display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .nav-links {
    flex-wrap: wrap;
    gap: 10px;
  }

  .header-right {
	display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .order-btn {
  background-color: #e60000;
  color: white;
  padding: 10px 18px;
  border-radius: 25px;
  font-weight: bold;
  font-size:2vw;
  display:none;
}
.topheader{
	height:30vw;
}
.contact-container{
	max-width: 800px;
    margin: 0px auto;
    padding: 00px;
}  
.topheaderhead{font-family: 'library-3'; text-transform:uppercase; font-size:7vw; text-align:center; margin:0vw; padding:4vw 0vw 0vw; }
.topheadersubhead{font-family: 'library-3'; text-transform:uppercase; font-size:4vw; text-align:center;margin:0vw; padding:0vw 0vw;}

.ctn{position:absolute; top:7.5vw; left:5vw; color:black; font-weight:bold;}
.ctn1{color:#ff0005; font-weight:600; background: #ffed00; padding:2vw 1vw; font-size:3vw; text-align:center; font-family: library-3; }
.ctn2{color:black; font-weight:600; background: #ffed00; padding:2vw 1vw; font-size:3vw; text-align:center; font-family: library-3; }
.ctn3{color:black; font-weight:600; background: #ffed00; padding:1.5vw 1vw; font-size:3vw; text-align:center}
.julywhatright {
    font-size: 15vw;
    color: #fff;
    background: linear-gradient(#25d366, #25d366) 14% 84% / 16% 16% no-repeat, radial-gradient(#25d366 60%, transparent 0);
    transform: rotate(270deg);
}
.julywhatleft{
    font-size: 15vw;
    color: #fff;
    background: linear-gradient(#25d366, #25d366) 14% 84% / 16% 16% no-repeat, radial-gradient(#25d366 60%, transparent 0);

}
.container .heading{
font-family: library-3;
color:#f57175;
padding:1vw 0vw 0vw 0vw;
display:block;
font-size:4vw;
}
.container .heading1{
font-family: library-3;
color:#f57175;
padding:2vw 0vw 0vw 0vw;
display:block;
font-size:4vw;

}
	#silderbox{display:none;}
	#silderd{display:block; padding-top:0vw}
.heaingimg{width:100%;}
.headingul{margin:0vw 1vw 1vw 5vw; padding:3vw 2vw;}
.headingul li{font-size:3.5vw; padding:2vw 0vw;}
.headingp{text-align:justify; font-size:3.5vw;}