diff --git a/.DS_Store b/.DS_Store
index 968cec4..56f8bef 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/img/affogato.png b/img/affogato.png
new file mode 100644
index 0000000..ff06547
Binary files /dev/null and b/img/affogato.png differ
diff --git a/img/affogato.webp b/img/affogato.webp
new file mode 100644
index 0000000..35a8077
Binary files /dev/null and b/img/affogato.webp differ
diff --git a/img/black-cup-of-coffee.png b/img/black-cup-of-coffee.png
new file mode 100644
index 0000000..f8aa83b
Binary files /dev/null and b/img/black-cup-of-coffee.png differ
diff --git a/img/black-cup-of-coffee.webp b/img/black-cup-of-coffee.webp
new file mode 100644
index 0000000..a49e82f
Binary files /dev/null and b/img/black-cup-of-coffee.webp differ
diff --git a/img/cappuccino.png b/img/cappuccino.png
new file mode 100644
index 0000000..8e73c08
Binary files /dev/null and b/img/cappuccino.png differ
diff --git a/img/cappuccino.webp b/img/cappuccino.webp
new file mode 100644
index 0000000..d298f9b
Binary files /dev/null and b/img/cappuccino.webp differ
diff --git a/img/cortado-2.png b/img/cortado-2.png
new file mode 100644
index 0000000..01e5128
Binary files /dev/null and b/img/cortado-2.png differ
diff --git a/img/cortado-2.webp b/img/cortado-2.webp
new file mode 100644
index 0000000..61eddca
Binary files /dev/null and b/img/cortado-2.webp differ
diff --git a/img/cortado.png b/img/cortado.png
new file mode 100644
index 0000000..5c860b6
Binary files /dev/null and b/img/cortado.png differ
diff --git a/img/cortado.webp b/img/cortado.webp
new file mode 100644
index 0000000..ed68723
Binary files /dev/null and b/img/cortado.webp differ
diff --git a/img/double-espresso.png b/img/double-espresso.png
new file mode 100644
index 0000000..a12abb3
Binary files /dev/null and b/img/double-espresso.png differ
diff --git a/img/double-espresso.webp b/img/double-espresso.webp
new file mode 100644
index 0000000..d137ea8
Binary files /dev/null and b/img/double-espresso.webp differ
diff --git a/img/espresso.png b/img/espresso.png
new file mode 100644
index 0000000..31675f4
Binary files /dev/null and b/img/espresso.png differ
diff --git a/img/espresso.webp b/img/espresso.webp
new file mode 100644
index 0000000..0ceaf63
Binary files /dev/null and b/img/espresso.webp differ
diff --git a/img/hot-chocolate.png b/img/hot-chocolate.png
new file mode 100644
index 0000000..53f0fa6
Binary files /dev/null and b/img/hot-chocolate.png differ
diff --git a/img/hot-chocolate.webp b/img/hot-chocolate.webp
new file mode 100644
index 0000000..f5b4c23
Binary files /dev/null and b/img/hot-chocolate.webp differ
diff --git a/img/latte.png b/img/latte.png
new file mode 100644
index 0000000..518ea27
Binary files /dev/null and b/img/latte.png differ
diff --git a/img/latte.webp b/img/latte.webp
new file mode 100644
index 0000000..0bd8cbf
Binary files /dev/null and b/img/latte.webp differ
diff --git a/img/mocha-coffee-.png b/img/mocha-coffee-.png
new file mode 100644
index 0000000..af846b9
Binary files /dev/null and b/img/mocha-coffee-.png differ
diff --git a/img/mocha-coffee-.webp b/img/mocha-coffee-.webp
new file mode 100644
index 0000000..94826dd
Binary files /dev/null and b/img/mocha-coffee-.webp differ
diff --git a/img/turkish-coffee.png b/img/turkish-coffee.png
new file mode 100644
index 0000000..035f911
Binary files /dev/null and b/img/turkish-coffee.png differ
diff --git a/img/turkish-coffee.webp b/img/turkish-coffee.webp
new file mode 100644
index 0000000..83ed11e
Binary files /dev/null and b/img/turkish-coffee.webp differ
diff --git a/img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg b/img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg
deleted file mode 100644
index 656cbca..0000000
Binary files a/img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg and /dev/null differ
diff --git a/index.html b/index.html
index a27eb70..57310ae 100755
--- a/index.html
+++ b/index.html
@@ -67,7 +67,7 @@
 <div class="page-container">
     
 <!-- bloc-1 -->
-<div class="bloc b-parallax bloc-fill-screen d-bloc " id="bloc-1">
+<div class="bloc b-parallax bloc-fill-screen d-bloc" id="bloc-1">
 	<div class="parallax bg-pattern-transparent bgc-3409">
 	</div>
 	<div class="bloc-bg-mask">
@@ -95,7 +95,7 @@ <h1 class="mb-4 h3-style">
 							</h1>
 						</div>
 					<div class="text-center">
-							<a href="menu.html" class="btn btn-منو-style btn-xl swing-hvr none animLoopInfinite animated pulse btn-d" data-appear-anim-style="pulse">🍉 منو</a>
+							<a href="menu.html" class="btn btn-منو-style btn-xl swing-hvr none animLoopInfinite animated pulse " data-appear-anim-style="pulse">🍉 منو</a>
 						</div>
 				</div>
 			</div>
@@ -317,46 +317,46 @@ <h3 class="mg-md text-center cap-heading h2-style tc-7376">
 					</div>
 					<div class="container-div-style blocs-horizontal-scroll-area text-lg-center" data-no-scroll-correction="true">
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0157.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0157.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="532"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0157.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0157.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="398"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0100.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0100.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="345"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0100.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0100.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="258"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_1001.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_1001.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_1001.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_1001.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Image.webp"><img src="img/lazyload-ph.png" data-src="img/Image.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Image.webp"><img src="img/lazyload-ph.png" data-src="img/Image.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0092.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0092.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0092.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0092.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0112.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0112.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0112.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0112.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0067.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0067.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0067.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0067.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0878.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0878.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0878.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0878.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0869.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0869.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0869.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0869.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0839.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0839.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0839.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0839.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0823.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0823.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="384"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0823.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0823.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="287"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0818.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0818.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="350"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0818.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0818.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="261"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0810.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0810.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="282"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0810.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0810.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="211"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0969.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0969.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0969.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0969.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="398" height="265"></picture>
 							</div>
 						</div>
 					<div class="blocs-horizontal-scroll-control blocs-scroll-control-next">
@@ -375,7 +375,7 @@ <h3 class="mg-md text-center cap-heading h2-style tc-7376">
 
 
 <!-- bloc-11 -->
-<div class="bloc bgc-7376 bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-11">
+<div class="bloc bgc-7376 bg-pattern-transparent d-bloc" id="bloc-11">
 	<div class="bloc-bg-mask">
 		<svg class="svg-mask bloc-31503-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
 	</div>
