/*-------------------------------------------------------------
Template Name: Khadyo HTML 5 Template
Template URL: 
Author Name: SoftTech IT
Author URL: https://themeforest.net/user/softtech-it/portfolio
Version: 1.0
Description: 
Tags: Restaurant,
Text Domain: khadyo
-------------------------------------------------------------*/
/*------------------------------------------------------------- 
TABLE OF CONTENTS: 
---------------------------------------------------------------
>> Author CSS
>> Navbar
>> Header Section
>> Footer Section
>> Breadcrumb Section
>> Preloader
>> Button 
>> Form
>> Theme
>> Home Page 01
>> About Page
>> 404 Page
>> Checkout Page
>> Contact Page
>> Single Food Page
>> Food Page 2
>> Food Page 
>> Gallery Page 
>> Menu Page 
>> Single Dish Page 
>> Shoping Cart 
>> Blog Page
>> Blog Details Page
>> Homepage 2
>> Footer 2
>> Header 2 Section
>> Header 3 Section
>> Homepage 3 
>> Footer 3
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Caveat&family=Poppins:wght@400;500;600;700;900&family=Roboto:wght@400;500&display=swap");
/* Author CSS */
body { margin: 0; color: #2A435D; font-family: "Roboto", sans-serif; }
h1 { color: #2A435D; font-size: 60px; font-weight: 900; text-transform: uppercase; }
h2 { color: #2A435D; font-size: 48px; font-weight: 700; }
h3 { color: #2A435D; font-size: 36px; font-weight: 700; }
h4 { color: #2A435D; font-size: 30px; font-weight: 700; }
h5 { color: #2A435D; font-size: 24px; font-weight: 700; }
h6 { color: #2A435D; font-size: 18px; margin-bottom: 0; font-weight: 700; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Poppins", sans-serif; text-transform: capitalize; line-height: 1.2; margin-bottom: 0; }
p { color: #2A435D; margin-bottom: 16px; }
ul { margin: 0; padding: 0; list-style: none; }
a:hover,
a:focus { text-decoration: none; outline: none; }
input:focus,
textarea:focus,
select:focus,
button:focus,
.slick-slide { outline: none; }
img { width: 100%; height: auto; display: block; }
button { cursor: pointer; }
/* Navbar */
.main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.main-menu li { display: inline-block; position: relative; }
.main-menu li .submenu { width: 220px; position: absolute; top: 90%; left: 0; background: #CC3333; visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; padding: 20px 10px; border-radius: 5px; }
.main-menu li .submenu li { display: block; }
.main-menu li .submenu li a { padding: 5px 15px; display: block; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; font-size: 14px; }
.main-menu li .submenu li a:hover { margin-left: 10px; }
.main-menu li:hover .submenu { top: 70%; opacity: 1; visibility: visible; }
.main-menu li:hover > a { color: #FFFFFF; }
.main-menu li a { padding: 30px 15px; display: block; font-family: "Barlow", sans-serif; font-size: 17px; text-transform: capitalize; color: #FFFFFF; }



.main-menu3 li a::after {
  content: '';
  position: absolute;
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
  height: 3px; /* Thickness of the underline */
  background-color: #76A713;
  margin: auto;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;

}
.main-menu3 li a:hover::after{
  width: 80%;
  left: 0;
}












.main-menu li a span i { -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; font-size: 12px; font-weight: bolder; margin-left: 5px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu li a { padding: 30px 8px; font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .main-menu li a { font-size: 14px; }
}
@media (max-width: 767.98px) {
  .main-menu li a { font-size: 14px; }
}
.main-menu2 li a { padding: 30px 12px; color: #2A435D; font-weight: 700; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu2 li a { padding: 30px 8px; }
}
.main-menu2 li a:hover { color: #CC3333; }
.main-menu2 li .submenu li a { color: #FFFFFF; }
.main-menu2 li:hover > a { color: #CC3333; }
.footer-nav .main-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer-nav .main-menu li a { font-weight: 700; }
.mean-container a.meanmenu-reveal span { background: #CC3333; }
.mean-container a.meanmenu-reveal { color: #CC3333; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu3 { padding-right: 60px; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .main-menu3 { padding-right: 60px; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .main-menu3 { padding-right: 60px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .main-menu3 { padding-right: 60px; }
}
.main-menu3 li a { padding: 30px 12px; color: #2A435D; font-weight: 700; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu3 li a { padding: 30px 8px; }
}
.main-menu3 li a:hover { color: #006633; }
.main-menu3 li .submenu { background-color: #006633; z-index: 11111; }
.main-menu3 li .submenu li a { color: #FFFFFF; }
.main-menu3 li:hover > a { color: #006633; }
.mobile-menu { position: absolute; right: 0; top: 0; width: 100%; }
.mobile-menu .main-menu li a span { display: none; }
.mobile-menu .main-menu li .submenu { padding: 0; opacity: 1; }
@media (max-width: 575.98px) {
  .mobile-menu { top: -6px; }
}
.mobile-menu .main-menu li .submenu { position: static; width: 100%; }
.mobile-menu .mean-nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mobile-menu .mean-bar { background: transparent; }
.mobile-menu .mean-bar .mean-nav { margin-top: 58px; background: #CC3333; }
.mobile-menu .mean-nav ul li a.mean-expand:hover { background: #CC3333; }
.mean-container .mean-nav ul li a.mean-expand { width: 25px; height: 25px; }
.mobile-menu.home3-mobile-menu.mean-container { right: -11px; top: 10px; }
@media (max-width: 575.98px) {
  .mobile-menu.home3-mobile-menu.mean-container { right: 2px; top: -7px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .mobile-menu.home3-mobile-menu.mean-container { right: -14px; top: 5px; }
}
.mobile-menu.home3-mobile-menu.mean-container a.meanmenu-reveal span { color: #006633 !important; }
.mobile-menu.home3-mobile-menu.mean-container a.meanmenu-reveal span { background: #006633; }
.mobile-menu.home3-mobile-menu.mean-container a.meanmenu-reveal { color: #006633; }
.mobile-menu.home3-mobile-menu.mean-container .mean-nav ul { background: #006633; }
.mobile-menu.home3-mobile-menu.mean-container .mean-nav ul li a.mean-expand { background: #006633; }
/* Header Section */
body { position: relative; }
header { position: absolute; top: 0%; left: 0; right: 0; margin: auto; z-index: 1; }
header .header-top { background: #000000; padding-top: 15px; padding-bottom: 10px; z-index: 11; }
header .header-top .contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 575.98px) {
  header .header-top .contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
header .header-top .contact-box span { margin-right: 20px; }
header .header-top .contact-box span a { color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
header .header-top .contact-box span a:hover { color: #CC3333; }
header .header-top .social-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
@media (max-width: 575.98px) {
  header .header-top .social-box { display: block; }
}
header .header-top .social-box span { margin-left: 35px; font-size: 14px; }
@media (max-width: 575.98px) {
  header .header-top .social-box span { margin-right: 20px; margin-left: 0px; }
}
header .header-top .social-box span a { color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
header .header-top .social-box span a:hover { color: #CC3333; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
header .header-bottom .logo { width: 140px; position: relative; z-index: 11; }
@media (max-width: 767.98px) {
  header .header-bottom .logo { width: 90px !important; }
}
header .header-bottom .logo img { width: 100%; }
header .header-bottom .customer-area { text-align: right; position: relative; z-index: 11; }
header .header-bottom .customer-area span { margin-right: 20px; display: inline-block; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 10px; border-radius: 50%; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
@media (max-width: 575.98px) {
  header .header-bottom .customer-area span { margin-right: 0; }
}
header .header-bottom .customer-area span a { color: #FFFFFF; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .header-bottom .customer-area span { margin-right: 10px; }
}
header .header-bottom .customer-area span:hover { background: #CC3333; border: 1px solid transparent; }
header .header-bottom .customer-area span i { display: block; }
header .header-bottom .customer-area .btn { margin-left: 30px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .header-bottom .customer-area .btn { margin-left: 0; }
}
@media (max-width: 767.98px) {
  header .header-bottom .customer-area .btn { padding: 5px 15px; }
}
@media (max-width: 575.98px) {
  header .header-bottom .customer-area .btn { margin-left: 0; }
}
/* Footer Section */
footer { background: #000000; overflow: hidden; position: relative; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .fo-shapes { display: none; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  footer .fo-shapes { display: none; }
}
@media (max-width: 767.98px) {
  footer .fo-shapes { display: none; }
}
footer .fo-shapes img { width: inherit; }
footer .fo-shapes .fs-1 { position: absolute; top: 0; left: 0; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  footer .fo-shapes .fs-1 { width: 85px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .fo-shapes .fs-1 { width: 85px; }
}
footer .fo-shapes .fs-2 { position: absolute; right: 3%; -webkit-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); }
footer .fo-shapes .fs-3 { position: absolute; right: 11%; bottom: 12%; }
footer .fo-shapes .fs-4 { position: absolute; top: 38%; left: 5%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  footer .fo-shapes .fs-4 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .fo-shapes .fs-4 { display: none; }
}
footer .fo-shapes .fs-5 { position: absolute; top: 44%; right: 13%; }
footer .fo-shapes .fs-6 { position: absolute; right: 0; bottom: 0; }
footer .fo-shapes .fs-7 { position: absolute; left: 0; top: 0; }
footer hr { border: 1px dotted #FFFFFF; }
footer .footer-top .f-logo { width: 150px; }
footer .footer-top .f-logo img { width: 100%; }
footer .footer-top .f-title h4 { color: #FFFFFF; }
footer .footer-top .f-title h4 span { color: #FF9933; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .footer-top a.btn { padding: 11px 14px; }
}
footer .footer-bottom .widget h6 { color: #FFFFFF; margin-bottom: 20px; }
footer .footer-bottom .widget p { color: #FFFFFF; }
footer .footer-bottom .widget p span { text-transform: capitalize; }
footer .footer-bottom .widget a { color: #FF9933; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
footer .footer-bottom .widget a:hover { color: #FFFFFF; }
footer .footer-bottom .widget .newsletter { margin-bottom: 20px; }
footer .footer-bottom .widget .newsletter input { background: transparent; border: 1px solid #E6E6E6; color: #FFFFFF; padding: 10px; background: #000000; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .footer-bottom .widget .newsletter input { width: 75%; }
}
footer .footer-bottom .widget .newsletter button { background: #CC3333; color: #FFFFFF; border: 1px solid transparent; padding: 10px 20px; margin-left: -11px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .footer-bottom .widget .newsletter button { margin-top: 10px; margin-left: -4px; width: 25%; }
}
footer .copyright-area p { color: #FFFFFF; }
footer .copyright-area p a { color: #FF9933; }
/* Breadcrumb Section */
.breadcrumb-area { position: relative; overflow: hidden; background-image: url("../images/bg/breadcrumb.webp") !important; }
.breadcrumb-area nav { z-index: 0; }
.breadcrumb-area .bread-shapes img { width: inherit; }
.breadcrumb-area .bread-shapes .b-shape-1 { position: absolute; right: 8%; top: 30%; -webkit-transform: rotate(-93deg); -ms-transform: rotate(-93deg); transform: rotate(-93deg); width: 75px; }
@media (max-width: 767.98px) {
  .breadcrumb-area .bread-shapes .b-shape-1 { display: none; }
}
.breadcrumb-area .bread-shapes .b-shape-2 { position: absolute; left: 50%; bottom: 0; -webkit-transform: rotate(177deg); -ms-transform: rotate(177deg); transform: rotate(177deg); }
@media (max-width: 767.98px) {
  .breadcrumb-area .bread-shapes .b-shape-2 { display: none; }
}
.breadcrumb-area .bread-shapes .b-shape-3 { position: absolute; top: 20%; left: 25%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .breadcrumb-area .bread-shapes .b-shape-3 { display: none; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumb-area .bread-shapes .b-shape-3 { display: none; }
}
@media (max-width: 767.98px) {
  .breadcrumb-area .bread-shapes .b-shape-3 { display: none; }
}
.breadcrumb-area .bread-shapes .b-shape-4 { position: absolute; bottom: 0; right: 0; }
.breadcrumb-area .bread-shapes .b-shape-5 { position: absolute; top: 0; left: 0; }
.breadcrumb-area .bread-shapes .b-shape-6 { position: absolute; top: 65%; right: 22%; -webkit-transform: rotate(125deg); -ms-transform: rotate(125deg); transform: rotate(125deg); width: 75px; }
@media (max-width: 767.98px) {
  .breadcrumb-area .bread-shapes .b-shape-6 { display: none; }
}
.breadcrumb-area h2 { color: #FFFFFF; text-align: center; }
.breadcrumb-area .breadcrumb { background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.breadcrumb-area .breadcrumb .breadcrumb-item { color: #FFFFFF; text-transform: capitalize; }
.breadcrumb-area .breadcrumb .breadcrumb-item a { color: #FFFFFF; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.breadcrumb-area .breadcrumb .breadcrumb-item a:hover { color: #CC3333; }
/* Footer 2*/
.footer2 { background: #FFFFFF; position: relative; }
.footer2 .fo-shapes .fs-1 { position: absolute; top: 10%; left: 4%; }
.footer2 .fo-shapes .fss-2 { position: absolute; bottom: 0%; left: 0%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .footer2 .fo-shapes .fss-2 { width: 90px; }
}
.footer2 .fo-shapes .fss-3 { position: absolute; bottom: 0%; right: 0%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .footer2 .fo-shapes .fss-3 { width: 90px; }
}
.footer2 .fo-shapes .fss-4 { position: absolute; top: 20%; right: 8%; }
.footer2 .fo-shapes .fss-5 { position: absolute; bottom: 2%; left: 20%; }
.footer2 .fo-shapes .fss-6 { position: absolute; bottom: 2%; right: 25%; }
.footer2 hr { border: 1px dotted #CC3333; }
.footer2 .footer-top .form2 { position: relative; }
.footer2 .footer-top .form2 input { background: transparent; border: 1px solid #E6E6E6; color: #2A435D; padding: 10px 55px; border-radius: 5px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer2 .footer-top .form2 input { padding: 10px 45px; }
}
.footer2 .footer-top .form2 span { position: absolute; left: 4%; top: 23%; }
@media (max-width: 767.98px) {
  .footer2 .footer-top .form2 span { top: 14%; }
}
.footer2 .footer-top .form2 .btn.bttn { padding: 10px 55px; border-radius: 5px; }
@media (max-width: 767.98px) {
  .footer2 .footer-top .form2 .btn.bttn { margin-top: 20px; }
}
@media (max-width: 575.98px) {
  .footer2 .footer-top .form2 .btn.bttn { width: 100%; display: block; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer2 .footer-top .form2 .btn.bttn { padding: 10px 30px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer2 .footer-top .f-title { margin-bottom: 30px; text-align: center; }
}
@media (max-width: 767.98px) {
  .footer2 .footer-top .f-title { margin-bottom: 30px; text-align: center; }
}
.footer2 .footer-top .f-title h4 { color: #2A435D; }
.footer2 .footer-top .f-title h4 span { color: #CC3333; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer2 .footer-top a.btn { padding: 11px 14px; }
}
.footer2 .footer-bottom .widget h6 { color: #2A435D; margin-bottom: 20px; }
.footer2 .footer-bottom .widget p { color: #2A435D; }
.footer2 .footer-bottom .widget a { color: #CC3333; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.footer2 .footer-bottom .widget a:hover { color: #FF9933; }
.footer2 .footer-bottom .widget .newsletter { margin-bottom: 20px; }
.footer2 .footer-bottom .widget .newsletter select { background: transparent; border: 1px solid #E6E6E6; color: #2A435D; padding: 10px; width: 100%; border-radius: 5px; margin-bottom: 10px; }
.footer2 .footer-bottom .widget .newsletter input { background: transparent; border: 1px solid #E6E6E6; color: #2A435D; padding: 10px; width: 100%; border-radius: 5px; margin-bottom: 10px; }
.footer2 .footer-bottom .widget .newsletter .btn { border-radius: 5px; padding: 10px 55px; margin-left: 3px; }
.footer2 .footer-bottom .widget .newsletter .btn:hover { background: transparent; color: #CC3333; border: 1px solid #CC3333; }
.footer2 .copyright-area .copyright-content .f-logo { width: 150px; margin: 0 auto; }
.footer2 .copyright-area .copyright-content .f-logo img { width: 100%; }
.footer2 .copyright-area .copyright-content p { color: #2A435D; }
.footer2 .copyright-area .copyright-content p a { color: #CC3333; font-weight: 700; text-transform: capitalize; }
/* Header 2 Section */
header .header-bottom .logo { width: 140px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  header .header-bottom .logo { width: 115px; }
}
header .header-bottom .logo img { width: 100%; }
header .header-bottom .customer-area2 { position: relative; z-index: 0; }
@media (min-width: 768px) and (max-width: 991.98px) {
  header .header-bottom .customer-area2 { padding-left: 20px; }
}
header .header-bottom .customer-area2 img { width: 55px; }
header .header-bottom .customer-area2 .shopping { margin-right: 20px; display: inline-block; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 10px; border-radius: 50%; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; background-color: #CC3333; }
header .header-bottom .customer-area2 .shopping:hover { background-color: transparent; border: 1px solid #CC3333; color: #CC3333; }
header .header-bottom .customer-area2 .shopping i { display: block; }
header .header-bottom .customer-area2 .shop-counter { position: absolute; top: -15%; right: 28%; background-color: #FF9933; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; display: block; border-radius: 50%; color: #FFFFFF; }
header .header-bottom .customer-area2 .order-content { color: #CC3333; text-transform: capitalize; font-weight: 700; font-family: "Poppins", sans-serif; line-height: 1; }
header .header-bottom .customer-area2 .order-content .span-1 { display: block; color: #2A435D; font-size: 14px; font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 600; margin-bottom: 8px; }
header .header-bottom .customer-area2 .order-content .span-2 { display: block; color: #CC3333; font-size: 20px; font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 700; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .header-bottom .customer-area2 .order-content .span-2 { font-size: 14px; }
}
header .header-bottom .customer-area2 .btn { font-weight: 400; border-radius: 5px; margin-left: 10px; }
/* Header 3 Section */
header.header3 { position: static; }
header.header3 .header-bottom .logo { width: 140px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  header.header3 .header-bottom .logo { width: 115px; }
}
header.header3 .header-bottom .logo img { width: 100%; }
header.header3 .header-bottom .customer-area3 { position: relative; z-index: 0; }
@media (min-width: 768px) and (max-width: 991.98px) {
  header.header3 .header-bottom .customer-area3 { padding-left: 20px; }
}
header.header3 .header-bottom .customer-area3 img { width: 55px; }
header.header3 .header-bottom .customer-area3 .shopping { margin-right: 60px; display: inline-block; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 10px; border-radius: 50%; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; background-color: #006633; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header.header3 .header-bottom .customer-area3 .shopping { margin-right: 35px; }
}
header.header3 .header-bottom .customer-area3 .shopping:hover { background-color: transparent; border: 1px solid #006633; color: #006633; }
header.header3 .header-bottom .customer-area3 .shopping i { display: block; }
header.header3 .header-bottom .customer-area3 .shop-counter { position: absolute; top: -7%; right: 57%; background-color: #FF9933; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 12px; display: block; border-radius: 50%; color: #FFFFFF; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header.header3 .header-bottom .customer-area3 .shop-counter { top: -12%; right: 47%; }
}
/* Footer 3*/
.ht-footer { background: url("../images/bg/home3bg.webp"); background-size: cover; background-repeat: no-repeat; position: relative; }
.ht-footer .htf-shapes img { width: inherit; }
.ht-footer .htf-shapes .drs1 { position: absolute; right: 9%; bottom: 17%; width: 70px; }
.ht-footer .htf-shapes .drs2 { position: absolute; bottom: 13%; left: 9%; width: 100px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .ht-footer .htf-shapes .drs2 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ht-footer .htf-shapes .drs2 { bottom: 6%; left: 24%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .ht-footer .htf-shapes .drs2 { bottom: 6%; left: 29%; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .ht-footer .htf-shapes .drs2 { left: 2%; }
}
.ht-footer .htf-shapes .drs3 { position: absolute; right: 8%; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); width: 50px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ht-footer .htf-shapes .drs3 { top: 25%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .ht-footer .htf-shapes .drs3 { top: 24%; }
}
.ht-footer .htf-shapes .drs4 { position: absolute; left: 6%; width: 100px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .ht-footer .htf-shapes .drs4 { left: 3%; top: 16%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ht-footer .htf-shapes .drs4 { left: 17%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .ht-footer .htf-shapes .drs4 { top: 23%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ht-footer .htf-shapes .drs4 { left: 0%; }
}
.ht-footer .ht-footer-top .widget .logo { width: 120px; margin-bottom: 30px; }
@media (max-width: 575.98px) {
  .ht-footer .ht-footer-top .widget .logo { margin: 0 auto; margin-bottom: 20px; }
}
.ht-footer .ht-footer-top .widget .logo img { width: 100%; }
.ht-footer .ht-footer-top .widget h6 { margin-bottom: 20px; }
.ht-footer .ht-footer-top .widget h5 { margin-bottom: 10px; color: #006633; }
.ht-footer .ht-footer-top .widget h5 span { margin-right: 10px; }
.ht-footer .ht-footer-top .widget a { color: #006633; text-transform: capitalize; font-family: "Roboto", sans-serif; font-weight: 500; }
.ht-footer .ht-footer-top .widget a.ht-link { margin-bottom: 10px; display: block; }
.ht-footer .ht-footer-top .widget a.ht-email { text-transform: initial; color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.ht-footer .ht-footer-top .widget a.ht-email:hover { color: #006633; }
.ht-footer .ht-footer-top .widget ul { margin-bottom: 20px; }
.ht-footer .ht-footer-top .widget ul li a { color: #2A435D; margin-bottom: 10px; display: block; font-family: "Roboto", sans-serif; font-weight: 400; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.ht-footer .ht-footer-top .widget ul li a:hover { color: #006633; }
.ht-footer .ht-footer-top .widget .social-box span a { color: #006633; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-right: 5px; }
.ht-footer .ht-footer-top .widget .social-box span a:hover { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.ht-footer .ht-footer-top .widget .newsletter { margin-bottom: 20px; }
@media (max-width: 575.98px) {
  .ht-footer .ht-footer-top .widget .newsletter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
.ht-footer .ht-footer-top .widget .newsletter form { position: relative; }
.ht-footer .ht-footer-top .widget .newsletter form input { padding: 12px 70px 12px 20px; border: 1px solid #E6E6E6; border-radius: 10px; width: 100%; text-transform: capitalize; background: #FFF8EE; }
.ht-footer .ht-footer-top .widget .newsletter form button { position: absolute; right: 2%; top: 13%; background-color: #006633; color: #FFFFFF; padding: 5px 16px; border-radius: 10px; border: 1px solid transparent; }
.ht-footer .ht-footer-top .widget .btn2 { color: #FFFFFF; }
.ht-footer .ht-footer-top .widget .btn2:hover { color: #006633; }
.ht-footer .divider { margin-bottom: 60px; }
.ht-footer .divider hr { width: 100%; background: #006633; border: 1px solid dotted; display: block; }
.ht-footer .ht-footer-bottom .ht-copyright-area p { font-family: "Roboto", sans-serif; text-transform: capitalize; }
.ht-footer .ht-footer-bottom .ht-copyright-area p a { color: #006633; font-family: "Roboto", sans-serif; font-weight: 700; }
/* Preloader */
.preloader-inner { position: fixed; left: 0; top: 0; z-index: 9999; background-color: #FFFFFF; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.preloader-inner .cancel-preloader { position: absolute; bottom: 30px; right: 30px; }
.preloader-inner .cancel-preloader a { background-color: #FFFFFF; font-weight: 600; text-transform: capitalize; color: #CC3333; width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.preloader-inner .cancel-preloader a:hover { background-color: #2A435D; color: #FFFFFF; }
.spinner { width: 70px; text-align: center; }
.spinner > div { width: 15px; height: 15px; background-color: #CC3333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); }
}
/* Button */
.btn { background: #CC3333; padding: 12px 40px; color: #FFFFFF; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: capitalize; display: inline-block; border: 1px solid transparent; border-radius: 7px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.btn:focus { outline: none; }
.btn:focus-visible { outline: none; }
.btn:hover { background: transparent; border: 1px solid #CC3333; color: #CC3333; }
.btn2 { background: #006633; padding: 12px 40px; color: #FFFFFF; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: capitalize; display: inline-block; border: 1px solid transparent; border-radius: 7px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.btn2:focus { outline: none; }
.btn2:focus-visible { outline: none; }
.btn2:hover { background: transparent; border: 1px solid #006633; color: #006633; }
/* Form */
.form-area { margin-top: -33px; z-index: 1; }
.form-area .form-box { padding-left: 40px; padding-right: 40px; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); background: #FFFFFF; position: relative; }
.form-area .form-box .form-shapes img { width: inherit; }
.form-area .form-box .form-shapes .fs-1 { position: absolute; top: 0; left: -14px; }
.form-area .form-box .form-shapes .fs-2 { position: absolute; top: 0; right: -14px; }
.form-area .form-box .form-shapes .fs-3 { position: absolute; top: 97px; left: 115px; width: 70px; }
.form-area .form-box .form-shapes .fs-4 { position: absolute; top: 97px; right: 115px; width: 70px; }
.form-area .form-box .form-shapes .fs-5 { position: absolute; bottom: 0px; right: 0px; width: 70px; }
@media (max-width: 767.98px) {
  .form-area .form-box .form-shapes .fs-5 { display: none; }
}
.form-area .form-box .form-shapes .fs-6 { position: absolute; bottom: 0px; left: 0px; width: 70px; }
@media (max-width: 767.98px) {
  .form-area .form-box .form-shapes .fs-6 { display: none; }
}
.form-area .form-box .form-shapes .fs-7 { position: absolute; top: 0px; right: 0px; width: 70px; }
.form-area .form-box .form-shapes .fs-8 { position: absolute; bottom: 0px; left: 50%; width: 50px; }
@media (max-width: 767.98px) {
  .form-area .form-box { background-image: inherit; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .form-area .form-box { background-image: inherit; }
}
.form-area .form-box .form-wraper .form-item2 { width: 23%; padding: 15px 30px; border: 1px solid #E5E5E5; border-radius: 5px; margin-right: 10px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .form-area .form-box .form-wraper .form-item2 { width: 100%; margin-bottom: 20px; }
}
@media (max-width: 767.98px) {
  .form-area .form-box .form-wraper .form-item2 { width: 100%; margin-bottom: 20px; }
}
.form-area .form-box .form-wraper button { background: #CC3333; padding: 12px 40px; color: #FFFFFF; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: capitalize; border: 1px solid transparent; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.form-area .form-box .form-wraper button:hover { background: transparent; color: #CC3333; border: 1px solid #CC3333; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .form-area .form-box .form-wraper button { width: 100%; }
}
@media (max-width: 767.98px) {
  .form-area .form-box .form-wraper button { width: 100%; }
}
.writeto-us .contact-form-area { -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); background: #FFFFFF; padding: 40px 22px; }
.writeto-us .contact-form-area h3 { font-weight: 700; margin-bottom: 40px; }
.writeto-us .contact-form-area h3 span { color: #CC3333; }
.writeto-us .contact-form-area form input { width: 100%; margin-bottom: 20px; padding: 20px 40px; border: 1px solid #E1E1E1; border-radius: 5px; text-transform: capitalize; }
.writeto-us .contact-form-area form textarea { width: 100%; padding: 20px 40px; border: 1px solid #E1E1E1; border-radius: 5px; text-transform: capitalize; }
.writeto-us .contact-form-area form button { margin-top: 30px; }
/* Theme Default */
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-22 { padding-top: 22px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-55 { padding-top: 55px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }
.padding-top-105 { padding-top: 105px; }
.padding-top-110 { padding-top: 110px; }
.padding-top-115 { padding-top: 115px; }
.padding-top-120 { padding-top: 120px; }
.padding-top-145 { padding-top: 145px; }
.padding-top-150 { padding-top: 150px; }
.padding-top-180 { padding-top: 180px; }
.padding-top-220 { padding-top: 220px; }
.padding-top-240 { padding-top: 240px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-45 { padding-bottom: 45px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-55 { padding-bottom: 55px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-75 { padding-bottom: 75px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-bottom-105 { padding-bottom: 105px; }
.padding-bottom-110 { padding-bottom: 110px; }
.padding-bottom-115 { padding-bottom: 115px; }
.padding-bottom-120 { padding-bottom: 120px; }
.padding-bottom-135 { padding-bottom: 135px; }
.padding-bottom-150 { padding-bottom: 150px; }
.padding-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-50 { padding-top: 50px; padding-bottom: 50px; }
.padding-60 { padding-top: 60px; padding-bottom: 60px; }
.padding-70 { padding-top: 70px; padding-bottom: 70px; }
.padding-80 { padding-top: 80px; padding-bottom: 80px; }
.padding-90 { padding-top: 90px; padding-bottom: 90px; }
.padding-100 { padding-top: 100px; padding-bottom: 100px; }
.padding-105 { padding-top: 105px; padding-bottom: 105px; }
.padding-115 { padding-top: 115px; padding-bottom: 115px; }
.padding-120 { padding-top: 120px; padding-bottom: 120px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }
.margin-10 { margin: 10px 0; }
.margin-20 { margin: 10px 0; }
.margin-30 { margin: 10px 0; }
.margin-40 { margin: 10px 0; }
.margin-50 { margin: 10px 0; }
.margin-60 { margin: 10px 0; }
.margin-70 { margin: 10px 0; }
.margin-80 { margin: 10px 0; }
.margin-90 { margin: 10px 0; }
.margin-100 { margin: 10px 0; }
.item-bounce { -webkit-animation: bounce 3s infinite ease-in-out; -o-animation: bounce 3s infinite ease-in-out; -ms-animation: bounce 3s infinite ease-in-out; -moz-animation: bounce 3s infinite ease-in-out; animation: bounce 3s infinite ease-in-out; }
@-webkit-keyframes bounce {
  0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes bounce {
  0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
.item-zooming { -webkit-animation: zooming 3s infinite ease-in-out; -o-animation: zooming 3s infinite ease-in-out; -ms-animation: zooming 3s infinite ease-in-out; -moz-animation: zooming 3s infinite ease-in-out; animation: zooming 3s infinite ease-in-out; }
@-webkit-keyframes zooming {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes zooming {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
.item-ripple { -webkit-animation: ripple 3s infinite ease-in-out; -o-animation: ripple 3s infinite ease-in-out; -ms-animation: ripple 3s infinite ease-in-out; -moz-animation: ripple 3s infinite ease-in-out; animation: ripple 3s infinite ease-in-out; }
@-webkit-keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 51, 51, 0.2), 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.2); box-shadow: 0 0 0 0 rgba(204, 51, 51, 0.2), 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.2); }
  100% { -webkit-box-shadow: 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.1), 0 0 0 60px rgba(204, 51, 51, 0); box-shadow: 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.1), 0 0 0 60px rgba(204, 51, 51, 0); }
}
@keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 51, 51, 0.2), 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.2); box-shadow: 0 0 0 0 rgba(204, 51, 51, 0.2), 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.2); }
  100% { -webkit-box-shadow: 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.1), 0 0 0 60px rgba(204, 51, 51, 0); box-shadow: 0 0 0 20px rgba(204, 51, 51, 0.2), 0 0 0 40px rgba(204, 51, 51, 0.1), 0 0 0 60px rgba(204, 51, 51, 0); }
}
.item-animateOne { -webkit-animation: animateOne 15s infinite ease-in-out; -o-animation: animateOne 15s infinite ease-in-out; -ms-animation: animateOne 15s infinite ease-in-out; -moz-animation: animateOne 15s infinite ease-in-out; animation: animateOne 15s infinite ease-in-out; }
@-webkit-keyframes animateOne {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-100px); transform: translateX(-100px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes animateOne {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-100px); transform: translateX(-100px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
.item-animateTwo { -webkit-animation: animateTwo 15s infinite ease-in-out; -o-animation: animateTwo 15s infinite ease-in-out; -ms-animation: animateTwo 15s infinite ease-in-out; -moz-animation: animateTwo 15s infinite ease-in-out; animation: animateTwo 15s infinite ease-in-out; }
@-webkit-keyframes animateTwo {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -webkit-transform: translate(-50px, 50px); transform: translate(-50px, 50px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes animateTwo {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -webkit-transform: translate(-50px, 50px); transform: translate(-50px, 50px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
.scrollup { background: #CC3333; color: #FFFFFF; display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; font-size: 18px; outline: none; border: none; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; position: fixed; right: 20px; bottom: 20px; display: none; }
.scrollup:hover { background: #2A435D; }
.scrollup2 { background: #006633; }
/* Home Page 01*/
.banner-area { position: relative; background-color: #FFFAEC; overflow: hidden; background-image: url("../images/bg/home3bg.webp"); }
.banner-area:before { content: ''; position: absolute; top: 0; right: 0%; width: 765px; height: 100%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area:before { opacity: 0; }
}
@media (max-width: 767.98px) {
  .banner-area:before { opacity: 0; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-shapes { display: none; }
}
.banner-area .banner-shapes img { width: inherit; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-shapes img { width: 50%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-shapes img { width: 60%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-shapes img { width: 60%; }
}
.banner-area .banner-shapes .b-shape-1 { position: absolute; bottom: 0%; left:3; }
.banner-area .banner-shapes .b-shape-2 { position: absolute; top: 40%; left: 3%; }
.banner-area .banner-shapes .b-shape-3 { position: absolute; top: 20.5%; left: 20%; width: 100px; z-index: 0; }
.banner-area .banner-shapes .b-shape-4 { position: absolute; bottom: 0; right: 0; }
.banner-area .banner-shapes .b-shape-5 { position: absolute; top: 0; left: 0; }
.banner-area .banner-content { padding-top: 110px; padding-bottom: 80px; }
@media (max-width: 767.98px) {
  .banner-area .banner-content { padding-top: 40px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content { padding-top: 40px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content { padding-top: 40px; }
}
.banner-area .banner-content h1 { text-transform: uppercase; color: #FFFFFF; margin-bottom: 40px; }
.banner-area .banner-content h1 span { color: #FF9933; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content h1 { font-size: 42px; margin-bottom: 20px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content h1 { font-size: 42px; margin-bottom: 20px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content h1 { font-size: 42px; margin-bottom: 20px; }
}
.banner-area .banner-content .buyone-shape { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; }
@media (max-width: 767.98px) {
  .banner-area .banner-content .buyone-shape { margin-bottom: 20px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .buyone-shape { margin-bottom: 20px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .buyone-shape { margin-bottom: 20px; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-content .buyone-shape { margin-bottom: 20px; }
}
.banner-area .banner-content .buyone-shape .banner-tag { border: 1px dotted #FFFFFF; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; padding-right: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 14px; border-bottom-left-radius: 14px; }
@media (max-width: 575.98px) {
  .banner-area .banner-content .buyone-shape .banner-tag { padding-right: 2px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .buyone-shape .banner-tag { padding-right: 12px; }
}
.banner-area .banner-content .buyone-shape .banner-tag h5 { color: #FFFFFF; text-transform: capitalize; font-weight:750; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .buyone-shape .banner-tag h5 { font-size: 25px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .buyone-shape .banner-tag h5 { font-size: 25px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content .buyone-shape .banner-tag h5 { font-size: 25px; }
}
.banner-area .banner-content .buyone-shape .banner-badge { font-size: 30px; font-family: "Poppins", sans-serif; font-weight: 700; background: #CC3333; color: #FFFFFF; padding: 10px 20px; text-transform: uppercase; position: relative; }
@media (max-width: 575.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge { padding: 10px 6px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge { font-size: 24px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge { font-size: 24px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge { font-size: 24px; }
}
.banner-area .banner-content .buyone-shape .banner-badge::after { content: ''; position: absolute; width: 22px; right: -39px; height: 14px; top: -1px; border-style: solid; border-width: 38px 0 28px 40px; border-color: transparent transparent transparent #CC3333; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge::after { border-width: 29px 0 28px 40px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge::after { border-width: 29px 0 28px 40px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content .buyone-shape .banner-badge::after { border-width: 29px 0 28px 40px; }
}
.banner-area .banner-content .order-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.banner-area .banner-content .order-box .order-img img { width: inherit; }
.banner-area .banner-content .order-box .order-content { margin-left: 10px; }
.banner-area .banner-content .order-box .order-content p { color: #FFFFFF; margin-bottom: 0; text-transform: capitalize; }
.banner-area .banner-content .order-box .order-content span { color: #FF9933; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 24px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .order-box .order-content span { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .order-box .order-content span { font-size: 16px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content .order-box .order-content span { font-size: 16px; }
}
.banner-area .banner-content .order-box .btn { padding: 15px 40px; margin-left: 40px; }
@media (max-width: 575.98px) {
  .banner-area .banner-content .order-box .btn { margin-top: 20px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .order-box .btn { margin-left: 10px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .order-box .btn { margin-left: 10px; }
}
@media (max-width: 767.98px) {
  .banner-area .banner-content .order-box .btn { margin-left: 10px; }
}
.banner-area .banner-content .price { font-size: 24px; color: #FFFFFF; font-weight: 700; text-transform: capitalize; margin-bottom: 40px; }
@media (max-width: 767.98px) {
  .banner-area .banner-content .price { margin-bottom: 20px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-area .banner-content .price { margin-bottom: 20px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area .banner-content .price { margin-bottom: 20px; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-content .price { margin-bottom: 20px; }
}
.banner-area .banner-content .price span { color: #FF9933; font-size: 36px; font-weight: 700; }
.banner-area .banner-img { position: relative; }
.banner-area .banner-img .pizza-shapes img { width: inherit; }
.banner-area .banner-img .pizza-shapes .p-shape-1 { position: absolute; bottom: -51%; left: -15%; width: 230px; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-img .pizza-shapes .p-shape-1 { bottom: -52%; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .banner-area .banner-img .pizza-shapes .p-shape-1 { bottom: -52%; }
}
.banner-area .banner-img .pizza-shapes .p-shape-2 { position: absolute; right: -27%; top: 7%; width: 76px; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-img .pizza-shapes .p-shape-2 { right: -3%; top: -9%; width: 80px; }
}
.banner-area .banner-img .pizza-shapes .p-shape-3 { position: absolute; right: 15%; top: -35%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-img .pizza-shapes .p-shape-3 { right: 15%; top: -35%; }
}
.banner-area .banner-img .pizza-shapes .p-shape-4 { width: 170px; top: 12%; position: absolute; left: -7%; }
.banner-area .banner-img img { margin-left: 76px; width: 100%; margin-top: 5px; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .banner-area .banner-img img { margin-left: 76px; width: inherit; margin-top: 5px; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .banner-area .banner-img img { margin-left: 76px; width: inherit; margin-top: 5px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .banner-area .banner-img img { margin-left: 76px; width: inherit; }
}
.common-title-area h3 { font-family: "Caveat", cursive; color: #CC3333; }
.common-title-area h2 { font-weight: 900; }
.common-title-area h2 span { color: #CC3333; }
.about-area { overflow: hidden; }
.about-area .about-left { margin-bottom: 60px; position: relative; }
.about-area .about-left .about-l-shapes img { width: inherit; }
.about-area .about-left .about-l-shapes .als-1 { position: absolute; right: 0%; bottom: 1%; }
.about-area .about-left .gallery { -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.about-area .about-left .gallery:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.about-area .about-left .about-gallery-1 { position: relative; }
.about-area .about-left .about-gallery-1:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.about-area .about-left .about-gallery-1:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.about-area .about-left .about-gallery-1::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area .about-left .about-gallery-1::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area .about-left .about-gallery-2 { position: relative; }
.about-area .about-left .about-gallery-2 .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF; background: #CC3333; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; }
.about-area .about-left .about-gallery-3 { position: relative; }
.about-area .about-left .about-gallery-3:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.about-area .about-left .about-gallery-3:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.about-area .about-left .about-gallery-3::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area .about-left .about-gallery-3::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area .about-left .about-gallery-4 { border: 1px solid #E6E6E6; padding: 10px 40px; width: 200px; height: 150px; border-radius: 5px; position: relative; background: #CC3333; color: #FFFFFF; }
.about-area .about-left .about-gallery-4 .mp { position: relative; z-index: 4; }
.about-area .about-left .about-gallery-4 p { color: #FFFFFF; position: relative; z-index: 4; text-transform: capitalize; }
.about-area .about-left .about-gallery-4 .g-s-4 { position: absolute; bottom: 0; right: -26px; opacity: 1; visibility: visible; width: 100px; }
.about-area .about-left .about-gallery-4 .g-s-4 img { width: 72%; }
.about-area .about-left .about-gallery-4 .g-s-5 { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; width: 50px; }
.about-area .about-left .about-gallery-4 .g-s-5 img { width: 72%; }
.about-area .about-left .about-gallery-4:hover::after { visibility: visible; opacity: 0.9; }
.about-area .about-left .about-gallery-4:hover span { color: #FFFFFF; }
.about-area .about-left .about-gallery-4:hover p { color: #FFFFFF; }
.about-area .about-left .about-gallery-4 .items { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 30px; position: relative; z-index: 11; }
.about-area .about-left .about-gallery-4 .items::after { content: '+'; position: absolute; right: -15; top: 0; }
.about-area .about-right { position: relative; }
.about-area .about-right .about-r-shapes img { width: inherit; }
.about-area .about-right .about-r-shapes .as-1 { position: absolute; top: 30%; right: 16%; }
.about-area .about-right h2 { font-weight: 900; margin-bottom: 30px; }
.about-area .about-right h2 span { color: #CC3333; }
.about-area .about-right p { margin-bottom: 20px; }
.about-area .about-right .garlic-burger-card { background: #FFFFFF; -webkit-box-shadow: 0px 5px 68px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 5px 68px 0px rgba(0, 21, 100, 0.1); padding: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; }
.about-area .about-right .garlic-burger-card .garlic-burger-img { margin-right: 20px; position: relative; }
.about-area .about-right .garlic-burger-card .garlic-burger-img .price-badge { position: absolute; top: -17px; left: 13px; }
.about-area .about-right .garlic-burger-card .garlic-burger-img img { width: inherit; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-area .menu-nav-wrapper .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767.98px) {
  .menu-area .menu-nav-wrapper .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
.menu-area .menu-nav-wrapper a.active .single-menu-nav::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: #CC3333; visibility: visible; opacity: 0.9; z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper a.active .single-menu-nav h6 { color: #FFFFFF; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper a.active .single-menu-nav .g-s-4 { position: absolute; bottom: 0; right: -26px; opacity: 1; visibility: visible; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper a.active .single-menu-nav .g-s-4 img { width: 72%; }
.menu-area .menu-nav-wrapper a.active .single-menu-nav .g-s-5 { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper a.active .single-menu-nav .g-s-5 img { width: 72%; }
.menu-area .menu-nav-wrapper .single-menu-nav { width: 150px; height: 150px; padding: 25px 30px; border: 1px solid #E6E6E6; border-radius: 5px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper .single-menu-nav .menu-img { position: static; z-index: 1; justify-content: center; align-items: center; display: flex; flex-wrap: wrap; }
.menu-area .menu-nav-wrapper .single-menu-nav h6 { position: static; z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper .single-menu-nav .g-s-4 { position: absolute; bottom: 0; right: -26px; opacity: 0; visibility: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper .single-menu-nav .g-s-4 img { width: 72%; }
.menu-area .menu-nav-wrapper .single-menu-nav .g-s-5 { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper .single-menu-nav .g-s-5 img { width: 72%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .menu-area .menu-nav-wrapper .single-menu-nav { width: 120px; height: 130px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-area .menu-nav-wrapper .single-menu-nav { width: 120px; height: 130px; }
}
@media (max-width: 767.98px) {
  .menu-area .menu-nav-wrapper .single-menu-nav { width: 120px; height: 130px; }
}
.menu-area .menu-nav-wrapper .single-menu-nav .menu-img img { width: 80%; }
.menu-area .menu-nav-wrapper .single-menu-nav::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; background: #CC3333; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.menu-area .menu-nav-wrapper .single-menu-nav:hover .g-s-4 { opacity: 1; visibility: visible; }
.menu-area .menu-nav-wrapper .single-menu-nav:hover .g-s-5 { opacity: 1; visibility: visible; }
.menu-area .menu-nav-wrapper .single-menu-nav:hover::after { visibility: visible; opacity: 0.9; z-index: -1; }
.menu-area .menu-nav-wrapper .single-menu-nav:hover h6 { color: #FFFFFF; }
.menu-area .menu-items-wrapper { -webkit-box-shadow: 0px 0px 10px 0px rgba(39, 53, 160, 0.1); box-shadow: 0px 0px 10px 0px rgba(39, 53, 160, 0.1); position: relative; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-area .menu-items-wrapper .menu-i-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .menu-area .menu-items-wrapper .menu-i-shapes { display: none; }
}
.menu-area .menu-items-wrapper .menu-i-shapes img { width: 75px; }
.menu-area .menu-items-wrapper .menu-i-shapes .mis-1 { position: absolute; left: 31%; bottom: 12%; }
.menu-area .menu-items-wrapper .menu-i-shapes .mis-2 { position: absolute; left: 0; bottom: 0; }
.menu-area .menu-items-wrapper .menu-i-shapes .mis-3 { position: absolute; right: 37%; top: 35%; }
.menu-area .menu-items-wrapper .menu-i-shapes .mis-4 { position: absolute; right: 0; bottom: 0; }
.menu-area .menu-items-wrapper .single-menu-item { padding: 20px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-area .menu-items-wrapper .single-menu-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}
@media (max-width: 767.98px) {
  .menu-area .menu-items-wrapper .single-menu-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}
.menu-area .menu-items-wrapper .single-menu-item .menu-img { margin-right: 20px; }
.menu-area .menu-items-wrapper .single-menu-item .menu-img img { width: 115px; max-height: 115px; margin-right: 20px; border-radius: 50% 35% 42% 45% / 56% 45% 40% 32%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-area .menu-items-wrapper .single-menu-item .menu-content { text-align: center; margin-top: 20px; }
}
@media (max-width: 767.98px) {
  .menu-area .menu-items-wrapper .single-menu-item .menu-content { text-align: center; margin-top: 20px; }
}
.menu-area .menu-items-wrapper .single-menu-item .menu-content h5 { font-weight: 600; font-size: 18px; }
.menu-area .menu-items-wrapper .single-menu-item .menu-content h5 a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.menu-area .menu-items-wrapper .single-menu-item .menu-content h5 a:hover { color: #CC3333; }
.menu-area .menu-items-wrapper .single-menu-item .menu-content p { text-transform: capitalize; margin-top: 10px; margin-bottom: 10px; }
.menu-area .menu-items-wrapper .single-menu-item .menu-content span { font-family: "Poppins", sans-serif; font-weight: 500; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.menu-area .menu-items-wrapper .single-menu-item .menu-content .del { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; }
.menu-area .menu-items-wrapper hr { border: 1px dashed #E6E6E6; }
.menu-area .menu-items-wrapper a.btn { text-align: center; }
.menu-area .menu-items-wrapper a.btn:hover { border: 1px solid #CC3333; background: transparent; color: #CC3333; }
.popular-dishes-area { background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFBF1), to(#ffffff)); background-image: -webkit-linear-gradient(#FFFBF1, #FFFFFF); background-image: -o-linear-gradient(#FFFBF1, #FFFFFF); background-image: linear-gradient(#FFFBF1, #FFFFFF); position: relative; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .popular-dishes-area .pshapes { display: none; }
}
@media (max-width: 767.98px) {
  .popular-dishes-area .pshapes { display: none; }
}
.popular-dishes-area .pshapes img { width: inherit; }
.popular-dishes-area .pshapes .ps-1 { position: absolute; top: 5%; right: 5%; }
.popular-dishes-area .pshapes .ps-2 { position: absolute; top: 39%; left: 5%; }
.popular-dishes-area .pshapes .ps-3 { position: absolute; top: 15%; left: 2%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .popular-dishes-area .pshapes .ps-3 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .popular-dishes-area .pshapes .ps-3 { display: none; }
}
.popular-dishes-area .pshapes .ps-4 { position: absolute; bottom: 21%; left: 0%; }
.popular-dishes-area .pshapes .ps-5 { position: absolute; top: 37%; right: 0%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .popular-dishes-area .pshapes .ps-5 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .popular-dishes-area .pshapes .ps-5 { display: none; }
}
.popular-dishes-area .pshapes .ps-6 { position: absolute; bottom: 4%; right: 0%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .popular-dishes-area .pshapes .ps-6 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .popular-dishes-area .pshapes .ps-6 { display: none; }
}
.popular-dishes-area .popular-tab-nav a.active { background: #CC3333; color: #FFFFFF; text-transform: capitalize; padding: 10px 25px; border-radius: 5px; }
.popular-dishes-area .popular-tab-nav a { color: #2A435D; text-transform: capitalize; }
.popular-dishes-area .single-dishes { border: 1px solid #E6E6E6; padding: 20px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-bottom: 20px; border-radius: 5px; background: #FFFFFF; }
@media (max-width: 767.98px) {
  .popular-dishes-area .single-dishes { text-align: center; }
}
.popular-dishes-area .single-dishes:hover { border: 1px solid transparent; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); }
.popular-dishes-area .single-dishes:hover .cart-opt { visibility: visible; opacity: 1; }
.popular-dishes-area .single-dishes .dish-img { width: 140px; margin: 0 auto; }
.popular-dishes-area .single-dishes .dish-img img { width: 100%; text-align: center; margin: 0 auto; }
.popular-dishes-area .single-dishes .dish-content h5 { padding: 20px 0; }
.popular-dishes-area .single-dishes .dish-content h5 a { color: #2A435D; }
.popular-dishes-area .single-dishes .dish-content h5 a:hover { color: #CC3333; }
.popular-dishes-area .single-dishes .dish-content .price { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.popular-dishes-area .single-dishes .dish-content .rating { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.popular-dishes-area .single-dishes .badge { position: absolute; top: 20px; left: 20px; background: #2A435D; color: #FFFFFF; padding: 5px 10px; text-transform: uppercase; }
.popular-dishes-area .single-dishes .badge-bg-color { background: #CC3333; }
.popular-dishes-area .single-dishes .badge-color { color: #CC3333 !important; }
.popular-dishes-area .single-dishes .cart-opt { width: 20px; position: absolute; top: 20px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.popular-dishes-area .single-dishes .cart-opt span { border: 1px solid #CC3333; background: transparent; margin-bottom: 10px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; display: block; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.popular-dishes-area .single-dishes .cart-opt span:hover { background: #CC3333; }
.popular-dishes-area .single-dishes .cart-opt span:hover a { color: #FFFFFF; }
.popular-dishes-area .single-dishes .cart-opt span a { color: #CC3333; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery img { width: inherit; }
.banner-gallery h3 { color: #FFFFFF; font-weight: 900; }
.banner-gallery h5 { color: #FFFFFF; font-weight: 900; }
.banner-gallery p { color: #FFFFFF; }
.banner-gallery a { text-transform: uppercase; font-weight: 600; font-family: "Poppins", sans-serif; }
.banner-gallery .btn { padding: 8px 9px; border-radius: 8px; }
.banner-gallery .gallery-img-1 { background: #000000; position: relative; padding: 30px 20px; height: 270px; }
.banner-gallery .gallery-img-1:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery .gallery-img-1:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery .gallery-img-1::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-1::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-1 img { position: absolute; right: 0; bottom: 0; width: 60%; }
.banner-gallery .gallery-img-1 a { margin-top: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.banner-gallery .gallery-img-2 { background: #336600; overflow: hidden; position: relative; padding: 30px 20px; height: 270px; }
.banner-gallery .gallery-img-2:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery .gallery-img-2:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery .gallery-img-2::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-2::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-2 .s11 { position: absolute; left: 79%; width: 75px; top: 9%; }
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-2 { margin-top: 30px; }
}
.banner-gallery .gallery-img-2 .gprice-1 { background: #CC3333; color: #FFFFFF; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; display: block; text-align: center; font-weight: 700; font-family: "Poppins", sans-serif; position: absolute; top: 10%; left: 55%; }
.banner-gallery .gallery-img-2 a { color: #FFFFFF; float: right; }
.banner-gallery .gallery-img-2 a:hover { color: #FF9933; }
.banner-gallery .gallery-img-2 img { position: absolute; left: 0; top: 0; width: 60%; }
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-2 img { width: 47%; }
}
.banner-gallery .gallery-img-3 { background: #FF9933; position: relative; padding: 30px 20px; height: 270px; overflow: hidden; }
.banner-gallery .gallery-img-3:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery .gallery-img-3:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery .gallery-img-3::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-3::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-3 .s12 { position: absolute; right: -18%; width: 100px; top: -12%; }
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-3 .s12 { right: -5%; top: -4%; }
}
.banner-gallery .gallery-img-3 .s13 { position: relative; right: 0%; bottom: -15%; width: 75px; }
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-3 { margin-top: 30px; }
}
.banner-gallery .gallery-img-3 .gprice-2 { background: #CC3333; color: #FFFFFF; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; display: block; text-align: center; font-weight: 700; font-family: "Poppins", sans-serif; position: absolute; right: 11%; bottom: 40%; }
.banner-gallery .gallery-img-3 a { color: #2A435D; margin-top: 30px; display: block; }
.banner-gallery .gallery-img-3 a:hover { color: #FFFFFF; }
.banner-gallery .gallery-img-3 img { position: absolute; right: 0; bottom: 0; width: 60%; }
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-3 img { width: 53%; }
}
.banner-gallery .gallery-img-4 { background: #CC3333; height: 100%; position: relative; padding: 30px 20px; overflow: hidden; z-index: 1; }
.banner-gallery .gallery-img-4:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery .gallery-img-4:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery .gallery-img-4::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-4::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery .gallery-img-4 .s14 { position: absolute; top: 0%; right: 38%; width: inherit; }
.banner-gallery .gallery-img-4 .s15 { position: absolute; top: 0%; left: 0%; width: inherit; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery .gallery-img-4 { height: 270px; margin-top: 30px; }
}
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-4 { height: 270px; margin-top: 30px; }
}
.banner-gallery .gallery-img-4 .btn { background: #FFFFFF; color: #CC3333; position: relative; z-index: 11; }
.banner-gallery .gallery-img-4 .btn:hover { background: transparent; color: white; border: 1px solid #FFFFFF; }
.banner-gallery .gallery-img-4 img { position: absolute; right: 0; bottom: 0; width: 149%; margin-right: -60%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery .gallery-img-4 img { width: 88%; margin-right: -60%; }
}
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-4 img { width: 87%; margin-right: -54%; }
}
.banner-gallery .gallery-img-4 .gprice-4 { position: absolute; top: 49%; right: 4%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery .gallery-img-4 .gprice-4 { top: 59%; right: 32%; }
}
@media (max-width: 767.98px) {
  .banner-gallery .gallery-img-4 .gprice-4 { top: 79%; right: 31%; }
}
.banner-gallery .gallery-img-4 .gprice-4 img { width: inherit; }
.banner-gallery .gallery-img-4 a { margin-top: 30px; }
.banner-gallery .gallery-img-4 a:hover { color: #FFFFFF; }
.countdown-area { background: #000000; position: relative; overflow: hidden; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .countdown-area .countdown-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .countdown-area .countdown-shapes { display: none; }
}
.countdown-area .countdown-shapes img { width: inherit; }
.countdown-area .countdown-shapes .cs-1 { position: absolute; top: 30%; right: 0%; }
.countdown-area .countdown-shapes .cs-2 { position: absolute; bottom: 16%; left: 22%; }
.countdown-area .countdown-shapes .cs-3 { position: absolute; bottom: 13%; left: 5%; }
.countdown-area .countdown-shapes .cs-4 { position: absolute; top: 50%; left: 5%; }
.countdown-area .countdown-shapes .cs-5 { position: absolute; top: 0%; right: 0%; }
.countdown-area .countdown-shapes .cs-6 { position: absolute; bottom: 0%; right: 0%; }
.countdown-area .countdown-shapes .cs-7 { position: absolute; top: 0%; left: 0%; }
.countdown-area .countdown-left { position: relative; }
.countdown-area .countdown-left span img { width: 90px; }
.countdown-area .countdown-left span.cs-1 { position: absolute; bottom: -7%; left: 10%; }
.countdown-area .countdown-left span.cs-2 { position: absolute; top: 24%; right: -22%; }
.countdown-area .countdown-left span.cs-3 { position: absolute; bottom: -12%; left: 56%; }
.countdown-area .countdown-left span.cs-4 { position: absolute; right: -33%; top: 50%; width: 90px; }
.countdown-area .countdown-left span.cs-4 img { width: 100%; }
.countdown-area .countdown-left span.cs-5 { position: absolute; bottom: 3%; left: 91%; }
.countdown-area .countdown-left span.cs-6 { position: absolute; top: -2%; right: 8%; }
.countdown-area .countdown-left span.cs-7 { position: absolute; top: 24%; left: -5%; }
.countdown-area .countdown-left span.cs-7 img { width: 170px; }
.countdown-area .countdown-left span.cs-8 { position: absolute; top: 45%; left: -5%; width: 70px; }
.countdown-area .countdown-left span.cs-8 img { width: 100%; }
.countdown-area .countdown-left img { width: 134%; margin-left: -90px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .countdown-area .countdown-left img { margin-left: -29px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .countdown-area .countdown-left img { width: 100%; margin-left: 0; }
}
@media (max-width: 767.98px) {
  .countdown-area .countdown-left img { width: 100%; margin-left: 0; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .countdown-area .countdown-right { text-align: center; }
}
@media (max-width: 767.98px) {
  .countdown-area .countdown-right { text-align: center; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .countdown-area .countdown-right .common-title-area { text-align: center; }
}
@media (max-width: 767.98px) {
  .countdown-area .countdown-right .common-title-area { text-align: center; }
}
.countdown-area .countdown-right .common-title-area h3 { font-weight: 400; }
.countdown-area .countdown-right .common-title-area h2 { color: #FFFFFF; padding-bottom: 30px; text-transform: uppercase; }
.countdown-area .countdown-right .common-title-area h2 span { color: #FF9933; }
.countdown-area .countdown-right .common-title-area p { color: #FFFFFF; text-transform: capitalize; }
.countdown-area .count-box { color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; }
@media (max-width: 575.98px) {
  .countdown-area .count-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .countdown-area .count-box { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
}
.countdown-area .count-box span { font-family: "Poppins", sans-serif; font-weight: 900; font-size: 48px; }
.countdown-area .count-box p { color: #FFFFFF; text-transform: capitalize; }
.countdown-area .count-box .seperator { font-family: "Poppins", sans-serif; font-weight: 900; font-size: 48px; color: #CC3333; }
.testimonial { position: relative; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .testimonial .testi-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .testimonial .testi-shapes { display: none; }
}
.testimonial .testi-shapes img { width: inherit; }
.testimonial .testi-shapes .ts-1 { position: absolute; top: 24%; left: 0; }
.testimonial .testi-shapes .ts-2 { position: absolute; top: 50%; right: 0; }
.testimonial .testi-shapes .ts-3 { position: absolute; top: 20%; right: 5%; }
.testimonial .testi-shapes .ts-4 { position: absolute; top: 35%; right: 19%; }
.testimonial .single-testimonial { border: 1px solid #E6E6E6; border-radius: 10px; padding: 0 15px 40px 15px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; position: relative; overflow: hidden; background: #FFFFFF; margin: 0 10px 30px; }
.testimonial .single-testimonial .tin-shapes img { width: inherit; }
.testimonial .single-testimonial .tin-shapes .tsin-1 { position: absolute; right: 0; top: 0; margin-right: -8%; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.testimonial .single-testimonial:hover { -webkit-box-shadow: 0 5px 20px rgba(42, 67, 93, 0.1); box-shadow: 0 5px 20px rgba(42, 67, 93, 0.1); background: #FFFFFF; border: 1px solid transparent; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.testimonial .single-testimonial .testi-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }
.testimonial .single-testimonial .testi-top .testi-img img { width: inherit; }
.testimonial .single-testimonial .testi-top .testi-meta { padding-top: 15px; padding-left: 15px; }
.testimonial .single-testimonial .testi-top .testi-meta p { margin-bottom: 0; }
.testimonial .single-testimonial .testi-top .testi-meta .testi-rating span { color: #FF9933; }
.slider-gallery-img .single-gallery-img { margin-right: 15px; position: relative; }
.slider-gallery-img .single-gallery-img span { position: absolute; font-size: 30px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; color: #FFFFFF; opacity: 0; visibility: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.slider-gallery-img .single-gallery-img:hover::after { opacity: 0.8; visibility: visible; }
.slider-gallery-img .single-gallery-img:hover span { opacity: 1; visibility: visible; }
.slider-gallery-img .single-gallery-img::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #CC3333; opacity: 0; visibility: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.delivery-area { background: #FFF8EE; position: relative; overflow: hidden; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .delivery-area .del-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .delivery-area .del-shapes { display: none; }
}
.delivery-area .del-shapes img { width: inherit; }
.delivery-area .del-shapes .ds-1 { position: absolute; top: 0; right: 0; }
.delivery-area .del-shapes .ds-2 { position: absolute; right: 0; bottom: 0; margin-right: -53px; margin-bottom: -17px; }
.delivery-area .del-shapes .ds-3 { position: absolute; top: 40%; left: 4%; }
.delivery-area .del-shapes .ds-4 { position: absolute; right: 10%; top: 38%; }
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .delivery-area .delivery-left img { width: 113%; margin-left: -105px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .delivery-area .delivery-left img { width: 113%; margin-left: -105px; }
}
.delivery-area .delivery-right .order-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.delivery-area .delivery-right .order-box .order-img img { width: inherit; }
.delivery-area .delivery-right .order-box .order-content { margin-left: 10px; }
.delivery-area .delivery-right .order-box .order-content p { color: #2A435D; margin-bottom: 0; text-transform: capitalize; }
.delivery-area .delivery-right .order-box .order-content span { color: #CC3333; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 24px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .delivery-area .delivery-right .order-box .order-content span { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .delivery-area .delivery-right .order-box .order-content span { font-size: 16px; }
}
@media (max-width: 767.98px) {
  .delivery-area .delivery-right .order-box .order-content span { font-size: 16px; }
}
.delivery-area .delivery-right .order-box .btn { padding: 15px 40px; margin-left: 40px; }
.delivery-area .delivery-right .order-box .btn:hover { border: 1px solid #CC3333; color: #CC3333; }
@media (max-width: 575.98px) {
  .delivery-area .delivery-right .order-box .btn { margin-top: 20px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .delivery-area .delivery-right .order-box .btn { margin-left: 10px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .delivery-area .delivery-right .order-box .btn { margin-left: 10px; }
}
@media (max-width: 767.98px) {
  .delivery-area .delivery-right .order-box .btn { margin-left: 10px; }
}
.blog-area { position: relative; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-area .blog-shapes { display: none; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-area .blog-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .blog-area .blog-shapes { display: none; }
}
.blog-area .blog-shapes img { width: inherit; }
.blog-area .blog-shapes .bs-1 { position: absolute; right: 0; bottom: 0; }
.blog-area .single-blog { margin-right: 20px; margin-bottom: 20px; background: #FFFFFF; }
.blog-area .single-blog .blog-img { position: relative; overflow: hidden; border-radius: 10px; }
.blog-area .single-blog .blog-img a img { -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.blog-area .single-blog .blog-img a img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.blog-area .single-blog .blog-img .b-badge { position: absolute; top: 20px; right: 20px; background: #CC3333; color: #FFFFFF; padding: 3px 17px; }
.blog-area .single-blog .blog-img .b-badge .date a { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 700; color: #FFFFFF; }
.blog-area .single-blog .blog-img .b-badge .month a { font-family: "Roboto", sans-serif; font-weight: 500; text-transform: capitalize; color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.blog-area .single-blog .blog-meta { padding: 20px 0; text-transform: capitalize; }
.blog-area .single-blog .blog-meta a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; font-weight: 500; }
.blog-area .single-blog .blog-meta a:hover { color: #CC3333; }
.blog-area .single-blog h4 a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.blog-area .single-blog h4 a:hover { color: #CC3333; }
ul.slick-dots { text-align: center; }
ul.slick-dots li { display: inline-block; margin-left: 10px; }
ul.slick-dots button { font-size: 0; width: 4px; height: 4px; padding: 2px; border-radius: 50%; border: none; display: block; background-color: #2A435D; }
ul.slick-dots li.slick-active button { -webkit-transform: scale(2.2); -ms-transform: scale(2.2); transform: scale(2.2); background: #CC3333; }
/* About Page */
.foods-counter { margin-top: -64px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .foods-counter { margin-top: 0; padding-top: 120px; }
}
@media (max-width: 767.98px) {
  .foods-counter { margin-top: 0; padding-top: 120px; }
}
.foods-counter .single-food { border: 1px solid transparent; padding: 10px 40px; border-radius: 5px; position: relative; background: #CC3333; margin-bottom: 20px; }
.foods-counter .single-food span { color: #FFFFFF; }
.foods-counter .single-food p { color: #FFFFFF; text-transform: capitalize; }
.foods-counter .single-food img { width: 100px; padding: 10px; height: 90px; margin: 0 auto; position: relative; z-index: 2; }
.foods-counter .single-food .g-s-4 { position: absolute; bottom: 0; right: -26px; opacity: 1; visibility: visible; z-index: 1; }
.foods-counter .single-food .g-s-4 img { width: 72%; }
.foods-counter .single-food .g-s-5 { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; z-index: 1; }
.foods-counter .single-food .g-s-5 img { width: 72%; }
.foods-counter .single-food::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #CC3333; opacity: 0; visibility: hidden; z-index: -1; }
.foods-counter .single-food .items { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 30px; }
.foods-counter .single-food .items::after { content: '+'; }
.foods-counter .single-food.orange { background-color: #FF9933; }
.about-area2 .about-left .about-l-shapes .als-1 { position: absolute; left: -5%; top: 9%; }
.about-area2 .about-left .about-gallery-2:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.about-area2 .about-left .about-gallery-2:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.about-area2 .about-left .about-gallery-2::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area2 .about-left .about-gallery-2::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area2 .about-left .about-gallery-5:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.about-area2 .about-left .about-gallery-5:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.about-area2 .about-left .about-gallery-5::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area2 .about-left .about-gallery-5::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area2 .about-left .about-gallery-5 img { height: 100%; }
.about-area2 .about-right .history-tab { background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 21, 100, 0.1); }
.about-area2 .about-right .history-tab p { margin-bottom: 30px; }
.about-area2 .about-right .history-tab .nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #E6E6E6; margin-top: 28px; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.about-area2 .about-right .history-tab .nav .nav-link { color: #2A435D; font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 600; padding: 13px 45px; border-radius: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-area2 .about-right .history-tab .nav .nav-link { padding: 13px 32px; }
}
@media (max-width: 575.98px) {
  .about-area2 .about-right .history-tab .nav .nav-link { padding: 13px 14px; }
}
.about-area2 .about-right .history-tab .nav .nav-link.active { -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; color: #FFFFFF; background: #CC3333; }
.about-area2 .about-right .history-tab .his-content { padding: 33px; }
.about-area2 .about-right .history-tab .his-content .sig-wrapper { position: relative; }
.about-area2 .about-right .history-tab .his-content .sig-wrapper img { width: inherit; }
.about-area2 .about-right .history-tab .his-content .sig-wrapper .sig-img::after { content: ''; width: 50px; background: #CC3333; height: 2px; position: absolute; left: -6%; top: 44%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-area2 .about-right .history-tab .his-content .sig-wrapper .sig-img::after { width: 30px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-area2 .about-right .history-tab .his-content .sig-wrapper .sig-img::after { left: 0%; }
}
@media (max-width: 767.98px) {
  .about-area2 .about-right .history-tab .his-content .sig-wrapper .sig-img::after { display: none; }
}
.about-area2 .about-right .history-tab .his-content .sig-wrapper .sig-img span { text-transform: capitalize; margin-left: 10px; }
.about-area2 .about-right .history-tab .his-content .sig-wrapper .btn { padding: 10px 20px; border-radius: 5px; }
@media (max-width: 575.98px) {
  .about-area2 .about-right .history-tab .his-content .sig-wrapper .btn { margin-top: 20px; }
}
.about-area2 .about-right .history-tab .his-content .sig-wrapper .btn:hover { background: transparent; color: #CC3333; border: 1px solid #CC3333; }
.delicious-area { background-image: url("../images/bg/bg1.webp"); background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; background-attachment: fixed; }
.delicious-area .deli-shapes .ds-1 { position: absolute; top: 0; left: 0; }
.delicious-area .deli-shapes .ds-2 { position: absolute; top: 14%; right: 6%; width: 75px; }
.delicious-area .delicious-left h2 { color: #FFFFFF; padding-bottom: 30px; }
.delicious-area .delicious-left h2 span { color: #FF9933; }
.delicious-area .delicious-left .play-btn1 { width: 50px; height: 50px; border-radius: 50%; color: #FFFFFF; margin-right: 10px; background: #CC3333; text-align: center; line-height: 50px; display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.delicious-area .delicious-left .intro { color: #FF9933; text-transform: capitalize; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.delicious-area .delicious-left .intro:hover { color: #CC3333; }
.team-area { background: #FFF8EE; position: relative; overflow: hidden; }
.team-area .team-area-shapes img { width: 130px; }
.team-area .team-area-shapes .ts-1 { position: absolute; left: 0%; top: 0%; }
.team-area .team-area-shapes .ts-2 { position: absolute; right: -3%; bottom: -3%; }
.team-area .single-team { border: 1px solid #E6E6E6; padding: 25px 30px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; border-radius: 5px; margin-bottom: 30px; margin-left: 30px; }
.team-area .single-team:hover { background-color: #FFFFFF; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); border: 1px solid transparent; }
.team-area .single-team .s-t-img { width: 100px; margin: 0 auto; margin-bottom: 30px; }
.team-area .single-team .t-content h5 { margin-bottom: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.team-area .single-team .t-content h5:hover { color: #CC3333; }
.team-area .single-team .t-social-b .follow { font-family: "Poppins", sans-serif; font-weight: 700; color: #2A435D; text-transform: capitalize; }
.team-area .single-team .t-social-b .t-social { margin-left: 10px; }
.team-area .single-team .t-social-b .t-social a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.team-area .single-team .t-social-b .t-social a:hover { color: #CC3333; }
.blog-area2 .blog-shapes .ba-1 { position: absolute; }
/* 404 Page */
.error-area { position: relative; }
.error-area .btn { outline: none; }
.error-area .btn:focus { outline: none; }
.error-area .btn:hover { color: #CC3333; border: 1px solid #CC3333; background: transparent; }
.error-area .error-shapes img { width: inherit; }
@media (max-width: 767.98px) {
  .error-area .error-shapes { display: none; }
}
.error-area .error-shapes .e-s-1 { position: absolute; bottom: 0; right: 0; }
.error-area .error-shapes .e-s-2 { position: absolute; top: 20%; right: 0; }
/* Checkout Page*/
.checkout-area { position: relative; }
.checkout-area .cshapes img { width: inherit; }
.checkout-area .cshapes .cs-1 { position: absolute; right: 21%; bottom: 22%; }
.checkout-area .cshapes .cs-2 { position: absolute; left: 10%; top: 28%; }
.checkout-area .cshapes .cs-3 { position: absolute; top: 6%; left: 2%; }
.checkout-area .cshapes .cs-4 { position: absolute; bottom: 45%; left: 0%; }
.checkout-area .cshapes .cs-5 { position: absolute; right: 0; top: 10%; }
.checkout-area .cshapes .cs-6 { position: absolute; right: 0; bottom: 9%; }
.checkout-area .checkout-left { padding: 50px 40px; background-color: #FFFCF5; border: 1px solid #E1E1E1; border-radius: 10px; margin-bottom: 30px; }
.checkout-area .checkout-left h4 { margin-bottom: 30px; }
.checkout-area .checkout-left input { width: 100%; border: 1px solid #E1E1E1; background: #FFFFFF; border-radius: 10px; padding: 10px 20px; margin-bottom: 20px; text-transform: capitalize; }
.checkout-area .checkout-left select { width: 100%; border: 1px solid #E1E1E1; background: #FFFFFF; border-radius: 10px; padding: 10px 30px; margin-bottom: 20px; }
.checkout-area .checkout-left select option { font-family: "Roboto", sans-serif; color: #2A435D; }
.checkout-area .checkout-right { padding: 50px 40px; background-color: #FFFCF5; border: 1px solid #E1E1E1; border-radius: 10px; }
.checkout-area .checkout-right h4 { margin-bottom: 30px; }
.checkout-area .checkout-right a { color: #CC3333; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.checkout-area .checkout-right a:hover { color: #FF9933; }
.checkout-area .checkout-right .btn { width: 80%; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-top: 20px; }
.checkout-area .checkout-right .btn:hover { border: 1px solid #CC3333; color: #CC3333; background: transparent; }
.checkout-area .checkout-right .payment-img { padding-top: 20px; padding-bottom: 20px; }
.checkout-area .checkout-right .payment-img img { width: inherit; }
.checkout-area .checkout-right .pricing-box .bg-white { background: #FFFFFF; padding: 20px; }
.checkout-area .checkout-right .pricing-box ul { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.checkout-area .checkout-right .pricing-box ul li { font-weight: 500; }
.checkout-area .checkout-right .pricing-box ul li ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.checkout-area .checkout-right .pricing-box .total { color: #CC3333; }
.checkout-area .checkout-right .pricing-box .uppercase { text-transform: uppercase; font-weight: 700; }
.checkout-area .checkout-right .pricing-box .divider { width: 100%; height: 1px; background: #E1E1E1; margin-bottom: 20px; }
.checkout-area .checkout-right .pricing-box label { text-transform: uppercase; font-weight: 400; }
/* Contact Page */
.writeto-us { position: relative; }
.writeto-us .form-shapes img { width: inherit; }
.writeto-us .form-shapes .fs1 { position: absolute; right: 14%; top: 7%; }
.writeto-us .form-shapes .fs2 { position: absolute; bottom: 22%; left: 3%; }
.writeto-us .form-shapes .fs3 { position: absolute; top: 50%; }
.writeto-us .form-shapes .fs4 { position: absolute; bottom: 8%; right: 15%; }
.writeto-us .form-shapes .fs5 { position: absolute; left: 12%; top: 8%; }
.writeto-us .contact-form-area input { padding: 10px !important; }
.writeto-us .contact-form-area textarea { padding: 10px !important; }
.info-area { position: relative; overflow: hidden; }
.info-area img { width: inherit; }
.info-area .info-shapes .info-s-1 { position: absolute; left: 0; top: 3%; -webkit-transform: rotate(-171deg); -ms-transform: rotate(-171deg); transform: rotate(-171deg); }
.info-area .info-shapes .info-s-2 { position: absolute; right: 0; top: 3%; }
.info-area .single-info { border: 1px solid #E1E1E1; padding: 15px 20px; border-radius: 5px; height: 100%; background: #FFFFFF; margin-bottom: 30px; }
@media (max-width: 767.98px) {
  .info-area .single-info { height: inherit; }
}
.info-area .single-info .info-img { margin-right: 10px; margin-bottom: 20px; }
.info-area .single-info .info-img img { width: inherit; }
.info-area .single-info .info-content p { padding-top: 10px; }
.map-area { position: relative; }
@media (max-width: 767.98px) {
  .map-area .map-shapes { display: none; }
}
.map-area .map-shapes img { width: inherit; }
.map-area .map-shapes .ms-1 { position: absolute; right: 0; bottom: 0; }
.map-area iframe { width: 100%; }
/* Single Food Page */
.chicken-recipe-area { position: relative; overflow: hidden; }
@media (max-width: 767.98px) {
  .chicken-recipe-area .recipe-shapes { display: none; }
}
.chicken-recipe-area .recipe-shapes img { width: inherit; }
.chicken-recipe-area .recipe-shapes .rs1 { position: absolute; bottom: 4%; left: 2%; }
.chicken-recipe-area .recipe-shapes .rs2 { position: absolute; top: 60%; left: 5%; }
.chicken-recipe-area .recipe-shapes .rs3 { position: absolute; right: 11%; top: 60%; }
.chicken-recipe-area .recipe-left .product-content { position: relative; }
.chicken-recipe-area .recipe-left .product-content img { width: inherit; }
.chicken-recipe-area .recipe-left .product-content img.mp { background: #FFFAEC; padding: 60px 20px; border-radius: 62% 38% 46% 54% / 44% 34% 66% 56%; }
.chicken-recipe-area .recipe-left .product-content .pbadge { position: absolute; top: 13%; right: 25%; width: 100px; pointer-events: all; }
.chicken-recipe-area .recipe-left .pnav { position: relative; display: inline-block; width: 100px; user-select: none; }
.chicken-recipe-area .recipe-left .pnav img { background: #FFFAEC; padding: 20px; width: 100px; border-radius: 62% 38% 46% 54% / 44% 34% 66% 56%; pointer-events: all; }
.chicken-recipe-area .recipe-left .pnav img:hover { background: #CC3333; }
.chicken-recipe-area .recipe-right h2 { margin-bottom: 30px; }
.chicken-recipe-area .recipe-right .chickens-inforbar { background: #F8DA94; margin-bottom: 5px; }
.chicken-recipe-area .recipe-right .chickens-inforbar span { text-transform: capitalize; text-align: left; }
.chicken-recipe-area .recipe-right .chickens-inforbar .cp { font-family: "Poppins", sans-serif; font-size: 30px; color: #2A435D; font-weight: 700; }
.chicken-recipe-area .recipe-right .chickens-inforbar .cp del { font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; }
.chicken-recipe-area .recipe-right .chickens-inforbar .rate { background: #CC3333; color: #FFFFFF; padding: 0 5px; }
.chicken-recipe-area .recipe-right .chickens-inforbar .colored { color: #CC3333; }
.chicken-recipe-area .recipe-right .chickens-details { margin-bottom: 30px; margin-top: 30px; }
.chicken-recipe-area .recipe-right .chickens-details label { text-transform: capitalize; font-weight: 700; }
.chicken-recipe-area .recipe-right .chickens-details input { width: 70px; background: #FFEDEE; border: 1px solid transparent; text-align: center; }
.chicken-recipe-area .recipe-right .chickens-meta { margin-bottom: 30px; }
.chicken-recipe-area .recipe-right .chickens-meta ul li { text-transform: capitalize; font-weight: 700; }
.product-des-area { position: relative; overflow: hidden; }
@media (max-width: 767.98px) {
  .product-des-area .pdes-shapes { display: none; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-des-area .pdes-shapes { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-des-area .pdes-shapes { display: none; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .product-des-area .pdes-shapes { display: none; }
}
.product-des-area .pdes-shapes img { width: inherit; }
.product-des-area .pdes-shapes .pds1 { position: absolute; top: 18%; right: 0; }
.product-des-area .pdes-shapes .pds2 { position: absolute; top: 18%; left: 0; }
.product-des-area .product-des-nav .nav-link { color: #2A435D; font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 600; padding: 13px 45px; border-radius: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-des-area .product-des-nav .nav-link { padding: 13px 32px; }
}
@media (max-width: 575.98px) {
  .product-des-area .product-des-nav .nav-link { padding: 13px 14px; }
}
.product-des-area .product-des-nav .nav-link.active { color: #FFFFFF; background: #CC3333; }
.product-des-area .product-des-content { padding: 50px 25px; -webkit-box-shadow: 0px 0px 10px 0px rgba(39, 53, 160, 0.1); box-shadow: 0px 0px 10px 0px rgba(39, 53, 160, 0.1); position: relative; overflow: hidden; }
.product-des-area .product-des-content .pd-inner-content .pd-shapes img { width: 50px; }
.product-des-area .product-des-content .pd-inner-content .pd-shapes .pds1 { position: absolute; bottom: 5px; right: 1px; }
.product-des-area .product-des-content .pd-inner-content .pd-shapes .pds2 { position: absolute; top: 0%; right: 0%; }
.product-des-area .product-des-content .pd-inner-content .pd-shapes .pds3 { position: absolute; top: 45%; right: 20%; }
.product-des-area .product-des-content .pd-inner-content table,
.product-des-area .product-des-content .pd-inner-content th,
.product-des-area .product-des-content .pd-inner-content td { border: 2px solid #2A435D; border-collapse: collapse; color: #2A435D; }
.product-des-area .product-des-content .pd-inner-content th { padding: 10px; text-align: center; text-transform: capitalize; font-weight: 700; font-family: "Roboto", sans-serif; }
.product-des-area .product-des-content .pd-inner-content td { padding: 10px; text-align: center; text-transform: capitalize; font-weight: 400; font-family: "Roboto", sans-serif; }
.product-des-area .product-des-content .pd-inner-content .heading { font-size: 16px; }
.related-product { position: relative; }
.related-product .related-shapes img { width: inherit; }
.related-product .related-shapes .rs1 { position: absolute; bottom: 0; right: 0; }
.related-product h3 { margin-bottom: 30px; }
.related-product h3 span { color: #CC3333; }
.related-product .single-dishes { border: 1px solid #E6E6E6; padding: 20px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-bottom: 20px; border-radius: 5px; background: #FFFFFF; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (max-width: 767.98px) {
  .related-product .single-dishes { text-align: center; }
}
.related-product .single-dishes:hover { border: 1px solid transparent; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); }
.related-product .single-dishes:hover .cart-opt { visibility: visible; opacity: 1; }
.related-product .single-dishes .dish-img img { width: 130px !important; text-align: center; margin: 0 auto; }
.related-product .single-dishes .dish-content h5 { padding: 20px 0; }
.related-product .single-dishes .dish-content h5 a { color: #2A435D; }
.related-product .single-dishes .dish-content h5 a:hover { color: #CC3333; }
.related-product .single-dishes .dish-content .price { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.related-product .single-dishes .dish-content .rating { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.related-product .single-dishes .badge { position: absolute; top: 20px; left: 20px; background: #2A435D; color: #FFFFFF; padding: 5px 10px; text-transform: uppercase; }
.related-product .single-dishes .badge-bg-color { background: #CC3333; }
.related-product .single-dishes .badge-color { color: #CC3333 !important; }
.related-product .single-dishes .cart-opt { width: 20px; position: absolute; top: 20px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.related-product .single-dishes .cart-opt span { border: 1px solid #CC3333; background: transparent; margin-bottom: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: block; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.related-product .single-dishes .cart-opt span:hover { background: #CC3333; }
.related-product .single-dishes .cart-opt span:hover a { color: #FFFFFF; }
.related-product .single-dishes .cart-opt span a { color: #CC3333; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
/* Food Page 2 */
.food-area { position: relative; overflow: hidden; }
.food-area .pshapes .ps-1 { position: absolute; top: 50%; right: 0; }
.food-area .pshapes .ps-2 { position: absolute; top: 27%; left: 5%; }
.food-area .pshapes .ps-4 { position: absolute; bottom: 38%; left: 8%; }
.food-area .pshapes .ps3 { position: absolute; top: 24%; right: 0 !important; }
.food-area .pshapes .ps-5 { position: absolute; top: 40%; right: 17%; }
.food-area .pshapes .ps-6 { right: 0; bottom: -6%; }
.food-area .pshapes .ps-7 { position: absolute; left: 16%; bottom: 18%; }
.food-area nav { background: #F8F8F8; padding-right: 30px; padding-left: 30px; }
@media (max-width: 767.98px) {
  .food-area nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767.98px) {
  .food-area nav .sorting-area { margin: 20px auto 0 auto; }
}
.food-area nav .nav-link { padding: 10px 25px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.food-area nav .nav-link.active { background: transparent; color: #CC3333; }
.food-area nav span { text-transform: capitalize; }
.food-area nav select { border: 1px solid transparent; background: #F8F8F8; }
.food-area .pagination-area .pagination { display: inline-block; }
.food-area .pagination-area .pagination a.active { background: #CC3333; color: #FFFFFF; }
.food-area .pagination-area .pagination a { color: #CC3333; background: transparent; float: left; padding: 8px 10px; border: 1px solid #CC3333; text-decoration: none; margin-right: 10px; border-radius: 5px; font-weight: 700; font-family: "Poppins", sans-serif; }
/* Food Page*/
.food-area-wrapper { position: relative; }
.food-area-wrapper .pshapes img { width: inherit; }
.food-area-wrapper .pshapes .ps-1 { position: absolute; top: 50%; right: 0; }
.food-area-wrapper .pshapes .ps-2 { position: absolute; top: 27%; left: 5%; }
.food-area-wrapper .pshapes .ps-4 { position: absolute; bottom: 38%; left: 8%; }
.food-area-wrapper .pshapes .ps3 { position: absolute; top: 24%; right: 0 !important; }
.food-area-wrapper .pshapes .ps-5 { position: absolute; top: 40%; right: 17%; }
.food-area-wrapper .pshapes .ps-6 { position: absolute; right: 0; bottom: -6%; }
.food-area-wrapper .pshapes .ps-7 { position: absolute; left: 16%; bottom: 18%; }
.food-area-wrapper .sidebar-widget-1 { padding: 50px 0; border: 1px solid #E6E6E6; border-radius: 5px; margin-bottom: 30px; background: #FFFFFF; }
.food-area-wrapper .sidebar-widget-1 h5 { margin-bottom: 20px; padding-left: 15px; padding-right: 15px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget:last-child { border-bottom: none; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget { border-bottom: 1px solid #E6E6E6; padding: 20px 15px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-img { margin-right: 10px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-img img { width: 75px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .small-dish-img { margin-right: 10px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .small-dish-img img { width: 50px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-content h6 { margin-bottom: 10px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-content h6 a { color: #2A435D; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-content h6 a:hover { color: #CC3333; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-content a.cart-select { color: #CC3333; background: transparent; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; border: 1px solid #CC3333; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: inline-block; text-align: center; margin-left: 10px; }
.food-area-wrapper .sidebar-widget-1 .sidebar-widget .dish-content a.cart-select:hover { color: #FFFFFF; background: #CC3333; }
.food-area-wrapper .sidebar-widget-2 { padding: 50px 10px; border: 1px solid #E6E6E6; border-radius: 5px; margin-bottom: 30px; background: #FFFFFF; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar { position: relative; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar .ui-widget.ui-widget-content { border: 1px solid #CC3333; height: 1px; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar .ui-slider-handle.ui-corner-all.ui-state-default { border-radius: 50%; background-color: #CC3333; border: 1px solid transparent; outline: none; width: 10px; height: 10px; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active { border-radius: 50%; background-color: #CC3333; border: 1px solid transparent; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar .textbold { font-weight: 500; color: #2A435D; border: none; font-family: "Roboto", sans-serif; }
.food-area-wrapper .sidebar-widget-2 .filter-sidebar button.btn { padding: 2px 14px; border-radius: 0; font-weight: 500; font-family: "Roboto", sans-serif; position: absolute; top: 47%; right: 5%; }
.food-area-wrapper .sidebar-widget-3 { padding: 50px 10px; border: 1px solid #E6E6E6; border-radius: 5px; margin-bottom: 30px; background: #FFFFFF; }
.food-area-wrapper .sidebar-widget-3 h5 a { color: #2A435D; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget { padding: 20px 0; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget .dish-img { margin-right: 20px; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget .dish-img img { width: inherit; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget .dish-content h6 { font-size: 14px; font-weight: 700; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget .dish-content h6 a { color: #2A435D; }
.food-area-wrapper .sidebar-widget-3 .sidebar-widget .dish-content span { margin-left: 20px; position: absolute; right: 50px; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 { background: #CC3333; height: 450px; position: relative; padding: 30px 20px; overflow: hidden; }
@media (max-width: 767.98px) {
  .food-area-wrapper .sidebar-widget-4 .gallery-img-4 { display: none; }
}
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .gshape-1 { position: absolute; top: 5%; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); right: -17%; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .gshape-1 img { width: inherit; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 h5 { color: #FFFFFF; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .btn { color: #CC3333; background: #FFFFFF; padding: 12px 15px; text-transform: uppercase; margin-top: 20px; border-radius: 5px; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .btn:hover { color: #FFFFFF; background: transparent; border: 1px solid #FFFFFF; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 img { position: absolute; right: 0; bottom: 0; width: 150%; margin-right: -60%; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .gprice-4 { position: absolute; top: 36%; width: 75px; right: 19%; }
.food-area-wrapper .sidebar-widget-4 .gallery-img-4 .gprice-4 img { width: inherit; }
.food-area-wrapper .food-area { position: relative; overflow: hidden; background: inherit !important; }
.food-area-wrapper .food-area nav { background: #F8F8F8; padding-right: 30px; padding-left: 30px; }
@media (max-width: 767.98px) {
  .food-area-wrapper .food-area nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media (max-width: 767.98px) {
  .food-area-wrapper .food-area nav .sorting-area { margin: 20px auto 0 auto; }
}
.food-area-wrapper .food-area nav .nav-link { padding: 10px 25px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.food-area-wrapper .food-area nav .nav-link.active { background: transparent; color: #CC3333; }
.food-area-wrapper .food-area nav span { text-transform: capitalize; }
.food-area-wrapper .food-area select { border: 1px solid transparent; background-color: #F8F8F8; }
.food-area-wrapper .pagination-area .pagination { display: inline-block; }
.food-area-wrapper .pagination-area .pagination a.active { background: #CC3333; color: #FFFFFF; }
.food-area-wrapper .pagination-area .pagination a { color: #CC3333; background: transparent; float: left; padding: 8px 10px; border: 1px solid #CC3333; text-decoration: none; margin-right: 10px; border-radius: 5px; font-weight: 700; font-family: "Poppins", sans-serif; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
/* Gallery Page  */
@media (max-width: 767.98px) {
  .main-gallery .pshapes { display: none; }
}
.main-gallery .gallery-btn { margin-right: 50px; }
@media (max-width: 767.98px) {
  .main-gallery .gallery-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
.main-gallery .gallery-btn button { font-family: "Poppins", sans-serif; font-size: 18px; border: none; background: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; text-transform: capitalize; font-weight: 600; padding: 12px 25px; border-radius: 5px; }
@media (max-width: 767.98px) {
  .main-gallery .gallery-btn button { font-size: 14px; padding: 6px 6px; }
}
.main-gallery .gallery-btn button:hover { background: #CC3333; color: #FFFFFF; }
.main-gallery .gallery-btn button.active { background: #CC3333; color: #FFFFFF; }
.main-gallery .gallery-img { margin-bottom: 20px; position: relative; height: 280px; width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.main-gallery .gallery-img:hover .gallery-info { visibility: visible; opacity: 0.9; left: 0; }
.main-gallery .gallery-img img { width: 100%; height: 100%; }
.main-gallery .gallery-img .gallery-info { position: absolute; width: 70%; height: 80%; position: absolute; bottom: 0; left: 0px; background: #CC3333; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.main-gallery .gallery-img .gallery-info .inner-info p { color: #FFFFFF; text-transform: capitalize; margin-bottom: 0; }
.main-gallery .gallery-img .gallery-info .inner-info h6 { color: #FFFFFF; }
/* Menu Page */
.menus-area .menus-wrapper .single-menus { background: #FFFFFF; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); padding: 30px 15px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.menus-area .menus-wrapper .single-menus:hover { margin-top: -15px; }
.menus-area .menus-wrapper .single-menus h6 { margin-bottom: 20px; }
.menus-area .menus-wrapper .single-menus img { width: inherit; margin: 0; margin-bottom: 20px; }
.menus-area .menus-wrapper .single-menus p { color: #2A435D; margin-bottom: 20px; }
.menus-area .menus-wrapper .single-menus a { color: #CC3333; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.menus-area .menus-wrapper .single-menus a:hover { color: #2A435D; }
.chicken-area { position: relative; }
@media (max-width: 767.98px) {
  .chicken-area .menu-i-shapes { display: none; }
}
.chicken-area .menu-i-shapes img { width: inherit; }
.chicken-area .menu-i-shapes .bleft { position: absolute; left: 0%; bottom: 0%; }
.chicken-area .menu-items-wrapper .chicken-tab-content { padding: 10px; position: relative; background: #669900; height: 300px; overflow: hidden; }
.chicken-area .menu-items-wrapper .chicken-tab-content h5 { color: #FFFFFF; line-height: 1.5em; }
.chicken-area .menu-items-wrapper .chicken-tab-content p { color: #FFFFFF; }
.chicken-area .menu-items-wrapper .chicken-tab-content a { padding: 10px 18px; margin-top: 10px; display: inline-block; color: #669900; background: #FFFFFF; border-radius: 10px; text-transform: uppercase; }
.chicken-area .menu-items-wrapper .chicken-tab-content a:hover { color: #FFFFFF; background: transparent; border: 1px solid #FFFFFF; }
.chicken-area .menu-items-wrapper .chicken-tab-content img { width: inherit; }
.chicken-area .menu-items-wrapper .chicken-tab-content .main-img { position: absolute; top: 39%; right: 3%; width: 240px; z-index: 11; }
.chicken-area .menu-items-wrapper .chicken-tab-content .gprice-2 { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; background: #CC3333; color: #FFFFFF; display: block; position: absolute; top: 29%; right: 20%; z-index: 22; font-weight: 600; }
.chicken-area .menu-items-wrapper .chicken-tab-content .gshape1 { position: absolute; bottom: -12%; left: 0%; width: 75px; }
.chicken-area .menu-items-wrapper .chicken-tab-content .gshape2 { position: absolute; bottom: 6%; right: -6%; width: 210px; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.burger-area { position: relative; overflow: hidden; }
.burger-area .menu-i-shapes .brs { position: absolute; top: 65%; right: -2%; }
.burger-area .menu-nav-wrapper .single-menu-nav { padding: 25px 10px; }
.burger-area .menu-nav-wrapper .single-menu-nav h6 { position: relative; z-index: 11; }
.pizza-banner { position: relative; }
.pizza-banner .pizza-shapes img { width: inherit; }
.pizza-banner .pizza-shapes .ps1 { position: absolute; right: 0; top: 109%; }
.pizza-banner .pizza-shapes .ps2 { position: absolute; right: 17%; top: 75%; }
.pizza-banner .gallery-img-1 { overflow: hidden; }
.pizza-banner .gallery-img-1 a.btn { margin-top: 9px; }
.pizza-banner .gallery-img-1 a.btn:hover { background: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; }
.pizza-banner .gallery-img-1 span.gs { position: absolute; top: 42%; right: -4%; z-index: 1; }
.pizza-banner .gallery-img-1 span.gs img { width: inherit; }
.pizza-banner .gallery-img-01 { background: #CC3333; position: relative; overflow: hidden; }
.pizza-banner .gallery-img-01 img { width: inherit; bottom: 22%; z-index: 2; }
@media (max-width: 575.98px) {
  .pizza-banner .gallery-img-01 img { bottom: 0; width: 50%; }
}
.pizza-banner .gallery-img-01 .yellow { position: absolute; top: 81%; right: -5%; z-index: 1; }
@media (max-width: 575.98px) {
  .pizza-banner .gallery-img-01 .yellow { display: none; }
}
.pizza-banner .gallery-img-01 span.pbadge { position: absolute; left: 70%; }
@media (max-width: 575.98px) {
  .pizza-banner .gallery-img-01 span.pbadge { display: none; }
}
.pizza-banner .gallery-img-01 span.gs1 { position: absolute; bottom: -5%; left: 21%; }
.pizza-banner .gallery-img-01 span.gs1 img { width: inherit; }
.pizza-banner .gallery-img-01 a.btn { background: #FFFFFF; color: #CC3333; z-index: 11; position: relative; }
.pizza-banner .gallery-img-01 a.btn:hover { background: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; }
.pizza-area { position: relative; }
.pizza-area .menu-i-shapes img { width: inherit; }
.pizza-area .menu-i-shapes .mis-1 { position: absolute; top: 22%; left: 0; }
.pizza-area .menu-i-shapes .mis-2 { position: absolute; top: 28%; right: 11%; }
.pizza-area .menu-nav-wrapper .single-menu-nav { overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 190px; height: 150px; }
.pizza-area .menu-nav-wrapper .single-menu-nav img { margin: 0 auto; }
.pizza-area .pizza-items-wrapper { -webkit-box-shadow: inherit; box-shadow: inherit; }
.pizza-area .pizza-items-wrapper .single-menu-item { border: 1px solid #E6E6E6; background-color: #FFFFFF; border-radius: 10px; padding: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-bottom: 30px; }
.pizza-area .pizza-items-wrapper .single-menu-item .menu-content h6 a { color: #2A435D; }
.pizza-area .pizza-items-wrapper .single-menu-item .menu-content h6 a:hover { color: #CC3333; }
.pizza-area .pizza-items-wrapper .single-menu-item .menu-content span { font-weight:150; font-size: 12px; }
.pizza-area .pizza-items-wrapper .single-menu-item:hover { -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); border: 1px solid transparent; }
/*  Single Dish Page  */
.portfolio-banner { position: relative; }
.portfolio-banner .banner-shapes img { width: inherit; }
.portfolio-banner .banner-shapes .bs1 { position: absolute; right: 1%; top: 28%; }
.portfolio-banner .banner-shapes .bs2 { position: absolute; right: 16%; top: 50%; }
.portfolio-banner .inner-portfolio-box { position: relative; }
.portfolio-banner .inner-portfolio-box .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; line-height: 80px; display: block; background: #CC3333; text-align: center; border-radius: 50%; color: #FFFFFF; }
.portfolio-info { position: relative; }
.portfolio-info h2 { font-weight: 900; }
.portfolio-info p { margin-top: 20px; }
.portfolio-info .portfolio-shapes img { width: inherit; }
.portfolio-info .portfolio-shapes .ps1 { position: absolute; top: 0%; left: 5%; }
.portfolio-info .portfolio-shapes span.ps2 { position: absolute; left: 17%; top: 11%; }
.portfolio-info .portfolio-shapes span.ps3 { position: absolute; left: 0; top: 12%; -webkit-transform: rotate(524deg); -ms-transform: rotate(524deg); transform: rotate(524deg); }
.portfolio-info .portfolio-shapes span.ps4 { position: absolute; right: 0%; top: 26%; }
.portfolio-info .portfolio-shapes span.ps5 { position: absolute; right: 0%; bottom: 0%; }
.portfolio-info .portfolio-info-left { position: relative; background: #CC3333; border-radius: 5px; padding: 35px 25px 21px 30px; color: #FFFFFF; margin-top: -23%; }
.portfolio-info .portfolio-info-left .cat-pos { position: absolute; left: 36%; }
.portfolio-info .portfolio-info-left .cat-pos .social-icon { -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.portfolio-info .portfolio-info-left .cat-pos .social-icon:hover { color: #FF9933; }
.portfolio-info .portfolio-info-left img { width: inherit; }
.portfolio-info .portfolio-info-left .s1 { position: absolute; top: 0; left: 0; z-index: 33; }
.portfolio-info .portfolio-info-left .s2 { position: absolute; right: 0; bottom: 0; z-index: 33; }
.portfolio-info .portfolio-info-left h5 { color: #FFFFFF; position: relative; z-index: 40; margin-bottom: 20px; }
.portfolio-info .portfolio-info-left li { margin-bottom: 15px; text-transform: capitalize; font-weight: 600 !important; position: relative; z-index: 111; font-family: "Poppins", sans-serif; }
.portfolio-info .portfolio-info-left li span { font-weight: 400; font-family: "Roboto", sans-serif; }
.portfolio-info .portfolio-info-left li span a { color: #FFFFFF; margin-left: 10px; }
.portfolio-info .portfolio-info-left li span a:hover { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.portfolio-info .portfolio-info-right { padding: 50px 40px; }
.portfolio-info .portfolio-info-right .inner-portfolio-gallery img { width: inherit; margin-bottom: 20px; }
/* Shoping Cart */
.shopping-cart { position: relative; }
.shopping-cart .shopping-shapes img { width: inherit; }
.shopping-cart .shopping-shapes span.ps1 { position: absolute; top: 29%; left: 4%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .shopping-shapes span.ps1 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .shopping-shapes span.ps1 { display: none; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .shopping-cart .shopping-shapes span.ps1 { display: none; }
}
.shopping-cart .shopping-shapes span.pss2 { position: absolute; right: 17%; bottom: 33%; z-index: -1; }
.shopping-cart .shopping-shapes span.ps3 { position: absolute; top: 40%; left: 1%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .shopping-shapes span.ps3 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .shopping-shapes span.ps3 { display: none; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .shopping-cart .shopping-shapes span.ps3 { display: none; }
}
.shopping-cart .shopping-shapes span.ps4 { position: absolute; right: 0; top: 40%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .shopping-shapes span.ps4 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .shopping-shapes span.ps4 { display: none; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .shopping-cart .shopping-shapes span.ps4 { display: none; }
}
.shopping-cart .shopping-shapes span.pss5 { position: absolute; bottom: 0%; right: 0%; }
.shopping-cart .shopping-shapes span.ps6 { position: absolute; top: 4%; left: 2%; }
@media (max-width: 767.98px) {
  .shopping-cart .shopping-shapes { display: none; }
}
.shopping-cart .upper-table .upper-t-left input[type="text"] { background: #FFFCF1; border: 1px solid #E6E6E6; padding: 12px 55px; border-radius: 10px; text-transform: capitalize; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .upper-table .upper-t-left input[type="text"] { padding: 10px 30px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .upper-table .upper-t-left input[type="text"] { padding: 10px 30px; }
}
@media (max-width: 767.98px) {
  .shopping-cart .upper-table .upper-t-left input[type="text"] { padding: 10px; }
}
.shopping-cart .upper-table .upper-t-left .btn { padding: 12px 55px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .upper-table .upper-t-left .btn { padding: 10px 30px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .upper-table .upper-t-left .btn { padding: 10px 30px; }
}
@media (max-width: 767.98px) {
  .shopping-cart .upper-table .upper-t-left .btn { padding: 10px; }
}
.shopping-cart .upper-table .upper-t-right .btn { padding: 12px 55px; background: #FFFCF1; border: 1px solid #E6E6E6; color: #2A435D; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart .upper-table .upper-t-right .btn { padding: 10px 30px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart .upper-table .upper-t-right .btn { padding: 10px 30px; }
}
@media (max-width: 767.98px) {
  .shopping-cart .upper-table .upper-t-right .btn { padding: 10px 30px; }
}
.shopping-cart .upper-table .upper-t-right .btn:hover { color: #FFFFFF; background: #CC3333; }
.shopping-cart table thead.table-one-head { background: #FFEDEE; }
.shopping-cart table thead.table-one-head tr.table-one-tr th { border-right: 1px solid #E6E6E6; padding: 15px 50px; text-transform: capitalize; font-size: 18px; }
.shopping-cart table thead.table-one-head tr.table-one-tr th:nth-child(4) { border-right: 1px solid transparent; }
.shopping-cart table thead.table-one-head tr.table-one-tr th:nth-child(5) { border-right: 1px solid transparent; }
.shopping-cart table tbody tr { border: 5px solid #FFFFFF; }
.shopping-cart table tbody tr td { padding: 15px 50px; background: #FFFCF1; border-right: 1px solid #E6E6E6; font-size: 18px; font-weight: 700; }
.shopping-cart table tbody tr td:nth-child(4) { border-right: 1px solid transparent; }
.shopping-cart table tbody tr td:nth-child(5) { border-right: 1px solid transparent; }
.shopping-cart table tbody tr td .remove { background: #CC3333; width: 25px; height: 25px; display: block; line-height: 25px; text-align: center; border-radius: 50%; opacity: 0.5; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); }
.shopping-cart table tbody tr td .remove a { color: #FFFFFF; }
.shopping-cart table tbody tr td .remove:hover { opacity: 1; }
.shopping-cart table tbody tr td .table-img img { width: 100%; background: #FFEDEE; border-radius: 50%; padding: 10px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopping-cart table tbody tr td .table-img img { padding: 0; display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopping-cart table tbody tr td .table-img img { padding: 0; }
}
.shopping-cart .lower-table h6 { background-color: #FFEDEE; color: #2A435D; padding: 15px 30px; font-family: "Roboto", sans-serif; }
.shopping-cart .lower-table .lower-table-info { background-color: #FFFCF1; padding: 30px; }
.shopping-cart .lower-table .lower-table-info ul li { font-weight: 700; font-family: "Roboto", sans-serif; }
.shopping-cart .lower-table .lower-table-info button.btn { padding: 12px 55px; width: 100%; margin-top: 30px; }
/* Blog Page */
.blog-content-section { position: relative; }
.blog-content-section .blog-shapes img { width: 80px; }
.blog-content-section .blog-shapes .bbs-1 { position: absolute; left: 3%; top: 15%; }
.blog-content-section .blog-shapes .bbs-2 { position: absolute; left: 8%; top: 22%; display: none; }
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .blog-content-section .blog-shapes .bbs-2 { display: block; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .blog-content-section .blog-shapes .bbs-2 { display: block; }
}
.blog-content-section .blog-shapes .bbs-3 { position: absolute; left: 0; top: 34%; }
.blog-content-section .blog-shapes .bbs-4 { position: absolute; bottom: 8%; right: 20%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .blog-content-section .blog-shapes .bbs-4 { right: 10%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .blog-content-section .blog-shapes .bbs-4 { right: 10%; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .blog-content-section .blog-shapes .bbs-4 { bottom: 8%; right: 14%; }
}
.blog-content-section .blog-shapes .bbs-5 { position: absolute; right: 20%; top: 13%; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .blog-content-section .blog-shapes .bbs-5 { right: 9%; top: 14%; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .blog-content-section .blog-shapes .bbs-5 { right: 14%; top: 14%; }
}
.blog-content-section .blog-shapes .bbs-6 { position: absolute; bottom: 0; right: 0; }
.blog-content-section .blog-shapes .bbs-7 { position: absolute; right: 0; top: 30%; }
.blog-single-post { padding: 10px; margin-bottom: 40px; }
.blog-single-post.different-bg-color { background-color: #CC3333; }
.blog-single-post .blog-thumbnail { overflow: hidden; position: relative; }
.blog-single-post .blog-thumbnail .meta-date { position: absolute; top: 5%; left: 5%; background-image: url("../images/blog/b-shape.webp"); background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 110px; width: 110px; }
.blog-single-post .blog-thumbnail .meta-date .bold { font-family: #2a435d; font-weight: 700; font-size: 24px; color: #FFFFFF; }
.blog-single-post .blog-thumbnail .meta-date span { color: #FFFFFF; text-transform: capitalize; }
.blog-single-post .blog-thumbnail img { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.blog-single-post .blog-thumbnail img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; }
.blog-single-post .blog-content-part { padding: 20px; }
.blog-single-post .blog-content-part .blog-content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.blog-single-post .blog-content-part .blog-content-top a { color: #2A435D; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: capitalize; }
.blog-single-post .blog-content-part .blog-content-top a:hover { color: #CC3333; }
.blog-single-post .blog-content-part .blog-content-top a i { margin-right: 10px; }
.blog-single-post .blog-content-part .blog-title { margin-top: 20px; }
.blog-single-post .blog-content-part .blog-title h4 a { color: #2A435D; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.blog-single-post .blog-content-part .blog-title h4 a:hover { color: #CC3333; }
.blog-single-post .blog-content-part .blog-content { margin-top: 20px; }
.blog-single-post .blog-content-part .blog-excerpt-link a { background-color: #2A435D; color: #FFFFFF; font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: inline-block; margin-top: 20px; }
.blog-single-post .blog-content-part .blog-excerpt-link a:hover { background: transparent; border: 1px solid #2A435D; color: #2A435D; }
.blog-single-post .blog-thumbnail-slider .thumbnail-single-slide { position: relative; }
.blog-single-post .blog-thumbnail-slider .thumbnail-single-slide .meta-date { position: absolute; top: 5%; left: 5%; background-image: url("../images/blog/b-shape1.webp"); background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 110px; width: 110px; }
.blog-single-post .blog-thumbnail-slider .thumbnail-single-slide .meta-date .bold { font-family: #2a435d; font-weight: 700; font-size: 24px; color: #FFFFFF; }
.blog-single-post .blog-thumbnail-slider .thumbnail-single-slide .meta-date span { color: #FFFFFF; text-transform: capitalize; }
.blog-single-post .blog-thumbnail-slider .prev-arrow,
.blog-single-post .blog-thumbnail-slider .next-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; background-color: #CC3333; border: 1px solid transparent; border-radius: 5px; color: #FFFFFF; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 1; }
.blog-single-post .blog-thumbnail-slider .prev-arrow:hover,
.blog-single-post .blog-thumbnail-slider .next-arrow:hover { background-color: transparent; border: 1px solid #CC3333; color: #CC3333; }
.blog-single-post .blog-thumbnail-slider .prev-arrow { left: 20px; }
.blog-single-post .blog-thumbnail-slider .next-arrow { right: 20px; }
.blog-single-post .blog-thumbnail-video { position: relative; }
.blog-single-post .blog-thumbnail-video .meta-date { position: absolute; top: 5%; left: 5%; background-image: url("../images/blog/b-shape.webp"); background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 110px; width: 110px; }
.blog-single-post .blog-thumbnail-video .meta-date .bold { font-family: #2a435d; font-weight: 700; font-size: 24px; color: #FFFFFF; }
.blog-single-post .blog-thumbnail-video .meta-date span { color: #FFFFFF; text-transform: capitalize; }
.blog-single-post .blog-thumbnail-video .video-play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.blog-single-post .blog-thumbnail-video .video-play-button i { color: #FFFFFF; background-color: #CC3333; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; }
.blog-single-post .blog-upper-content .meta-date { background-image: url("../images/blog/b-shape.webp"); background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 110px; width: 110px; }
.blog-single-post .blog-upper-content .meta-date .bold { font-family: #2a435d; font-weight: 700; font-size: 24px; color: #FFFFFF; }
.blog-single-post .blog-upper-content .meta-date span { color: #FFFFFF; text-transform: capitalize; }
.template-pagination { margin-left: 25px; }
.template-pagination ul li { display: inline; margin: 0 5px; }
.template-pagination ul li a { display: inline-block; color: #CC3333; background-color: transparent; padding: 10px; border: 1px solid #CC3333; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; line-height: 16px; font-family: "Poppins", sans-serif; }
.template-pagination ul li a:hover { color: #FFFFFF; background-color: #CC3333; border: 1px solid #CC3333; }
.template-pagination ul li a.active { color: #FFFFFF; background-color: #CC3333; border: 1px solid #CC3333; }
.template-pagination ul li.pagination-arrow a { color: #2A435D; background-color: transparent; border: 1px solid transparent; padding: 0; font-size: 18px; }
.template-pagination ul li.pagination-arrow a i { font-weight: 700; }
.single-widget { padding: 50px 10px; border: 1px solid #E6E6E6; border-radius: 5px; margin-bottom: 30px; background: #FFFFFF; }
@media (min-width: 576px) and (max-width: 767.98px) {
  .single-widget { padding: 50px 100px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .single-widget { padding: 50px 100px; }
}
.single-widget + .single-widget { margin-top: 60px; }
.single-widget .header-search form { position: relative; }
.single-widget .header-search form input { padding: 8px 82px 8px 15px; border: 1px solid #E6E6E6; border-radius: 10px; width: 100%; }
.single-widget .header-search form button { position: absolute; right: 1%; top: 12%; background-color: #CC3333; color: #FFFFFF; padding: 3px 30px; border-radius: 10px; border: 1px solid transparent; }
.single-widget img { width: inherit; margin: 0 auto; }
.single-widget .widget-title { margin-bottom: 30px; }
.single-widget.author-widget { text-align: center; padding: 20px 15px 30px; position: relative; z-index: 1; }
.single-widget.author-widget img { width: 150px; }
.single-widget.author-widget::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; }
.single-widget.author-widget .author-social-link li { display: inline-block; margin: 0 5px; }
.single-widget.author-widget .author-social-link li a { color: #2A435D; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.single-widget.author-widget .author-social-link li a:hover { color: #CC3333; }
.single-widget.search-widget { padding: 0; border: none; }
.single-widget.search-widget form { width: 100%; }
.single-widget.product-widget { padding-bottom: 0; }
.single-widget.product-widget .single-product { border-bottom: 1px solid #E6E6E6; padding: 20px 0px; }
.single-widget.product-widget .single-product .dish-img { margin-right: 10px; }
.single-widget.product-widget .single-product .dish-img img { width: 100px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-widget.product-widget .single-product .dish-img img { width: 70px; }
}
.single-widget.product-widget .single-product .dish-content h6 { margin-bottom: 10px; }
.single-widget.product-widget .single-product .dish-content h6 a { font-size: 16px; color: #2A435D; }
.single-widget.product-widget .single-product .dish-content .cart-select { color: #CC3333; background: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; border: 1px solid #CC3333; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: inline-block; text-align: center; margin-left: 20px; }
.single-widget.product-widget .single-product .dish-content .cart-select:hover { background: #CC3333; color: #FFFFFF; }
.single-widget.product-widget .single-product .dish-content .price { font-weight: 500; }
.single-widget.product-widget .single-product:last-child { border-bottom: none; }
.single-widget.category-widget li { display: block; }
.single-widget.category-widget li a { color: #2A435D; text-transform: capitalize; padding: 10px 0; display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-top: 1px solid #E6E6E6; }
.single-widget.category-widget li a.border-none { border-top: transparent; }
.single-widget.category-widget li a:hover { color: #CC3333; }
.single-widget.category-widget li a i { font-size: 10px; margin-right: 10px; }
.single-widget.tag-widget { margin-top: 55px; padding: 0; border: none; }
.single-widget.tag-widget li { display: inline-block; margin-bottom: 4px; }
.single-widget.tag-widget li a { display: inline-block; text-transform: capitalize; padding: 12px 20px; color: #2A435D; border: 1px solid #E6E6E6; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.single-widget.tag-widget li a:hover { color: #FFFFFF; background-color: #CC3333; border: 1px solid transparent; border-radius: 5px; }
.single-widget.filter-menu-widget { margin-top: 55px; }
.single-widget.filter-menu-widget h6 a { color: #2A435D; margin-bottom: 20px; }
.single-widget.filter-menu-widget .filter-menu { position: relative; margin-top: 15px; }
.single-widget.filter-menu-widget .dish-img { margin-right: 20px; }
.single-widget.filter-menu-widget .dish-img img { width: 50px; }
.single-widget.filter-menu-widget .dish-content h6 a { color: #2A435D; font-size: 16px; }
.single-widget.filter-menu-widget .dish-content span { position: absolute; right: 10px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-widget.filter-menu-widget .dish-content span { right: -5px; }
}
.single-widget.banner-widget { padding: 0; border: none; }
.single-widget.banner-widget .gallery-img-4 { background: #CC3333; height: 450px; position: relative; padding: 30px 20px; overflow: hidden; }
@media (max-width: 767.98px) {
  .single-widget.banner-widget .gallery-img-4 { display: none; }
}
.single-widget.banner-widget .gallery-img-4 .gshape-1 { position: absolute; top: 5%; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); right: -17%; }
.single-widget.banner-widget .gallery-img-4 .gshape-1 img { width: inherit; }
.single-widget.banner-widget .gallery-img-4 h5 { color: #FFFFFF; position: relative; z-index: 11; }
.single-widget.banner-widget .gallery-img-4 .btn { color: #CC3333; background: #FFFFFF; padding: 12px 15px; text-transform: uppercase; margin-top: 20px; border-radius: 5px; }
.single-widget.banner-widget .gallery-img-4 .btn:hover { color: #FFFFFF; background: transparent; border: 1px solid #FFFFFF; }
.single-widget.banner-widget .gallery-img-4 img { position: absolute; right: 0; bottom: 0; width: 150%; margin-right: -60%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .single-widget.banner-widget .gallery-img-4 img { width: 100%; }
}
@media (max-width: 767.98px) {
  .single-widget.banner-widget .gallery-img-4 img { width: 100%; }
}
.single-widget.banner-widget .gallery-img-4 .gprice-4 { position: absolute; top: 36%; width: 75px; right: 19%; }
.single-widget.banner-widget .gallery-img-4 .gprice-4 img { width: inherit; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .single-widget.banner-widget .gallery-img-4 .gprice-4 { top: 88%; width: 200px; right: 69%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-widget.banner-widget .gallery-img-4 .gprice-4 { top: 55%; }
}
.blog-single-item .single-blog-image img { width: inherit; }
.blog-single-item .blog-meta ul li a { color: #2A435D; text-transform: capitalize; }
.blog-single-item .single-blog-content h4 a { color: #2A435D; }
.blog-comment-area .single-comment img { width: inherit; }
.blog-comment-form h3 { margin-bottom: 60px; }
.blog-comment-form form input { width: 100%; padding: 20px 30px; border-radius: 5px; border: 1px solid #E6E6E6; margin-bottom: 30px; }
.blog-comment-form form textarea { width: 100%; padding: 20px 30px; border-radius: 5px; border: 1px solid #E6E6E6; }
.blog-sidebar .single-widget .author-social-link ul li { color: #2A435D; }
.blog-sidebar .single-widget .banner-widget-button .btn { background: #FFFFFF; color: #CC3333; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-sidebar { margin-top: 60px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .blog-sidebar { margin-top: 60px; }
}
@media (max-width: 575.98px) {
  .blog-sidebar { margin-top: 60px; }
}
/* Blog Details Page */
.blog-content-section.blog-details-page .blog-single-post { padding: 0; background-color: transparent; margin-bottom: 0; }
.blog-content-section.blog-details-page .blog-single-post .blog-thumbnail img { width: inherit; }
.blog-content-section.blog-details-page .blog-single-post .blog-thumbnail img:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part { padding: 0; margin-top: 30px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .content-list .single-list { display: inline-block; margin: 5px 0; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .content-list .single-list i { margin-right: 10px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-quote { background-color: #FFFCF5; padding: 40px 40px 50px; position: relative; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-quote .quote-text p { color: #2A435D; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 700; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-quote .quote-text h6 { position: relative; margin-left: 60px; margin-top: 22px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-quote .quote-text h6::before { content: ''; position: absolute; bottom: 0; left: -66px; width: 48px; height: 3px; background: #CC3333; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-quote span.quote-icon { color: #2A435D; font-size: 40px; margin-left: 7px; position: absolute; top: 90px; right: 97px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .content-bottom-tag li { display: inline; margin-right: 10px; text-transform: capitalize; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 16px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .content-bottom-tag li a { display: inline-block; font-family: "Roboto", sans-serif; color: #2A435D; background-color: rgba(42, 67, 93, 0.05); padding: 5px 10px; text-transform: capitalize; font-weight: 500; font-size: 16px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul { float: right; }
@media (max-width: 575.98px) {
  .blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul { float: none; margin-top: 20px; }
}
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul li { display: inline; margin-left: 10px; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul li span { font-size: 16px; font-weight: 700; text-transform: capitalize; font-family: #2a435d; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul li a img { width: inherit; display: inline-block; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-social-icons ul li a:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
@media (max-width: 575.98px) {
  .blog-content-section.blog-details-page .blog-single-post .blog-content-part .blog-images .single-image.image-2 { margin-top: 30px; }
}
.blog-content-section.blog-details-page .divider { width: 100%; height: 1px; background: #E4E4E4; margin: 50px 0px 44px 0; opacity: 0.8; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-image img { width: 100px; height: 100px; border-radius: 50%; margin-right: 20px; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content { border: 1px solid #E4E4E4; padding: 30px 50px; border-radius: 10px; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top .content-top-left h6 { display: inline-block; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top .content-top-left span { margin-left: 20px; color: #2A435D; text-transform: capitalize; }
@media (max-width: 575.98px) {
  .blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top .content-top-left span { display: block; margin-left: 0; }
}
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top a.reply { padding: 2px 20px; background: #CC3333; color: #FFFFFF; font-family: "Roboto", sans-serif; border-radius: 5px; text-transform: capitalize; }
.blog-content-section.blog-details-page .blog-comment-area .single-comment .comment-content .comment-content-top .bg-secondary { background: #2A435D !important; }
@media (max-width: 575.98px) {
  .blog-content-section.blog-details-page .blog-comment-form { padding: 40px; }
}
.blog-content-section.blog-details-page .blog-comment-form form { margin-top: 40px; }
.blog-content-section.blog-details-page .blog-comment-form form input { padding: 10px 30px; margin-bottom: 20px; }
.blog-content-section.blog-details-page .blog-comment-form button { font-size: 16px; }
/*  Homepage 2 */
.burger-promo-area { background-size: cover; background-repeat: no-repeat; position: relative; }
.burger-promo-area .del-shapes img { width: inherit; }
.burger-promo-area .del-shapes .ds-1 { position: absolute; left: 0%; top: 0%; }
.burger-promo-area .del-shapes .ds-2 { position: absolute; right: -2%; bottom: 2%; margin-right: 0; margin-bottom: 0; width: 100px; }
.burger-promo-area .del-shapes .ds-33 { position: absolute; left: 0%; bottom: 0%; }
.burger-promo-area .del-shapes .ds-4 { position: absolute; left: 18%; top: 21%; }
.burger-promo-area .delivery-left { position: relative; }
.burger-promo-area .delivery-left .burger-shapes img { width: inherit; }
.burger-promo-area .delivery-left .burger-shapes .bs1 { position: absolute; right: -33%; top: 20%; width: 50px; }
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { display: none; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { right: 2%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { right: 0%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { right: -3%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { right: 0%; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .burger-shapes .bs1 { right: -58%; }
}
.burger-promo-area .delivery-left .burger-shapes .bs2 { position: absolute; right: -5%; width: 34px; top: 48%; }
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs2 { display: none; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs2 { right: -36%; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .burger-shapes .bs2 { right: -65%; }
}
.burger-promo-area .delivery-left .burger-shapes .bs3 { position: absolute; left: 26%; width: 90px; }
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs3 { left: 46%; width: 132px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .burger-shapes .bs3 { left: 46%; width: 132px; }
}
.burger-promo-area .delivery-left .burger-shapes .bs4 { position: absolute; top: 0%; left: -1%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs4 { top: -13%; left: -17%; }
}
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs4 { display: none; }
}
.burger-promo-area .delivery-left .burger-shapes .bs5 { position: absolute; bottom: 23%; left: -13%; width: 60px; }
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { display: none; }
}
@media (max-width: 767.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { left: -3%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { left: -2%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { left: -2%; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { left: 4%; width: 94px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .burger-shapes .bs5 { left: 4%; width: 94px; }
}
.burger-promo-area .delivery-left .burger-shapes .bs6 { position: absolute; left: 5%; bottom: -1%; width: 80px; z-index: 1; }
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs6 { display: none; }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .burger-promo-area .delivery-left .burger-shapes .bs6 { left: 25%; width: 133px; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .burger-shapes .bs6 { left: 25%; width: 133px; }
}
.burger-promo-area .delivery-left .mp { margin: 0 auto; width: 100%; }
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .burger-promo-area .delivery-left .mp { width: 110%; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .burger-promo-area .delivery-left .mp { width: 130%; }
}
.burger-promo-area .delivery-right .common-title-area h1 { text-transform: uppercase; }
.burger-promo-area .delivery-right .common-title-area h1 span { color: #CC3333; }
@media (max-width: 767.98px) {
  .burger-promo-area .delivery-right { padding-right: 0px; }
}
.burger-promo-area .delivery-right h2 { margin-bottom: 15px; }
.burger-promo-area .delivery-right h5 span { color: #CC3333; }
.burger-promo-area .delivery-right .order-box .btn { margin-left: 0; margin-right: 50px; }
@media (max-width: 575.98px) {
  .burger-promo-area .delivery-right .order-box .btn { margin-right: 7px; }
}
.banner-gallery2 .del-shapes .ds-1 { position: absolute; left: -2%; top: 9%; }
.banner-gallery2 .del-shapes .ds-2 { position: absolute; right: -2%; bottom: -5%; }
.banner-gallery2 .gallery-img-1 { background-image: url("../images/bg/gridbg1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.banner-gallery2 .gallery-img-1:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-1:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-1::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-1::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery2 .gallery-img-1 { margin-bottom: 30px; }
}
.banner-gallery2 .gallery-img-1 a { font-size: 14px; }
.banner-gallery2 .gallery-img-1 .pos1 { width: inherit; position: absolute; top: -10%; right: -8%; }
.banner-gallery2 .gallery-img-2 { background-image: url("../images/bg/gridbg3.jpg"); background-repeat: no-repeat; background-size: cover; text-align: right; position: relative; overflow: hidden; }
.banner-gallery2 .gallery-img-2:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-2:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-2::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-2::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-2 a { font-size: 14px; color: #FFFFFF; position: relative; z-index: 11; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.banner-gallery2 .gallery-img-2 a:hover { color: #CC3333; }
.banner-gallery2 .gallery-img-2 .gprice-1 { position: absolute; top: 60%; left: 42%; }
.banner-gallery2 .gallery-img-2 .img-pos1 { position: absolute; top: 20%; }
@media (max-width: 575.98px) {
  .banner-gallery2 .gallery-img-2 .img-pos1 { top: 10%; width: 48%; left: 5%; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-2 .img-pos1 { top: 0; width: 38%; left: 18%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-gallery2 .gallery-img-2 .img-pos1 { top: 35%; }
}
.banner-gallery2 .gallery-img-3 { background-image: url("../images/bg/gridbg2.jpg"); background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.banner-gallery2 .gallery-img-3:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-3:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-3::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-3::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-3 a { font-size: 14px; color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.banner-gallery2 .gallery-img-3 a:hover { color: #FF9933; }
.banner-gallery2 .gallery-img-3 .img-pos { width: inherit; position: absolute; right: -25%; bottom: 0; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-gallery2 .gallery-img-3 .img-pos { right: -43%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery2 .gallery-img-3 .img-pos { right: 6%; }
}
@media (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-3 .img-pos { right: 0%; width: 57%; }
}
.banner-gallery2 .gallery-img-3 .gprice-2 { position: absolute; right: 11%; bottom: 58%; }
.banner-gallery2 .gallery-img-3 .s1 { width: 75px; position: absolute; bottom: -20%; left: 0%; }
.banner-gallery2 .gallery-img-33 { background-image: url("../images/bg/gridbg4.jpg"); background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.banner-gallery2 .gallery-img-33:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-33:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-33::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-33::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-33 { margin-top: 0px; margin-bottom: 30px; }
}
.banner-gallery2 .gallery-img-33 a { font-size: 14px; color: #FFFFFF; }
@media (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-33 .img-pos { width: 38%; position: absolute; right: 14%; bottom: 0; }
}
.banner-gallery2 .gallery-img-33 .gprice-2 { position: absolute; right: 12%; bottom: 71%; }
@media (max-width: 575.98px) {
  .banner-gallery2 .gallery-img-33 .gprice-2 { right: 13%; bottom: 55%; }
}
.banner-gallery2 .gallery-img-33 .s1 { width: 75px; position: absolute; bottom: -20%; left: 0%; }
.banner-gallery2 .gallery-img-22 { background-color: #000000; padding: 30px 20px; position: relative; overflow: hidden; height: 100%; }
.banner-gallery2 .gallery-img-22:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-22:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-22::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-22::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-22 a { color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.banner-gallery2 .gallery-img-22 a:hover { color: #CC3333; }
.banner-gallery2 .gallery-img-22 .img-pos { width: inherit; position: absolute; bottom: 0%; left: 0%; }
@media (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-22 .img-pos { width: 41%; }
}
.banner-gallery2 .gallery-img-22 .gprice-1 { background: #CC3333; color: #FFFFFF; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; display: block; text-align: center; font-weight: 700; font-family: "Poppins", sans-serif; position: absolute; bottom: 18%; right: 37%; }
@media (max-width: 575.98px) {
  .banner-gallery2 .gallery-img-22 .gprice-1 { bottom: 59%; right: 48%; }
}
.banner-gallery2 .gallery-img-22 .s1 { position: absolute; top: 15%; left: -27%; width: inherit; }
.banner-gallery2 .gallery-img-11 { background-image: url("../images/bg/gridbg6.jpg"); background-size: cover; background-repeat: no-repeat; position: relative; }
.banner-gallery2 .gallery-img-11:hover::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-11:hover::before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0.5; }
.banner-gallery2 .gallery-img-11::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.banner-gallery2 .gallery-img-11::before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #FFFFFF; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 90%; -ms-transform-origin: 90%; transform-origin: 90%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-gallery2 .gallery-img-11 { margin-top: 30px; }
}
@media (max-width: 767.98px) {
  .banner-gallery2 .gallery-img-11 { margin-top: 30px; }
}
.banner-gallery2 .gallery-img-11 .gs1 { width: inherit; position: absolute; left: -7%; bottom: -16%; }
.banner-gallery2 .gallery-img-11 a.btn { position: relative; z-index: 1; background-color: #FFFFFF; color: #CC3333; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.banner-gallery2 .gallery-img-11 a.btn:hover { background: transparent; border: 1px solid #FFFFFF; color: #FFFFFF; }
.banner-gallery2 .gallery-img-11 .pbadge { width: inherit; position: absolute; right: 27%; top: 10%; }
.home2-menu-area { position: relative; overflow: hidden; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .home2-menu-area .menu-shapes { display: none; }
}
@media (max-width: 767.98px) {
  .home2-menu-area .menu-shapes { display: none; }
}
.home2-menu-area .menu-shapes img { width: inherit; }
.home2-menu-area .menu-shapes .ds-1 { position: absolute; right: -1%; bottom: 20%; }
.home2-menu-area .menu-shapes .ds-2 { position: absolute; right: 1%; bottom: 38%; }
.home2-menu-area .menu-shapes .ds-3 { position: absolute; right: 1%; top: 10%; }
.home2-menu-area .menu-shapes .ds-4 { position: absolute; left: 1%; top: 10%; z-index: -1; }
.home2-menu-area .menu-shapes .ds-5 { position: absolute; left: 0%; bottom: 34%; }
.home2-menu-area .menu-items-wrapper { -webkit-box-shadow: inherit; box-shadow: inherit; }
.home2-menu-area .menu-items-wrapper .menu-i-shapes .mis-3 { position: absolute; right: 32%; top: 35%; width: 58px; }
.home2-menu-area .menu-items-wrapper .single-menu-item { border: 1px solid #E6E6E6; background-color: #FFFFFF; border-radius: 10px; padding: 20px 10px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-bottom: 30px; }
.home2-menu-area .menu-items-wrapper .single-menu-item .menu-content h6 a { color: #2A435D; }
.home2-menu-area .menu-items-wrapper .single-menu-item .menu-content h6 a:hover { color: #CC3333; }
.home2-menu-area .menu-items-wrapper .single-menu-item .menu-content span { font-weight:350; font-size: 12px; }
.home2-menu-area .menu-items-wrapper .single-menu-item:hover { -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); border: 1px solid transparent; }
.best-quality { background: #FFFCF5; position: relative; }
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .best-quality .best-shapes { display: none !important; }
}
.best-quality .best-shapes img { width: inherit; }
.best-quality .best-shapes .ds-1 { position: absolute; left: 0%; bottom: 0%; }
.best-quality .best-shapes .ds-2 { position: absolute; right: 0%; bottom: 0%; }
.best-quality .ingredients { position: relative; }
.best-quality .ingredients .ind-shape1 { position: absolute; top: 12%; right: -86%; z-index: 1; }
.best-quality .ingredients .ind-shape2 { position: absolute; bottom: -59%; left: 41%; z-index: 1; }
.best-quality .ingredients .ind-shape3 { position: absolute; bottom: -58%; left: -83%; z-index: 1; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .best-quality .ingredients .ind-shape3 { bottom: -54%; left: -54%; }
}
.best-quality .ingredients .ind-shape4 { position: absolute; bottom: -119%; left: -37%; z-index: 1; }
.best-quality .ingredients-img img { width: inherit; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .best-quality .ingredients-img img { width: 100%; }
}
@media (max-width: 767.98px) {
  .best-quality .ingredients-img img { width: 100%; }
}
.delivery-area2 { background: inherit; position: relative; }
.delivery-area2 .del-shapes .ds-1 { position: absolute; left: 0%; top: 40%; }
.delivery-area2 .del-shapes .ds-2 { position: absolute; right: 0%; top: 40%; }
.delivery-area2 .common-title h4 span { color: #CC3333; }
.home2-popular-dish { background: #FFF8EE; }
.home2-popular-dish .single-dishes { background: #FFF8EE; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-style: dashed; padding: 40px 20px 20px 20px; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.home2-popular-dish .single-dishes:hover { background: #FFFFFF; }
.home2-popular-dish .single-dishes h6 { margin-bottom: 10px; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.home2-popular-dish .single-dishes h6 a { color: #2A435D; }
.home2-popular-dish .single-dishes p { margin-bottom: 10px; }
.home2-popular-dish .single-dishes .dish-img { margin-right: 20px; }
.home2-popular-dish .single-dishes .dish-img img { width: 100px !important; }
.home2-popular-dish .single-dishes .cart-opt { top: inherit; bottom: 5px; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.serve-passion { position: relative; }
.serve-passion .serve-left img { width: inherit; }
.serve-passion .serve-left .ss-shapes .ss1 { position: absolute; top: 10%; right: 18%; z-index: -1; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .serve-passion .serve-left .ss-shapes .ss1 { right: 6%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .serve-passion .serve-left .ss-shapes .ss1 { right: 35%; }
}
.serve-passion .serve-left .ss-shapes .ss2 { position: absolute; right: 10%; top: 36%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .serve-passion .serve-left .ss-shapes .ss2 { right: 5%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .serve-passion .serve-left .ss-shapes .ss2 { right: 35%; }
}
.serve-passion .serve-left .ss-shapes .ss3 { position: absolute; right: 18%; top: 51%; z-index: -1; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .serve-passion .serve-left .ss-shapes .ss3 { right: 7%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .serve-passion .serve-left .ss-shapes .ss3 { right: 35%; }
}
.serve-passion .serve-left .inner-counter { position: absolute; bottom: 0%; right: 17%; }
@media (max-width: 575.98px) {
  .serve-passion .serve-left .inner-counter { display: none; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .serve-passion .serve-left .inner-counter { right: 29%; }
}
.serve-passion .serve-left .inner-counter .about-gallery-4 { padding: 20px; position: relative; width: 200px; background: #CC3333; color: #FFFFFF; border-radius: 5px; }
.serve-passion .serve-left .inner-counter .about-gallery-4 p { color: #FFFFFF; text-transform: capitalize; z-index: 11; position: relative; }
.serve-passion .serve-left .inner-counter .about-gallery-4 .items { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 30px; position: relative; }
.serve-passion .serve-left .inner-counter .about-gallery-4 .items::after { content: '+'; position: absolute; right: -15; top: 0; }
.serve-passion .serve-left .inner-counter .about-gallery-4 .img { width: 100px; margin: 0 auto; position: static; z-index: 1; }
.serve-passion .serve-left .inner-counter .about-gallery-4 .g-s-4 { position: absolute; bottom: 0%; right: 0%; width: 75px; }
.serve-passion .serve-left .inner-counter .about-gallery-4 .g-s-5 { position: absolute; top: 0%; left: 0%; width: 75px; }
.serve-passion .serve-right .single-dishes { border: 1px solid #E6E6E6; padding: 20px 8px; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; margin-bottom: 20px; border-radius: 5px; background: #FFFFFF; }
@media (max-width: 767.98px) {
  .serve-passion .serve-right .single-dishes { text-align: center; }
}
.serve-passion .serve-right .single-dishes:hover { border: 1px solid transparent; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); }
.serve-passion .serve-right .single-dishes:hover .cart-opt { visibility: visible; opacity: 1; }
.serve-passion .serve-right .single-dishes .dish-img img { width: inherit; text-align: center; margin: 0 auto; }
.serve-passion .serve-right .single-dishes .dish-content h5 { padding: 20px 0; }
.serve-passion .serve-right .single-dishes .dish-content h5 a { color: #2A435D; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.serve-passion .serve-right .single-dishes .dish-content h5 a:hover { color: #CC3333; }
.serve-passion .serve-right .single-dishes .dish-content .price { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 16px !important; color: #2A435D; text-transform: capitalize; }
.serve-passion .serve-right .single-dishes .dish-content .rating { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.serve-passion .serve-right .single-dishes .badge { position: absolute; top: 20px; left: 20px; background: #2A435D; color: #FFFFFF; padding: 5px 10px; text-transform: uppercase; border-radius: 0; }
.serve-passion .serve-right .single-dishes .badge-bg-color { background: #CC3333; }
.serve-passion .serve-right .single-dishes .badge-color { color: #CC3333 !important; }
.serve-passion .serve-right .single-dishes .cart-opt { width: 20px; position: absolute; top: 20px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.serve-passion .serve-right .single-dishes .cart-opt span { border: 1px solid #CC3333; background: transparent; margin-bottom: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: block; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.serve-passion .serve-right .single-dishes .cart-opt span:hover { background: #CC3333; }
.serve-passion .serve-right .single-dishes .cart-opt span:hover a { color: #FFFFFF; }
.serve-passion .serve-right .single-dishes .cart-opt span a { color: #CC3333; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.testimonial2 { position: relative; background: -webkit-gradient(linear, right top, left top, from(white), to(#fffaec)); background: -webkit-linear-gradient(right, white 0%, #FFFAEC 100%); background: -o-linear-gradient(right, white 0%, #FFFAEC 100%); background: linear-gradient(-90deg, white 0%, #FFFAEC 100%); }
.testimonial2 .testi-shapes .ts-1 { top: 43%; }
.testimonial2 .testi-shapes .ts-2 { top: 10%; }
.testimonial2 .testi-shapes .ts-3 { top: inherit; right: 17%; bottom: 22%; }
/*  Homepage 3 */
.common-title-area3 { margin-bottom: 10px; }
.common-title-area3 h3 { font-family: "Caveat", cursive; color: #006633; }
.common-title-area3 h2 { font-weight: 900; }
.common-title-area3 h2 span { color: #006633; }
.snack-section { background: url("../images/bg/home3bg.webp"); position: relative; overflow: hidden; }
.snack-section .snack-shapes img { width: inherit; }
.snack-section .snack-shapes .mss1 { position: absolute; top: -19%; left: 47%; width: 200px; }
@media (max-width: 575.98px) {
  .snack-section .snack-shapes .mss1 { display: none; }
}
.snack-section .snack-shapes .mss2 { position: absolute; top: 10%; left: 10%; }
.snack-section .snack-shapes .mss3 { position: absolute; bottom: 10%; left: 50%; -webkit-transform: rotate(85deg); -ms-transform: rotate(85deg); transform: rotate(85deg); }
.snack-section .snack-shapes .mss4 { position: absolute; top: 25%; right: 5%; width: 190px; display: none; }
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .snack-section .snack-shapes .mss4 { right: 0%; display: block; }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  .snack-section .snack-shapes .mss4 { display: block; }
}
.snack-section .snack-left .snack-upper-content .snack-img { width: 100px; margin-right: 20px; }
.snack-section .snack-left .snack-upper-content .snack-img img { width: 100%; }
.snack-section .snack-left .snack-upper-content .snack-content h5 { font-weight: 900; }
.snack-section .snack-left .snack-upper-content .snack-content h5.caveat { font-weight: 400; font-family: "Caveat", cursive; color: #006633; }
.snack-section .snack-left .snack-lower-content h1 { text-transform: uppercase; }
.snack-section .snack-left .snack-lower-content h1 span { color: #006633; }
.snack-section .snack-left .snack-lower-content .order-box2 .btn2 { margin-right: 50px; }
@media (max-width: 575.98px) {
  .snack-section .snack-left .snack-lower-content .order-box2 .btn2 { margin-right: 10px; }
}
.snack-section .snack-right { position: relative; }
.snack-section .snack-right .snack-inner-shapes img { width: inherit; }
.snack-section .snack-right .snack-inner-shapes .ss1 { position: absolute; top: 28%; left: -4%; }
.snack-section .snack-right .snack-inner-shapes .ss2 { position: absolute; top: 16%; right: 0%; }
.snack-section .snack-right .snack-inner-shapes .ss3 { position: absolute; top: 60%; left: -7%; }
.features-section { overflow: hidden; }
.features-section .fea-shapes img { width: inherit; }
.features-section .fea-shapes .fs-1 { position: absolute; bottom: 43px; left: -5%; }
.features-section .fea-shapes .fs-2 { position: absolute; right: -8%; bottom: 14%; }
.features-section .single-fea { padding: 40px 20px; border: 1px solid #E6E6E6; border-radius: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; background: #FFFFFF; margin-bottom: 30px; }
.features-section .single-fea:hover { -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); }
.features-section .single-fea:hover .fea-content h5 { color: #006633; }
.features-section .single-fea .fea-img { width: 75px; margin-bottom: 30px; }
@media (max-width: 767.98px) {
  .features-section .single-fea .fea-img { margin-left: auto; margin-right: auto; }
}
.features-section .single-fea .fea-img img { width: 100%; text-align: center; }
.features-section .single-fea .fea-content h5 { margin-bottom: 10px; font-weight: 700; }
.features-section .single-fea .fea-content p { margin-bottom: 20px; }
.features-section .single-fea .fea-content a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.features-section .single-fea .fea-content a:hover { color: #006633; }
.softdrink-section { overflow: hidden; }
.softdrink-section .softdrink-left .drink-review { padding: 50px; background: url("../images/img/htbg1.webp"); background-size: cover; }
.softdrink-section .softdrink-left .drink-review .review-img { margin-bottom: 20px; }
.softdrink-section .softdrink-left .drink-review .review-img img { width: 90px; }
.softdrink-section .softdrink-left .drink-review .drink-content .reviews { margin-bottom: 20px; }
.softdrink-section .softdrink-left .drink-review .drink-content .reviews span { color: #FF9933; }
.softdrink-section .softdrink-left .drink-review .drink-content h5 { color: #FFFFFF; margin-bottom: 20px; font-weight: 700; }
.softdrink-section .softdrink-left .drink-review .drink-content p { color: #FFFFFF; text-transform: capitalize; }
.softdrink-section .softdrink-left .s-gallery-3 { background-size: cover; background-position: -13px -4px; background: url(../images/img/htshape9.webp); position: relative; text-align: center; padding: 48px 32px 40px 39px; margin-left: -25px; background-repeat: no-repeat; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .softdrink-section .softdrink-left .s-gallery-3 { background-position: 21px -4px; }
}
@media (max-width: 767.98px) {
  .softdrink-section .softdrink-left .s-gallery-3 { text-align: left; background-position: -42px 2px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .softdrink-section .softdrink-left .s-gallery-3 { margin-left: -75px; }
}
.softdrink-section .softdrink-left .s-gallery-3 .g-shape { position: absolute; left: -26%; top: -30%; z-index: -1; }
@media (max-width: 767.98px) {
  .softdrink-section .softdrink-left .s-gallery-3 .g-shape { display: none; }
}
.softdrink-section .softdrink-left .s-gallery-3 h4 { color: #006633; }
.softdrink-section .softdrink-left .s-gallery-3 p { font-weight: 500; }
.softdrink-section .softdrink-right h2 { margin-bottom: 15px; font-weight: 900; }
.softdrink-section .softdrink-right h2 span { color: #006633; }
.softdrink-section .softdrink-right p { margin-bottom: 26px; }
.softdrink-section .softdrink-right .quote-box { -webkit-box-shadow: 0px 5px 68px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 5px 68px 0px rgba(0, 21, 100, 0.1); background: #FFFFFF; padding: 30px 120px 30px 30px; margin-bottom: 30px; position: relative; }
.softdrink-section .softdrink-right .quote-box .qq { position: absolute; right: 14%; top: 11%; font-size: 30px; color: #006633; }
.softdrink-section .softdrink-right .quote-box .qoute-img { margin-right: 20px; }
.softdrink-section .softdrink-right .quote-box .qoute-img img { width: 75px; }
.softdrink-section .softdrink-right .quote-box .quote-content p { margin-left: 50px; margin-top: 20px; position: relative; }
.softdrink-section .softdrink-right .quote-box .quote-content p::after { content: ''; position: absolute; left: -20%; bottom: 26%; width: 35px; height: 2px; background: #006633; }
@media (max-width: 575.98px) {
  .softdrink-section .softdrink-right .quote-box .quote-content p::after { left: -53%; bottom: 49%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .softdrink-section .softdrink-right .quote-box .quote-content p::after { left: -30%; }
}
.timeline-section { position: relative; overflow: hidden; }
.timeline-section .timeline-shapes .fs-1 { position: absolute; left: 0%; top: 50%; width: 40px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .timeline-section .timeline-shapes .fs-1 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .timeline-section .timeline-shapes .fs-1 { top: 14%; }
}
@media (max-width: 767.98px) {
  .timeline-section .timeline-shapes .fs-1 { display: none; }
}
.timeline-section .timeline-shapes .fs-2 { position: absolute; right: 0%; top: 50%; width: 100px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .timeline-section .timeline-shapes .fs-2 { right: -6%; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .timeline-section .timeline-shapes .fs-2 { top: 20%; }
}
.timeline-section .single-timeline h2 { color: #006633; margin-bottom: 12px; font-weight: 900; }
.timeline-section .single-timeline h6 { margin-bottom: 15px; }
.drink-items-section { background: url("../images/bg/home3bg.webp"); background-size: cover; background-repeat: no-repeat; position: relative; }
.drink-items-section .drink-items-shapes .fs-1 { position: absolute; bottom: 10%; left: 10%; -webkit-transform: rotate(27deg); -ms-transform: rotate(27deg); transform: rotate(27deg); }
.drink-items-section .drink-items-shapes .fs-2 { position: absolute; top: 38%; }
.drink-items-section .drink-items-shapes .fs-3 { position: absolute; right: 6%; top: 28%; }
.drink-items-section .drink-items-shapes .fs-4 { position: absolute; right: 16%; bottom: 17%; }
.drink-items-section .single-dishes { border: 1px solid #E6E6E6; padding: 20px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; margin-bottom: 20px; border-radius: 5px; background: #FFF8EE; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
@media (max-width: 767.98px) {
  .drink-items-section .single-dishes { text-align: center; }
}
.drink-items-section .single-dishes:hover { border: 1px solid transparent; -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); background: #FFFFFF; }
.drink-items-section .single-dishes:hover .cart-opt { visibility: visible; opacity: 1; }
.drink-items-section .single-dishes:hover .dish-img { background: #FFF8EE; }
.drink-items-section .single-dishes:hover .dish-content .price { color: #006633; }
.drink-items-section .single-dishes:hover .badge { background: #006633; border-radius: 2px; }
.drink-items-section .single-dishes .dish-img { width: 150px; height: 150px; background: #FFFFFF; margin: 0 auto; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.drink-items-section .single-dishes .dish-img img { width: 60px; height: 120px; margin: 0 auto; }
.drink-items-section .single-dishes .dish-content h5 { padding: 20px 0; }
.drink-items-section .single-dishes .dish-content h5 a { color: #2A435D; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.drink-items-section .single-dishes .dish-content h5 a:hover { color: #006633; }
.drink-items-section .single-dishes .dish-content .price { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.drink-items-section .single-dishes .dish-content .rating { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 18px; color: #2A435D; text-transform: capitalize; }
.drink-items-section .single-dishes .badge { position: absolute; top: 20px; left: 20px; background: #2A435D; color: #FFFFFF; padding: 5px 10px; text-transform: uppercase; border-radius: 0; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.drink-items-section .single-dishes .badge-bg-color { background: #006633; }
.drink-items-section .single-dishes .badge-color { color: #006633 !important; }
.drink-items-section .single-dishes .cart-opt { width: 20px; position: absolute; top: 20px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.drink-items-section .single-dishes .cart-opt span { border: 1px solid #006633; background: transparent; margin-bottom: 10px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; display: block; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.drink-items-section .single-dishes .cart-opt span a { color: #006633; -webkit-transition: .5s; -o-transition: .5s; transition: 0.5s; }
.drink-items-section .single-dishes .cart-opt span:hover { background: #006633; }
.drink-items-section .single-dishes .cart-opt span:hover a { color: #FFFFFF; }
.drink-items-section .single-dishes .cart-opt span a { color: #006633; }
.home3-form-area { margin-top: 0px; position: relative; }
.home3-form-area .ht-form-shapes .hts1 { position: absolute; left: 0%; bottom: 20%; width: 100px; }
.home3-form-area .ht-form-shapes .hts2 { position: absolute; right: 3%; top: 56%; -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg); }
.home3-form-area .form-box .form-shapes .fs-11 { position: absolute; top: 25%; left: 7%; -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); }
.home3-form-area .form-box .form-shapes .fs-22 { position: absolute; bottom: 0%; width: 100px; left: 0%; }
.home3-form-area .form-box .form-shapes .fs-33 { position: absolute; top: 97px; right: 20% !important; }
.home3-form-area .form-box .form-wraper form button { background: #006633; }
.home3-form-area .form-box .form-wraper form button:hover { border: 1px solid #006633; color: #006633; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .drink-ind { padding-bottom: 30px !important; }
}
@media (max-width: 767.98px) {
  .drink-ind { padding-bottom: 30px !important; }
}
.drink-ind .drink-ind-left { position: relative; }
@media (max-width: 575.98px) {
  .drink-ind .drink-ind-left { display: none; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .drink-ind .drink-ind-left { margin-left: 110px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .drink-ind .drink-ind-left { margin-left: 140px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .drink-ind .drink-ind-left { margin-left: 50px; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .drink-ind .drink-ind-left { margin-left: 50px; }
}
.drink-ind .drink-ind-left img { width: inherit; }
.drink-ind .drink-ind-left .drs1 { position: absolute; right: 20%; bottom: 0%; z-index: -1; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .drink-ind .drink-ind-left .drs1 { right: -4%; }
}
@media (max-width: 575.98px) {
  .drink-ind .drink-ind-left .drs1 { right: -4%; }
}
.drink-ind .drink-ind-left .drs2 { position: absolute; left: -17%; top: 3%; z-index: -1; }
.drink-ind .drink-ind-left .drs3 { position: absolute; bottom: 0%; left: 33%; }
.drink-ind .drink-ind-left .drs4 { position: absolute; right: 15%; top: 17%; -webkit-transform: rotate(73deg); -ms-transform: rotate(73deg); transform: rotate(73deg); }
.drink-ind .drink-ind-left .drs5 { position: absolute; left: 51%; top: 28%; z-index: -1; width: 100px; }
.drink-ind .drink-ind-right .inner-fea .single-fea { padding: 20px; border-radius: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; background: #FFFFFF; margin-bottom: 30px; }
.drink-ind .drink-ind-right .inner-fea .single-fea:hover { -webkit-box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 25px 60px 0px rgba(0, 21, 100, 0.1); }
.drink-ind .drink-ind-right .inner-fea .single-fea:hover .fea-content h5 { color: #006633; }
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-img { width: 75px; margin-bottom: 30px; }
@media (max-width: 767.98px) {
  .drink-ind .drink-ind-right .inner-fea .single-fea .fea-img { margin-left: auto; margin-right: auto; }
}
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-img img { width: 100%; }
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-content h5 { margin-bottom: 10px; font-weight: 700; }
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-content p { margin-bottom: 20px; }
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-content a { color: #2A435D; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.drink-ind .drink-ind-right .inner-fea .single-fea .fea-content a:hover { color: #006633; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .food-brand-section { padding-bottom: 60px !important; }
}
@media (max-width: 767.98px) {
  .food-brand-section { padding-bottom: 60px !important; }
}
.food-brand-section .food-brand-left .inner-brand .single-percentage { position: relative; padding-left: 10px; }
.food-brand-section .food-brand-left .inner-brand .single-percentage h6 { font-weight: 600; margin-bottom: 10px; }
.food-brand-section .food-brand-left .inner-brand .single-percentage h3 { font-weight: 900; color: #006633; }
.food-brand-section .food-brand-left .inner-brand .single-percentage::after { content: ''; position: absolute; width: 2px; height: 100%; background: #006633; left: 0%; top: 0%; }
.food-brand-section .food-brand-right { position: relative; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .food-brand-section .food-brand-right { margin-left: 136px; }
}
.food-brand-section .food-brand-right img { width: inherit; }
.food-brand-section .food-brand-right .fb1 { position: absolute; bottom: 5%; right: 12%; }
.food-brand-section .food-brand-right .fb2 { position: absolute; bottom: 0%; z-index: -1; left: 0%; }
.food-brand-section .food-brand-right .fb3 { position: absolute; right: -2%; top: 12%; z-index: -1; }
.food-brand-section .food-brand-right .fb4 { position: absolute; bottom: 23%; z-index: -2; left: 5%; }
.food-brand-section .food-brand-right .fb5 { position: absolute; top: 2%; z-index: -2; left: 0%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.food-brand-section .food-brand-right .fb6 { position: absolute; top: 22%; z-index: -1; right: 3%; }
.food-brand-section .food-brand-right .fb7 { position: absolute; bottom: 36%; z-index: -2; right: 8%; -webkit-transform: rotate(88deg); -ms-transform: rotate(88deg); transform: rotate(88deg); width: 75px; }
.ht-testi { background: url("../images/bg/home3bg.webp"); position: relative; }
.ht-testi .ht-shapes img { width: inherit; }
.ht-testi .ht-shapes .drs1 { position: absolute; right: 17%; bottom: 17%; }
.ht-testi .ht-shapes .drs2 { position: absolute; bottom: 13%; left: 9%; }
.ht-testi .ht-shapes .drs3 { position: absolute; right: 8%; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); }
.ht-testi .ht-shapes .drs4 { position: absolute; left: 6%; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .ht-testi .ht-shapes .drs4 { left: 0%; }
}
.ht-testi .single-ht-item { border: 1px solid #E6E6E6; background: #FFFFFF; padding: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; border-radius: 10px; margin-left: 30px; margin-bottom: 30px; }
.ht-testi .single-ht-item .qq { position: absolute; right: 5%; top: 11%; font-size: 30px; color: #006633; opacity: 0.4; }
.ht-testi .single-ht-item:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 21, 100, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 21, 100, 0.1); border: 1px solid transparent; }
.ht-testi .single-ht-item .testi-left .testi-top { margin-bottom: 25px; }
.ht-testi .single-ht-item .testi-left .testi-top .testi-img { margin-right: 25px; }
.ht-testi .single-ht-item .testi-left .testi-top .testi-img img { width: 75px; }
.ht-testi .single-ht-item .testi-left .testi-top .testi-meta span.des { display: inline-block; margin-bottom: 0px; margin-left: 20px; font-size: 14px; font-weight: 400; -ms-flex-item-align: end; align-self: flex-end; }
.ht-testi .single-ht-item .testi-left .testi-top .testi-rating { margin-top: 10px; }
.ht-testi .single-ht-item .testi-left .testi-top .testi-rating span { color: #FF9933; font-size: 14px; margin: 0 -2px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .ht-testi .single-ht-item .testi-left p { padding-right: 20px; }
}
.ht-testi .single-ht-item .testi-right { position: relative; top: 36%; right: 50%; }
.ht-testi .single-ht-item .testi-right img { width: 70px; height: 110px; }
.ht-testi ul.slick-dots button { background: #2A435D; }
.ht-testi ul.slick-dots li.slick-active button { background: #006633; }
.ins-gallery-area { position: relative; margin-bottom: -100px; z-index: 11; }
.ins-gallery-area .single-inst-item { position: relative; margin-left: 5px; height: 270px; max-width: 380px; }
.ins-gallery-area .single-inst-item:hover::after { opacity: 0.8; visibility: visible; }
.ins-gallery-area .single-inst-item:hover .ins-icon { opacity: 1; visibility: visible; }
.ins-gallery-area .single-inst-item::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #006633; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.ins-gallery-area .single-inst-item .ins-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 30px; color: #FFFFFF; z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: 0.3s; }
.ins-gallery-area .single-inst-item .ins-icon a { color: #FFFFFF; }
.ins-gallery-area .single-inst-item img { width: 100%; }
.navbar-category { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 210px; position: relative; }
.navbar-category .btn { padding: 11px 20px; background-color: #4F5AC2; color: #C22727; border-radius: 0; border: 0; width: 100%; text-align: center; font-size: 17px; position: relative; }
.navbar-category .btn:after { content: "\f105"; font-family: Flaticon; position: absolute; font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }
.navbar-category .btn i { font-size: 19px; margin-right: 6px; }
.navbar-category .btn:focus,
.navbar-category .btn:active { -webkit-box-shadow: none; box-shadow: none; border: 0; }
.navbar-category-dropdown { position: absolute; top: 100%; left: 0; width: 100%; max-height: 515px; border: 1px solid #9A9A9A; overflow: auto; background-color: rgba(245, 215, 23, 0.493); }
.navbar-category-dropdown::-webkit-scrollbar { width: 3px; }
.navbar-category-dropdown::-webkit-scrollbar-thumb { width: 3px; background-color: #474743; }
.navbar-category-dropdown ul li { font-size: 15px; border-bottom: 1px solid #21FE47; list-style: none; }
.navbar-category-dropdown ul li:last-child { border-bottom: 0; }
.navbar-category-dropdown ul li a { color: #555555; padding: 12px 20px; display: block; }
.default-category-dropdown { display: none; }
.navbar-category-secondcolor .btn { background-color: #FB8A35; }
.navbar-category-secondcolor .navbar-category-dropdown ul li a:hover { color: #FB8A35; }
.navbar-category-thirdcolor .btn { background-color: #CC9966; }
.navbar-category-thirdcolor .navbar-category-dropdown ul li a:hover { color: #CC9966; }