@@ -481,7 +481,7 @@ <h2 class="text-center cap-heading mb-4 h2-style tc-2941">
 <script src="./js/bootstrap.bundle.min.js"></script>
 <script src="./js/blocs.js"></script>
 <script src="./js/lazysizes.min.js" defer></script>
-<script src="./js/universal-parallax.min.js?5045"></script><!-- Additional JS END -->
+<script src="./js/universal-parallax.min.js?4367"></script><!-- Additional JS END -->
 
 
 </body>
diff --git a/maps.html b/maps.html
index 54a2760..9448f15 100644
--- a/maps.html
+++ b/maps.html
@@ -50,7 +50,7 @@
 <div class="page-container">
     
 <!-- bloc-1 -->
-<div class="bloc sticky-nav bgc-4949 bloc-bg-texture texture-paper bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-1">
+<div class="bloc sticky-nav bloc-bg-texture texture-paper bgc-6300 d-bloc " id="bloc-1">
 	<div class="container bloc-no-padding">
 		<div class="row">
 			<div class="text-left offset-lg-0 align-self-center text-lg-center col-sm-3 col-lg-2 col-5 col-md-3">
@@ -80,6 +80,228 @@ <h1 class="mb-4 float-lg-none menu-page-title btn-resize-mode h1-style animated
 </div>
 <!-- bloc-1 END -->
 
+<!-- bloc-1 -->
+<div class="bloc b-parallax d-bloc" id="bloc-1">
+	<div class="parallax bg-pattern-transparent bgc-3409">
+	</div>
+	<div class="container bloc-md-sm bloc-md">
+		<div class="row voffset">
+			<div class="col-lg-12 mb-3">
+				<h3 class="text-center text-lg-center review-discount-head mx-auto d-block animSpeedSlow animLoopInfinite text-md-center h3-یلداتون-مبارک-style animated tada" data-appear-anim-style="tada">
+					🍉🍓🥰<br>یلداتون مبارک
+				</h3>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- bloc-1 END -->
+
+<section>
+
+<!-- hot-beverages -->
+<div class="bloc b-parallax bg-bl-edge bloc-bg-texture texture-paper l-bloc" id="hot-beverages">
+	<div class="bloc-bg-mask">
+		<svg class="svg-mask bloc-hot-beverages-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
+	</div>
+	<div class="container bloc-md bloc-lg-md bloc-md-sm">
+			<div class="row">
+				<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
+					<h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
+						♨️ قهوه‌های گرم
+					</h2>
+					<div class="divider-h mx-auto primary-divider">
+					</div>
+				</div>
+				<div class="col-12 col-lg-6 mb-4">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-md-center text-center container-div-0-style">
+							<picture><source type="image/webp" srcset="img/cappuccino.webp"><img src="img/cappuccino.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-cappucci-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کاپوچینو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، شیر کامل، فوم شیر
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/latte.webp"><img src="img/latte.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								لاته<br>
+							</h4>
+							<p class="menu-item-info">
+								قهوهٔ تازه‌‌دم، شیر کامل، فوم شیر<br>
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/mocha-coffee-.webp"><img src="img/mocha-coffee-.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-mocha-coffe-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								موکا
+							</h4>
+							<p class="menu-item-info p-style">
+								اسپرسوی تازه‌دم، شیر، سیروپ و گرانول شکلات
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/espresso.webp"><img src="img/espresso.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۳۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/double-espresso.webp"><img src="img/double-espresso.png" class="img-fluid float-lg-none drink-thumb float-none img-espress-style animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-item-title">
+								دوبل اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/turkish-coffee.webp"><img src="img/turkish-coffee.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								قهوهٔ ترک
+							</h4>
+							<p class="menu-item-info">
+								گرانول قهوه، دم‌شده در آب
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۵۵<br>
+							</h4>
+						</div>
+					</div>
+				</div>
+				<div class="col-12 col-lg-6">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-center container-div-hot-beverages-style">
+							<picture><source type="image/webp" srcset="img/black-cup-of-coffee.webp"><img src="img/black-cup-of-coffee.png" class="img-fluid float-lg-none drink-thumb float-none img-protected none pr-lg-0 animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آمریکانو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌‌دم، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/hot-chocolate.webp"><img src="img/hot-chocolate.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								هات چاکلت
+							</h4>
+							<p class="menu-item-info">
+								گرانول شکلات، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/cortado.webp"><img src="img/cortado.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر&nbsp;
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/affogato.webp"><img src="img/affogato.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آفوگاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسو دوبل، یک اسکوپ بستنی وانیلی، عصارهٔ وانیل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center pr-lg-0">
+							<picture><source type="image/webp" srcset="img/cortado-2.webp"><img src="img/cortado-2.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کارامل ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر، سیروپ کارامل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۵
+							</h4>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
+<!-- hot-beverages END -->
+
+</section>
 <!-- bloc-17 -->
 <div class="bloc b-parallax d-bloc" id="bloc-17">
 	<div class="parallax bg-maxresdefault bgc-789">
@@ -125,7 +347,7 @@ <h1 class="text-center cap-heading mb-4 h2-style animSpeedSlow animLoopInfinite
 
 
 <!-- bloc-11 -->
-<div class="bloc bgc-7376 bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-11">
+<div class="bloc bgc-7376 bg-pattern-transparent d-bloc" id="bloc-11">
 	<div class="bloc-bg-mask">
 		<svg class="svg-mask bloc-31503-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
 	</div>
@@ -231,7 +453,7 @@ <h2 class="text-center cap-heading mb-4 h2-style tc-2941">
 <script src="./js/bootstrap.bundle.min.js"></script>
 <script src="./js/blocs.js"></script>
 <script src="./js/lazysizes.min.js" defer></script>
-<script src="./js/universal-parallax.min.js?8769"></script><!-- Additional JS END -->
+<script src="./js/universal-parallax.min.js?9442"></script><!-- Additional JS END -->
 
 
 </body>
diff --git a/menu.html b/menu.html
index bab24c6..27e0f9d 100644
--- a/menu.html
+++ b/menu.html
@@ -61,7 +61,7 @@
 <div class="page-container">
     
 <!-- bloc-1 -->
-<div class="bloc sticky-nav bgc-4949 bloc-bg-texture texture-paper bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-1">
+<div class="bloc sticky-nav bloc-bg-texture texture-paper bgc-6300 d-bloc " id="bloc-1">
 	<div class="container bloc-no-padding">
 		<div class="row">
 			<div class="text-left offset-lg-0 align-self-center text-lg-center col-sm-3 col-lg-2 col-5 col-md-3">
@@ -91,34 +91,228 @@ <h1 class="mb-4 float-lg-none menu-page-title btn-resize-mode h1-style animated
 </div>
 <!-- bloc-1 END -->
 
-<!-- bloc-5 -->
-<div class="bloc b-parallax d-bloc" id="bloc-5">
-	<div class="parallax bg-pattern-transparent bgc-598">
+<!-- bloc-1 -->
+<div class="bloc b-parallax d-bloc" id="bloc-1">
+	<div class="parallax bg-pattern-transparent bgc-3409">
 	</div>
 	<div class="container bloc-md-sm bloc-md">
 		<div class="row voffset">
 			<div class="col-lg-12 mb-3">
-				<h3 class="text-center text-lg-center review-discount-head mx-auto d-block animSpeedSlow animLoopInfinite text-md-center animated floating" data-appear-anim-style="floating">
-					با نشر نظر <strong>واقعیت</strong>&nbsp;دربارهٔ کالیا&nbsp;<strong>۲۰٪</strong>&nbsp; <strong>تخفیف</strong> بگیر 🙂✌🏼‏
+				<h3 class="text-center text-lg-center review-discount-head mx-auto d-block animSpeedSlow animLoopInfinite text-md-center h3-یلداتون-مبارک-style animated tada" data-appear-anim-style="tada">
+					🍉🍓🥰<br>یلداتون مبارک
 				</h3>
 			</div>
-			<div class="col-lg-3 mb-3 col-sm-6 col-6 col-md-3">
-				<a href="https://behtarino.com/p/zttawbcduq~%DA%A9%D8%A7%D9%81%D9%87-%DA%A9%D8%A7%D9%84%DB%8C%D8%A7" class="btn btn-lg share-review btn-button-style btn-d behtarino btn-clean animated floating animLoopInfinite animSpeedSlow" data-appear-anim-style="floating" target="_blank"><span class="icon-spacer fa fa-external-link-alt"></span>بهترینو<br></a>
-			</div>
-			<div class="col-lg-3 mb-3 col-sm-6 col-6 col-md-3">
-				<a href="https://neshan.org/maps/places/86550dd857efa877bd7386ac8180cd4c/تهران+اندیشه+-+جوانمردان+کافه+کالیا" class="btn btn-d btn-lg share-review btn-button-style neshan btn-clean animated floating animSpeedSlow animLoopInfinite" data-appear-anim-style="floating" target="_blank"><span class="icon-spacer fa fa-external-link-alt"></span>نشان<br></a>
-			</div>
-			<div class="col-lg-3 mb-3 col-sm-6 col-6 col-md-3">
-				<a href="https://balad.ir/p/6D89h2LMOVMEZS?preview=true#15/35.75245/51.27355" class="btn btn-d btn-lg share-review btn-button-style balad btn-clean animSpeedSlow animated floating animLoopInfinite" data-appear-anim-style="floating" target="_blank"><span class="icon-spacer fa fa-external-link-alt"></span>بلد</a>
-			</div>
-			<div class="col-lg-3 mb-3 col-sm-6 col-6 col-md-3">
-				<a href="https://maps.app.goo.gl/8yhSVTv4xkqqPdYb6" class="btn btn-d btn-lg share-review btn-button-style google-map btn-clean animLoopInfinite animSpeedSlow animated floating" data-appear-anim-style="floating" target="_blank"><span class="icon-spacer fa fa-external-link-alt"></span>گوگل مپ</a>
-			</div>
 		</div>
 	</div>
 </div>
-<!-- bloc-5 END -->
+<!-- bloc-1 END -->
+
+<section>
+
+<!-- hot-beverages -->
+<div class="bloc b-parallax bg-bl-edge bloc-bg-texture texture-paper l-bloc" id="hot-beverages">
+	<div class="bloc-bg-mask">
+		<svg class="svg-mask bloc-hot-beverages-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
+	</div>
+	<div class="container bloc-md bloc-lg-md bloc-md-sm">
+			<div class="row">
+				<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
+					<h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
+						♨️ قهوه‌های گرم
+					</h2>
+					<div class="divider-h mx-auto primary-divider">
+					</div>
+				</div>
+				<div class="col-12 col-lg-6 mb-4">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-md-center text-center container-div-0-style">
+							<picture><source type="image/webp" srcset="img/cappuccino.webp"><img src="img/cappuccino.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-cappucci-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کاپوچینو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، شیر کامل، فوم شیر
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/latte.webp"><img src="img/latte.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								لاته<br>
+							</h4>
+							<p class="menu-item-info">
+								قهوهٔ تازه‌‌دم، شیر کامل، فوم شیر<br>
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/mocha-coffee-.webp"><img src="img/mocha-coffee-.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-mocha-coffe-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								موکا
+							</h4>
+							<p class="menu-item-info p-style">
+								اسپرسوی تازه‌دم، شیر، سیروپ و گرانول شکلات
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/espresso.webp"><img src="img/espresso.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۳۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/double-espresso.webp"><img src="img/double-espresso.png" class="img-fluid float-lg-none drink-thumb float-none img-espress-style animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-item-title">
+								دوبل اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/turkish-coffee.webp"><img src="img/turkish-coffee.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								قهوهٔ ترک
+							</h4>
+							<p class="menu-item-info">
+								گرانول قهوه، دم‌شده در آب
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۵۵<br>
+							</h4>
+						</div>
+					</div>
+				</div>
+				<div class="col-12 col-lg-6">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-center container-div-hot-beverages-style">
+							<picture><source type="image/webp" srcset="img/black-cup-of-coffee.webp"><img src="img/black-cup-of-coffee.png" class="img-fluid float-lg-none drink-thumb float-none img-protected none pr-lg-0 animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آمریکانو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌‌دم، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/hot-chocolate.webp"><img src="img/hot-chocolate.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								هات چاکلت
+							</h4>
+							<p class="menu-item-info">
+								گرانول شکلات، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/cortado.webp"><img src="img/cortado.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر&nbsp;
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/affogato.webp"><img src="img/affogato.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آفوگاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسو دوبل، یک اسکوپ بستنی وانیلی، عصارهٔ وانیل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center pr-lg-0">
+							<picture><source type="image/webp" srcset="img/cortado-2.webp"><img src="img/cortado-2.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کارامل ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر، سیروپ کارامل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۵
+							</h4>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
+<!-- hot-beverages END -->
 
+</section>
 <section>
 
 <!-- cold-coffee -->
@@ -138,7 +332,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/iced-caramel-macchiato-.webp"><img src="img/lazyload-ph.png" data-src="img/iced-caramel-macchiato-.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/iced-caramel-macchiato-.webp"><img src="img/lazyload-ph.png" data-src="img/iced-caramel-macchiato-.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -154,7 +348,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/iced-americano.webp"><img src="img/lazyload-ph.png" data-src="img/iced-americano.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedLazy animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/iced-americano.webp"><img src="img/lazyload-ph.png" data-src="img/iced-americano.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedLazy animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -174,7 +368,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/ice-latte.webp"><img src="img/lazyload-ph.png" data-src="img/ice-latte.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/ice-latte.webp"><img src="img/lazyload-ph.png" data-src="img/ice-latte.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -190,7 +384,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mocha.webp"><img src="img/lazyload-ph.png" data-src="img/mocha.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mocha.webp"><img src="img/lazyload-ph.png" data-src="img/mocha.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeedLazy lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -234,7 +428,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/pomegranate-juice.webp"><img src="img/lazyload-ph.png" data-src="img/pomegranate-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/pomegranate-juice.webp"><img src="img/lazyload-ph.png" data-src="img/pomegranate-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -250,7 +444,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/carrot-ice-cream.webp"><img src="img/lazyload-ph.png" data-src="img/carrot-ice-cream.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/carrot-ice-cream.webp"><img src="img/lazyload-ph.png" data-src="img/carrot-ice-cream.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -266,7 +460,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/apple-juice.webp"><img src="img/lazyload-ph.png" data-src="img/apple-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/apple-juice.webp"><img src="img/lazyload-ph.png" data-src="img/apple-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -282,7 +476,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/banana-with-milk.webp"><img src="img/lazyload-ph.png" data-src="img/banana-with-milk.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/banana-with-milk.webp"><img src="img/lazyload-ph.png" data-src="img/banana-with-milk.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -298,7 +492,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lemonade.webp"><img src="img/lazyload-ph.png" data-src="img/lemonade.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lemonade.webp"><img src="img/lazyload-ph.png" data-src="img/lemonade.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -314,7 +508,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mojito-.webp"><img src="img/lazyload-ph.png" data-src="img/mojito-.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated shake animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mojito-.webp"><img src="img/lazyload-ph.png" data-src="img/mojito-.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated shake animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -334,7 +528,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/red-drink.webp"><img src="img/lazyload-ph.png" data-src="img/red-drink.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/red-drink.webp"><img src="img/lazyload-ph.png" data-src="img/red-drink.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -350,7 +544,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/celery-juice.webp"><img src="img/lazyload-ph.png" data-src="img/celery-juice.png" class="img-fluid drink-thumb animated shake animLoopInfinite animSpeed10 float-lg-none lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/celery-juice.webp"><img src="img/lazyload-ph.png" data-src="img/celery-juice.png" class="img-fluid drink-thumb animated shake animLoopInfinite animSpeed10 float-lg-none lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -366,7 +560,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/apple-celery.webp"><img src="img/lazyload-ph.png" data-src="img/apple-celery.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/apple-celery.webp"><img src="img/lazyload-ph.png" data-src="img/apple-celery.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -382,7 +576,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/orange-juice.webp"><img src="img/lazyload-ph.png" data-src="img/orange-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/orange-juice.webp"><img src="img/lazyload-ph.png" data-src="img/orange-juice.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -398,7 +592,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fizzy-mojito.webp"><img src="img/lazyload-ph.png" data-src="img/fizzy-mojito.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fizzy-mojito.webp"><img src="img/lazyload-ph.png" data-src="img/fizzy-mojito.png" class="img-fluid float-lg-none drink-thumb float-none animated shake animLoopInfinite animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="shake" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -468,7 +662,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/vanila-shake.webp"><img src="img/lazyload-ph.png" data-src="img/vanila-shake.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated wobble animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/vanila-shake.webp"><img src="img/lazyload-ph.png" data-src="img/vanila-shake.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated wobble animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div class="text-left">
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -484,7 +678,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/peanut-shake.webp"><img src="img/lazyload-ph.png" data-src="img/peanut-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/peanut-shake.webp"><img src="img/lazyload-ph.png" data-src="img/peanut-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -500,7 +694,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/strawberry-shake.webp"><img src="img/lazyload-ph.png" data-src="img/strawberry-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/strawberry-shake.webp"><img src="img/lazyload-ph.png" data-src="img/strawberry-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -516,7 +710,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/banana-milkshake.webp"><img src="img/lazyload-ph.png" data-src="img/banana-milkshake.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedSlow animated wobble float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/banana-milkshake.webp"><img src="img/lazyload-ph.png" data-src="img/banana-milkshake.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedSlow animated wobble float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -532,7 +726,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/shake.webp"><img src="img/lazyload-ph.png" data-src="img/shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/shake.webp"><img src="img/lazyload-ph.png" data-src="img/shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -552,7 +746,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bounty-shake.webp"><img src="img/lazyload-ph.png" data-src="img/bounty-shake.png" class="img-fluid drink-thumb animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bounty-shake.webp"><img src="img/lazyload-ph.png" data-src="img/bounty-shake.png" class="img-fluid drink-thumb animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -568,7 +762,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/nutella-shake.webp"><img src="img/lazyload-ph.png" data-src="img/nutella-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/nutella-shake.webp"><img src="img/lazyload-ph.png" data-src="img/nutella-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -584,7 +778,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hobby-shake.webp"><img src="img/lazyload-ph.png" data-src="img/hobby-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hobby-shake.webp"><img src="img/lazyload-ph.png" data-src="img/hobby-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -600,7 +794,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/snickers-shake.webp"><img src="img/lazyload-ph.png" data-src="img/snickers-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/snickers-shake.webp"><img src="img/lazyload-ph.png" data-src="img/snickers-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -616,7 +810,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bloody-milkshake.webp"><img src="img/lazyload-ph.png" data-src="img/bloody-milkshake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bloody-milkshake.webp"><img src="img/lazyload-ph.png" data-src="img/bloody-milkshake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -632,7 +826,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/coconut-shake.webp"><img src="img/lazyload-ph.png" data-src="img/coconut-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/coconut-shake.webp"><img src="img/lazyload-ph.png" data-src="img/coconut-shake.png" class="img-fluid float-lg-none drink-thumb float-none animated wobble animSpeedSlow animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="wobble" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -676,7 +870,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bordeaux-red-tea.webp"><img src="img/lazyload-ph.png" data-src="img/bordeaux-red-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/bordeaux-red-tea.webp"><img src="img/lazyload-ph.png" data-src="img/bordeaux-red-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -692,7 +886,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lavender-tea.webp"><img src="img/lazyload-ph.png" data-src="img/lavender-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lavender-tea.webp"><img src="img/lazyload-ph.png" data-src="img/lavender-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -708,7 +902,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/herbal-tea.webp"><img src="img/lazyload-ph.png" data-src="img/herbal-tea.png" class="img-fluid float-lg-none drink-thumb float-none animSpeed10 animLoopInfinite animated floating float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/herbal-tea.webp"><img src="img/lazyload-ph.png" data-src="img/herbal-tea.png" class="img-fluid float-lg-none drink-thumb float-none animSpeed10 animLoopInfinite animated floating float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -724,7 +918,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/relaxing-tea.webp"><img src="img/lazyload-ph.png" data-src="img/relaxing-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/relaxing-tea.webp"><img src="img/lazyload-ph.png" data-src="img/relaxing-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -740,7 +934,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/thyme-tea.webp"><img src="img/lazyload-ph.png" data-src="img/thyme-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/thyme-tea.webp"><img src="img/lazyload-ph.png" data-src="img/thyme-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -760,7 +954,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center ">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/green-tea.webp"><img src="img/lazyload-ph.png" data-src="img/green-tea.png" class="img-fluid drink-thumb animSpeed10 animLoopInfinite animated floating img-green-t-style float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/green-tea.webp"><img src="img/lazyload-ph.png" data-src="img/green-tea.png" class="img-fluid drink-thumb animSpeed10 animLoopInfinite animated floating img-green-t-style float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -776,7 +970,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center  text-md-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lahijan.webp"><img src="img/lazyload-ph.png" data-src="img/lahijan.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/lahijan.webp"><img src="img/lazyload-ph.png" data-src="img/lahijan.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -792,7 +986,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center ">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/english-tea.webp"><img src="img/lazyload-ph.png" data-src="img/english-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/english-tea.webp"><img src="img/lazyload-ph.png" data-src="img/english-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -808,7 +1002,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center ">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/masala-chai-indian.webp"><img src="img/lazyload-ph.png" data-src="img/masala-chai-indian.png" class="img-fluid float-lg-none drink-thumb float-none animated floating none animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/masala-chai-indian.webp"><img src="img/lazyload-ph.png" data-src="img/masala-chai-indian.png" class="img-fluid float-lg-none drink-thumb float-none animated floating none animLoopInfinite animSpeed10 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -824,7 +1018,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center ">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hibiscus-tea.webp"><img src="img/lazyload-ph.png" data-src="img/hibiscus-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 none animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hibiscus-tea.webp"><img src="img/lazyload-ph.png" data-src="img/hibiscus-tea.png" class="img-fluid float-lg-none drink-thumb float-none animated floating animSpeed10 none animLoopInfinite float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -866,7 +1060,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fried-egg.webp"><img src="img/lazyload-ph.png" data-src="img/fried-egg.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fried-egg.webp"><img src="img/lazyload-ph.png" data-src="img/fried-egg.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -882,7 +1076,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/borsh-ukrainian-dish-red.webp"><img src="img/lazyload-ph.png" data-src="img/borsh-ukrainian-dish-red.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/borsh-ukrainian-dish-red.webp"><img src="img/lazyload-ph.png" data-src="img/borsh-ukrainian-dish-red.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -898,7 +1092,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/haleem.webp"><img src="img/lazyload-ph.png" data-src="img/haleem.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/haleem.webp"><img src="img/lazyload-ph.png" data-src="img/haleem.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -914,7 +1108,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/three-lentils.webp"><img src="img/lazyload-ph.png" data-src="img/three-lentils.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/three-lentils.webp"><img src="img/lazyload-ph.png" data-src="img/three-lentils.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -934,7 +1128,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mirzaghasemi.webp"><img src="img/lazyload-ph.png" data-src="img/mirzaghasemi.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/mirzaghasemi.webp"><img src="img/lazyload-ph.png" data-src="img/mirzaghasemi.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -950,7 +1144,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/kashk-e-bademjan.webp"><img src="img/lazyload-ph.png" data-src="img/kashk-e-bademjan.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/kashk-e-bademjan.webp"><img src="img/lazyload-ph.png" data-src="img/kashk-e-bademjan.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -966,7 +1160,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/ash-e%20reshteh.webp"><img src="img/lazyload-ph.png" data-src="img/ash-e%20reshteh.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/ash-e%20reshteh.webp"><img src="img/lazyload-ph.png" data-src="img/ash-e%20reshteh.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1038,7 +1232,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center animLoopInfinite animSpeedSlow animated rotate-clockwise" data-appear-anim-style="rotate-clockwise">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/burger-wo:cheese.webp"><img src="img/lazyload-ph.png" data-src="img/burger-wo:cheese.png" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/burger-wo:cheese.webp"><img src="img/lazyload-ph.png" data-src="img/burger-wo:cheese.png" class="img-fluid float-lg-none drink-thumb float-none lazyload" alt="drink thumb" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1054,7 +1248,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/cheeseburger.webp"><img src="img/lazyload-ph.png" data-src="img/cheeseburger.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/cheeseburger.webp"><img src="img/lazyload-ph.png" data-src="img/cheeseburger.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1070,7 +1264,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hot-dog.webp"><img src="img/lazyload-ph.png" data-src="img/hot-dog.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-anti-clockwise animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="rotate-anti-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/hot-dog.webp"><img src="img/lazyload-ph.png" data-src="img/hot-dog.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-anti-clockwise animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="rotate-anti-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1086,7 +1280,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/meat.webp"><img src="img/lazyload-ph.png" data-src="img/meat.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/meat.webp"><img src="img/lazyload-ph.png" data-src="img/meat.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeed10 lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1106,7 +1300,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-ham.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-ham.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-ham.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-ham.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1122,7 +1316,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/meat-ham-grill.webp"><img src="img/lazyload-ph.png" data-src="img/meat-ham-grill.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/meat-ham-grill.webp"><img src="img/lazyload-ph.png" data-src="img/meat-ham-grill.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1138,7 +1332,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-sandwich.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-sandwich.png" class="img-fluid drink-thumb mx-auto d-block animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-sandwich.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-sandwich.png" class="img-fluid drink-thumb mx-auto d-block animated rotate-clockwise animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1154,7 +1348,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/jalopeno-sandwich.webp"><img src="img/lazyload-ph.png" data-src="img/jalopeno-sandwich.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedSlow animLoopInfinite animated rotate-anti-clockwise lazyload" alt="drink thumb" data-appear-anim-style="rotate-anti-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/jalopeno-sandwich.webp"><img src="img/lazyload-ph.png" data-src="img/jalopeno-sandwich.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedSlow animLoopInfinite animated rotate-anti-clockwise lazyload" alt="drink thumb" data-appear-anim-style="rotate-anti-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1170,7 +1364,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/grilled-chicken-salad.webp"><img src="img/lazyload-ph.png" data-src="img/grilled-chicken-salad.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedFast animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/grilled-chicken-salad.webp"><img src="img/lazyload-ph.png" data-src="img/grilled-chicken-salad.png" class="img-fluid float-lg-none drink-thumb float-none animated rotate-clockwise animSpeedFast animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="rotate-clockwise" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1212,7 +1406,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style text-lg-center">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0large.webp"><img src="img/lazyload-ph.png" data-src="img/0large.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0large.webp"><img src="img/lazyload-ph.png" data-src="img/0large.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1225,7 +1419,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0hype.webp"><img src="img/lazyload-ph.png" data-src="img/0hype.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0hype.webp"><img src="img/lazyload-ph.png" data-src="img/0hype.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1238,7 +1432,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0SPRITE.webp"><img src="img/lazyload-ph.png" data-src="img/0SPRITE.png" class="img-fluid drink-thumb animLoopInfinite animated floating animSpeedFast animDelay02 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0SPRITE.webp"><img src="img/lazyload-ph.png" data-src="img/0SPRITE.png" class="img-fluid drink-thumb animLoopInfinite animated floating animSpeedFast animDelay02 float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1251,7 +1445,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0talkh.webp"><img src="img/lazyload-ph.png" data-src="img/0talkh.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedFast animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0talkh.webp"><img src="img/lazyload-ph.png" data-src="img/0talkh.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedFast animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1268,7 +1462,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0pepsi.webp"><img src="img/lazyload-ph.png" data-src="img/0pepsi.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite none animated floating animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0pepsi.webp"><img src="img/lazyload-ph.png" data-src="img/0pepsi.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite none animated floating animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1281,7 +1475,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0coke.webp"><img src="img/lazyload-ph.png" data-src="img/0coke.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0coke.webp"><img src="img/lazyload-ph.png" data-src="img/0coke.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated floating animSpeedFast animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1294,7 +1488,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0FANTA.webp"><img src="img/lazyload-ph.png" data-src="img/0FANTA.png" class="img-fluid drink-thumb animLoopInfinite animSpeedFast animated floating img-0fan-style float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0FANTA.webp"><img src="img/lazyload-ph.png" data-src="img/0FANTA.png" class="img-fluid drink-thumb animLoopInfinite animSpeedFast animated floating img-0fan-style float-md-none lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1307,7 +1501,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0zero.webp"><img src="img/lazyload-ph.png" data-src="img/0zero.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedFast animated floating animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0zero.webp"><img src="img/lazyload-ph.png" data-src="img/0zero.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animSpeedFast animated floating animDelay02 lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1320,7 +1514,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0holoo.webp"><img src="img/lazyload-ph.png" data-src="img/0holoo.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/0holoo.webp"><img src="img/lazyload-ph.png" data-src="img/0holoo.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated floating lazyload" alt="drink thumb" data-appear-anim-style="floating" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1359,7 +1553,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/cheese-fries.webp"><img src="img/lazyload-ph.png" data-src="img/cheese-fries.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada img-cheese-fri-style lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/cheese-fries.webp"><img src="img/lazyload-ph.png" data-src="img/cheese-fries.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada img-cheese-fri-style lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1375,7 +1569,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/french-fries.webp"><img src="img/lazyload-ph.png" data-src="img/french-fries.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada img-french-fri-style lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/french-fries.webp"><img src="img/lazyload-ph.png" data-src="img/french-fries.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada img-french-fri-style lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1391,7 +1585,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-wing.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-wing.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated tada animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chicken-wing.webp"><img src="img/lazyload-ph.png" data-src="img/chicken-wing.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated tada animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1411,7 +1605,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fried-mushrooms.webp"><img src="img/lazyload-ph.png" data-src="img/fried-mushrooms.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite none animated tada animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/fried-mushrooms.webp"><img src="img/lazyload-ph.png" data-src="img/fried-mushrooms.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite none animated tada animSpeedFast lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1427,7 +1621,7 @@ <h4 class="tc-7376 menu-price">
 							</h4>
 						</div>
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/corn.webp"><img src="img/lazyload-ph.png" data-src="img/corn.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/corn.webp"><img src="img/lazyload-ph.png" data-src="img/corn.png" class="img-fluid float-lg-none drink-thumb float-none animSpeedFast animLoopInfinite animated tada lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1499,7 +1693,7 @@ <h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
 				<div class="col-12 col-lg-6 mb-4">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-md-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/vanilla-cake.webp"><img src="img/lazyload-ph.png" data-src="img/vanilla-cake.png" class="img-fluid float-lg-none drink-thumb float-none animated tada animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/vanilla-cake.webp"><img src="img/lazyload-ph.png" data-src="img/vanilla-cake.png" class="img-fluid float-lg-none drink-thumb float-none animated tada animLoopInfinite animSpeedSlow lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1519,7 +1713,7 @@ <h4 class="tc-7376 menu-price">
 				<div class="col-12 col-lg-6">
 					<div class="blocs-grid-container menu-grid">
 						<div class="text-lg-center text-center">
-							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chocolate-cake.webp"><img src="img/lazyload-ph.png" data-src="img/chocolate-cake.png" class="img-fluid float-lg-none drink-thumb float-none animated tada animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="tada" width="100" height="100"></picture>
+							<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/chocolate-cake.webp"><img src="img/lazyload-ph.png" data-src="img/chocolate-cake.png" class="img-fluid float-lg-none drink-thumb float-none animated tada animSpeedSlow animLoopInfinite lazyload" alt="drink thumb" data-appear-anim-style="tada" width="80" height="80"></picture>
 						</div>
 						<div>
 							<h4 class="tc-7376 cap-heading menu-item-title">
@@ -1548,7 +1742,7 @@ <h4 class="tc-7376 menu-price">
 
 
 <!-- bloc-11 -->
-<div class="bloc bgc-7376 bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-11">
+<div class="bloc bgc-7376 bg-pattern-transparent d-bloc" id="bloc-11">
 	<div class="bloc-bg-mask">
 		<svg class="svg-mask bloc-31503-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
 	</div>
@@ -1654,7 +1848,7 @@ <h2 class="text-center cap-heading mb-4 h2-style tc-2941">
 <script src="./js/bootstrap.bundle.min.js"></script>
 <script src="./js/blocs.js"></script>
 <script src="./js/lazysizes.min.js" defer></script>
-<script src="./js/universal-parallax.min.js?1954"></script><!-- Additional JS END -->
+<script src="./js/universal-parallax.min.js?58"></script><!-- Additional JS END -->
 
 
 </body>
diff --git a/sitemap.xml b/sitemap.xml
index eb6e0d4..96c9b61 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
 <url>
 	<loc>https://cafekalya.ir</loc>
-	<lastmod>2024-12-18</lastmod>
+	<lastmod>2024-12-19</lastmod>
 	<changefreq>Weekly</changefreq>
 	<priority>1.0</priority>
 	<image:image>
@@ -128,7 +128,7 @@
 </url>
 <url>
 	<loc>https://cafekalya.ir/menu.html</loc>
-	<lastmod>2024-12-18</lastmod>
+	<lastmod>2024-12-19</lastmod>
 	<changefreq>Weekly</changefreq>
 	<priority>0.5</priority>
 	<image:image>
@@ -686,13 +686,13 @@
 </url>
 <url>
 	<loc>https://cafekalya.ir/snapp.html</loc>
-	<lastmod>2024-12-18</lastmod>
+	<lastmod>2024-12-19</lastmod>
 	<changefreq>Weekly</changefreq>
 	<priority>0.5</priority>
 </url>
 <url>
 	<loc>https://cafekalya.ir/maps.html</loc>
-	<lastmod>2024-12-18</lastmod>
+	<lastmod>2024-12-19</lastmod>
 	<changefreq>Weekly</changefreq>
 	<priority>0.5</priority>
 </url>
diff --git a/snapp.html b/snapp.html
index a0aa460..1b83aae 100644
--- a/snapp.html
+++ b/snapp.html
@@ -66,7 +66,7 @@
 <div class="page-container">
     
 <!-- bloc-1 -->
-<div class="bloc sticky-nav bgc-4949 bloc-bg-texture texture-paper bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-1">
+<div class="bloc sticky-nav bloc-bg-texture texture-paper bgc-6300 d-bloc " id="bloc-1">
 	<div class="container bloc-no-padding">
 		<div class="row">
 			<div class="text-left offset-lg-0 align-self-center text-lg-center col-sm-3 col-lg-2 col-5 col-md-3">
@@ -96,6 +96,228 @@ <h1 class="mb-4 float-lg-none menu-page-title btn-resize-mode h1-style animated
 </div>
 <!-- bloc-1 END -->
 
+<!-- bloc-1 -->
+<div class="bloc b-parallax d-bloc" id="bloc-1">
+	<div class="parallax bg-pattern-transparent bgc-3409">
+	</div>
+	<div class="container bloc-md-sm bloc-md">
+		<div class="row voffset">
+			<div class="col-lg-12 mb-3">
+				<h3 class="text-center text-lg-center review-discount-head mx-auto d-block animSpeedSlow animLoopInfinite text-md-center h3-یلداتون-مبارک-style animated tada" data-appear-anim-style="tada">
+					🍉🍓🥰<br>یلداتون مبارک
+				</h3>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- bloc-1 END -->
+
+<section>
+
+<!-- hot-beverages -->
+<div class="bloc b-parallax bg-bl-edge bloc-bg-texture texture-paper l-bloc" id="hot-beverages">
+	<div class="bloc-bg-mask">
+		<svg class="svg-mask bloc-hot-beverages-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
+	</div>
+	<div class="container bloc-md bloc-lg-md bloc-md-sm">
+			<div class="row">
+				<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 text-md-left text-center">
+					<h2 class="mb-4 tc-7376 cap-heading text-center h2-style">
+						♨️ قهوه‌های گرم
+					</h2>
+					<div class="divider-h mx-auto primary-divider">
+					</div>
+				</div>
+				<div class="col-12 col-lg-6 mb-4">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-md-center text-center container-div-0-style">
+							<picture><source type="image/webp" srcset="img/cappuccino.webp"><img src="img/cappuccino.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-cappucci-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کاپوچینو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، شیر کامل، فوم شیر
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/latte.webp"><img src="img/latte.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								لاته<br>
+							</h4>
+							<p class="menu-item-info">
+								قهوهٔ تازه‌‌دم، شیر کامل، فوم شیر<br>
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-md-center text-center">
+							<picture><source type="image/webp" srcset="img/mocha-coffee-.webp"><img src="img/mocha-coffee-.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite img-mocha-coffe-style" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								موکا
+							</h4>
+							<p class="menu-item-info p-style">
+								اسپرسوی تازه‌دم، شیر، سیروپ و گرانول شکلات
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۱۰۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/espresso.webp"><img src="img/espresso.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۳۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/double-espresso.webp"><img src="img/double-espresso.png" class="img-fluid float-lg-none drink-thumb float-none img-espress-style animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-item-title">
+								دوبل اسپرسو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/turkish-coffee.webp"><img src="img/turkish-coffee.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								قهوهٔ ترک
+							</h4>
+							<p class="menu-item-info">
+								گرانول قهوه، دم‌شده در آب
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۵۵<br>
+							</h4>
+						</div>
+					</div>
+				</div>
+				<div class="col-12 col-lg-6">
+					<div class="blocs-grid-container menu-grid">
+						<div class="text-lg-center text-center container-div-hot-beverages-style">
+							<picture><source type="image/webp" srcset="img/black-cup-of-coffee.webp"><img src="img/black-cup-of-coffee.png" class="img-fluid float-lg-none drink-thumb float-none img-protected none pr-lg-0 animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آمریکانو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌‌دم، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/hot-chocolate.webp"><img src="img/hot-chocolate.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								هات چاکلت
+							</h4>
+							<p class="menu-item-info">
+								گرانول شکلات، آب جوش
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/cortado.webp"><img src="img/cortado.png" class="img-fluid float-lg-none drink-thumb float-none animLoopInfinite animated pulse" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر&nbsp;
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۶۵
+							</h4>
+						</div>
+						<div class="text-lg-center text-center">
+							<picture><source type="image/webp" srcset="img/affogato.webp"><img src="img/affogato.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								آفوگاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسو دوبل، یک اسکوپ بستنی وانیلی، عصارهٔ وانیل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۰
+							</h4>
+						</div>
+						<div class="text-lg-center text-center pr-lg-0">
+							<picture><source type="image/webp" srcset="img/cortado-2.webp"><img src="img/cortado-2.png" class="img-fluid float-lg-none drink-thumb float-none animated pulse animLoopInfinite" alt="drink thumb" data-appear-anim-style="pulse" width="80" height="80"></picture>
+						</div>
+						<div>
+							<h4 class="tc-7376 cap-heading menu-item-title">
+								کارامل ماکیاتو
+							</h4>
+							<p class="menu-item-info">
+								اسپرسوی تازه‌دم، فوم شیر، سیروپ کارامل
+							</p>
+						</div>
+						<div>
+							<h4 class="tc-7376 menu-price">
+								۹۵
+							</h4>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
+<!-- hot-beverages END -->
+
+</section>
 <!-- bloc-17 -->
 <div class="bloc b-parallax d-bloc" id="bloc-17">
 	<div class="parallax  bgc-703">
@@ -141,7 +363,7 @@ <h2 class="text-center cap-heading mb-4 h2-style animSpeedSlow animLoopInfinite
 
 
 <!-- bloc-11 -->
-<div class="bloc bgc-7376 bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector d-bloc" id="bloc-11">
+<div class="bloc bgc-7376 bg-pattern-transparent d-bloc" id="bloc-11">
 	<div class="bloc-bg-mask">
 		<svg class="svg-mask bloc-31503-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
 	</div>
@@ -247,7 +469,7 @@ <h2 class="text-center cap-heading mb-4 h2-style tc-2941">
 <script src="./js/bootstrap.bundle.min.js"></script>
 <script src="./js/blocs.js"></script>
 <script src="./js/lazysizes.min.js" defer></script>
-<script src="./js/universal-parallax.min.js?7017"></script><!-- Additional JS END -->
+<script src="./js/universal-parallax.min.js?105"></script><!-- Additional JS END -->
 
 
 </body>
diff --git a/style.css b/style.css
index ccb5fca..dab369e 100644
--- a/style.css
+++ b/style.css
@@ -133,6 +133,10 @@ nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} /* Maintain Downd
 	background-position: top left!important;
 	background-repeat: no-repeat;
 }
+.bg-bl-edge{
+	background-position: bottom left!important;
+	background-repeat: no-repeat;
+}
 .bg-br-edge{
 	background-position: bottom right!important;
 	background-repeat: no-repeat;
@@ -398,6 +402,10 @@ button{
 .img-rd-lg{
 	border-radius:34px;
 }
+/*  Image Protection */
+.img-protected{
+	-webkit-touch-callout: none;
+}
 
 
 
@@ -646,7 +654,7 @@ h1,h2,h3,h4,h5,h6,p,label,.btn,a{
 	height:6px;
 }
 .bloc-fill{
-	fill:var(--swatch-var-2803);
+	fill:var(--swatch-var-4144);
 }
 .bloc-0-fill{
 	fill:var(--swatch-var-5202);
@@ -712,15 +720,9 @@ h1,h2,h3,h4,h5,h6,p,label,.btn,a{
 	border-radius:89px 89px 89px 89px;
 	border-width:0px 0px 0px 0px;
 	border-color:rgba(250,247,247,0.65)!important;
-	background-image:url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg");
-	background-image: -webkit-image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);background-image: image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 2x,url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);
-	background-image: -webkit-image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);background-image: image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 2x,url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);
+	background-image:url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp");
+	background-color:var(--swatch-var-703);
+	color:var(--swatch-var-2941)!important;
 }
 .مسیریابی{
 	font-family:"Noto Sans Arabic";
@@ -1073,6 +1075,11 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 .divider-style{
 	width:10%;
 }
+.h3-یلداتون-مبارک-style{
+	font-family:"Noto Sans Arabic";
+	font-weight:700;
+	font-size:100px;
+}
 
 /* = Colour
 -------------------------------------------------------------- */
@@ -1084,87 +1091,53 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 	
 	--swatch-var-2941:rgba(255,255,255,1.00);
 	
-	--swatch-var-6728:rgba(255,255,255,0.69);
-	
-	--swatch-var-3409:#9B0038;
-	
-	--swatch-var-6613:rgba(252,203,95,1.00);
-	
-	--swatch-var-2869:rgba(0,0,0,0.90);
-	
-	--swatch-var-2295:rgba(144,129,53,0.96);
+	--swatch-var-3409:rgba(193,9,9,1.00);
 	
 	--swatch-var-2359:#4D40A6;
 	
-	--swatch-var-7438:rgba(243,156,98,0.92);
-	
 	--swatch-var-789:rgba(19,145,222,1.00);
 	
 	--swatch-var-5536:rgba(16,224,112,0.71);
 	
-	--swatch-var-2631:rgba(60,60,60,0.00);
-	
-	--swatch-var-878:rgba(144,129,37,0.08);
-	
-	--swatch-var-290:rgba(255,129,144,0.17);
-	
-	--swatch-var-2022:rgba(226,217,0,1.00);
-	
-	--swatch-var-5799:rgba(255,157,46,0.25);
-	
-	--swatch-var-7343:rgba(0,0,0,1.00);
-	
-	--swatch-var-2399:rgba(144,129,112,0.75);
-	
-	--swatch-var-6702:rgba(255,255,255,0.32);
-	
 	--swatch-var-5967:rgba(220,191,125,0.28);
 	
 	--swatch-var-5317:rgba(123,62,222,1.00);
 	
-	--swatch-var-4425:rgba(171,125,23,1.00);
-	
-	--swatch-var-5494:rgba(60,60,60,0.61);
-	
-	--swatch-var-7363:rgba(219,185,154,0.12);
-	
 	--swatch-var-6829:rgba(209,190,169,1.00);
 	
 	--swatch-var-3399:rgba(144,35,51,1.00);
 	
 	--swatch-var-598:rgba(14,25,125,1.00);
 	
-	--swatch-var-4224:#054901;
+	--swatch-var-4224:rgba(5,73,2,0.81);
 	
-	--swatch-var-528:rgba(250,186,167,0.54);
+	--swatch-var-528:rgba(246,237,202,0.57);
 	
 	--swatch-var-5202:rgba(255,255,255,0.67);
 	
-	--swatch-var-2803:rgba(99,12,12,0.74);
-	
-	--swatch-var-2814:rgba(60,60,60,0.79);
-	
-	--swatch-var-4949:#2E400F;
+	--swatch-var-2803:rgba(99,45,12,0.74);
 	
-	--swatch-var-1038:#8C4317;
+	--swatch-var-4949:rgba(99,45,12,1.00);
 	
-	--swatch-var-229:rgba(60,155,60,0.90);
+	--swatch-var-229:rgba(60,60,60,0.90);
 	
-	--swatch-var-703:#10E070;
-	
-	--swatch-var-4628:rgba(212,220,218,1.00);
+	--swatch-var-703:rgba(16,224,112,1.00);
 	
 	--swatch-var-7956:#440149;
 	
 	--swatch-var-5406:rgba(19,145,222,0.79);
 	
+	--swatch-var-4144:rgba(193,9,9,0.70);
+	
+	--swatch-var-6300:#5B6C06;
+	
 }
 
 
 /* Background colour styles */
 
-.bgc-4949{
-	background-color:var(--swatch-var-4949);
+.bgc-6300{
+	background-color:var(--swatch-var-6300);
 }
 .bgc-3409{
 	background-color:var(--swatch-var-3409);
@@ -1172,9 +1145,6 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 .bgc-5202{
 	background-color:var(--swatch-var-5202);
 }
-.bgc-598{
-	background-color:var(--swatch-var-598);
-}
 .bgc-5967{
 	background-color:var(--swatch-var-5967);
 }
@@ -1311,17 +1281,6 @@ url("img/maxresdefault.webp") 2x);background-image: image-set(url("img/maxresdef
 url("img/maxresdefault.jpg") 2x,url("img/maxresdefault.webp") 1x,
 url("img/maxresdefault.webp") 2x);
 }
-.bg-watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector{
-	background-image:url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg");
-	background-image: -webkit-image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);background-image: image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 2x,url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);
-	background-image: -webkit-image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);background-image: image-set(url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.jpg") 2x,url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 1x,
-url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fruit-summer-texture-green-abstract-striped-seamless-pattern-illustration-vector.webp") 2x);
-}
 
 
 /* = Additional CSS
@@ -1611,6 +1570,9 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 		border-radius:10px 10px 10px 10px;
 		background-color:#FFFFFF;
 	}
+	.bloc-fill{
+		fill:var(--swatch-var-4144);
+	}
 	
 }
 
@@ -1653,7 +1615,6 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 		border-width:0px 0px 0px 0px;
 		border-color:rgba(245,244,244,0.71)!important;
 		font-size:100px;
-		background-size:cover;
 	}
 	.منو{
 		font-size:170px;
@@ -1831,8 +1792,8 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 	.btn-back{
 		font-size:15px;
 	}
-	.bloc-hot-beverages-fill{
-		fill:var(--swatch-var-528);
+	.h3-یلداتون-مبارک-style{
+		font-size:70px;
 	}
 	
 }
@@ -2017,6 +1978,9 @@ url("img/watermelon-skin-striped-seamless-pattern-watermelon-peel-background-fru
 	.p-73-style{
 		font-size:20px;
 	}
+	.h3-یلداتون-مبارک-style{
+		font-size:40px;
+	}
 	
 }