/*
    Name: Pizzaify Online Food Order HTML Template 
    Author: DevTheme
    Description: Food order HTML5 template.
    Version: 1.0.2

    Create Date: 10-01-2022
    Last Update: 02-04-2022
*/

/**** CSS Index
    -----------------------------------
    01. Default Style
    02. Scroll To Top style
    03. Section Title
    04. Owl style
    05. Background style
    06. Header style
    07. Slider Section
    08. Banner Section
    09. Services Section
    10. About Sectios
    11. Video Holder
    12. Shop Section
    13. Testimonial section
    15. Counter Section
    17. Contact Section
    18. Blog Section
    19. Get A Quote Section
    20. Sidebar Section
    21. Comment Section
    22. Pagination Section
    23. Map Section
    24. 404 Error Section
    25. Footer Section
    26. Newsletter Widget
    ----------------------------------
    ****/

/* font-family: 'Ubuntu', sans-serif;
    font-family: 'Hind', sans-serif;
    font-family: 'Poppins', sans-serif; */

/**** Default Style ****/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

:focus {
  outline: none;
}

body {
  font-family: "Hind", sans-serif;
  font-size: 16px;
  color: #555555;
  line-height: 1.6em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

a {
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  transition: linear all 300ms;
  -webkit-transition: linear all 300ms;
  -moz-transition: linear all 300ms;
  -ms-transition: linear all 300ms;
  -o-transition: linear all 300ms;
}

a:hover {
  color: #ecc526;
}

button,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
}

textarea {
  overflow: hidden;
}

p {
  position: relative;
  line-height: 1.6em;
}

.default-container {
  position: static;
  max-width: 1280px;
  padding: 0px 15px;
  margin: 0 auto;
}

.slider-container {
  position: static;
  width: 1280px;
  padding: 0px 15px;
  margin: 0 auto;
}

.medium-container {
  max-width: 850px;
}

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

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

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
}

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.list-style-one li:last-child {
  margin-bottom: 0px;
}

.list-style-one li span {
  position: relative;
  color: #555555;
  font-weight: 600;
}

.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  color: #555555;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400;
  margin-bottom: 8px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.list-style-two li:last-child {
  margin-bottom: 0px;
}

.list-style-two li:before {
  position: absolute;
  content: "\f1b3";
  left: 0px;
  top: 0px;
  font-weight: 700;
  font-size: 14px;
  color: #ecc526;
  font-family: "Flaticon";
}

.list-style-three {
  position: relative;
}

.list-style-three li {
  position: relative;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 1.7em;
}

.list-style-three li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ffffff;
  font-size: 16px;
}

.btn-style-one {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  background: #db2927;
  padding: 15px 30px;
  z-index: 1;
  line-height: 1.6;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-one:before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #fa5148;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-one:hover:before {
  width: 100%;
  right: inherit;
  left: 0;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-two {
  position: relative;
  display: inline-block;
  border: 2px solid #db2927;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #db2927;
  padding: 15px 30px;
  z-index: 1;
  line-height: 1.6;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-two:before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #db2927;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-two:hover:before {
  width: 100%;
  right: inherit;
  left: 0;
}

.btn-style-two:hover {
  color: #ffffff;
}

.btn-style-three {
  position: relative;
  display: inline-block;
  border: 2px solid #db2927;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #db2927;
  padding: 15px 30px;
  z-index: 1;
  line-height: 1.6;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-three:before {
  position: absolute;
  content: "";
  left: 0;
  right: inherit;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #db2927;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-three:hover:before {
  width: 100%;
  right: 0;
  left: inherit;
}

.btn-style-three:hover {
  color: #ffffff;
}

.btn-style-four {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  background: #ecc526;
  padding: 15px 30px;
  z-index: 1;
  line-height: 1.6;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-four:before {
  position: absolute;
  content: "";
  left: 0;
  right: inherit;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #f7bb31;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-four:hover:before {
  width: 100%;
  right: 0;
  left: inherit;
}

.btn-style-four:hover {
  color: #ffffff;
}

.btn-style-five {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  background: #db2927;
  padding: 10px 25px;
  z-index: 1;
  line-height: 1.4;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-five:before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #fa5148;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-five:hover {
  color: #ffffff;
}

.btn-style-five:hover:before {
  width: 100%;
  right: inherit;
  left: 0;
}

.btn-style-six {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #c51f1d;
  background: #ffffff;
  padding: 15px 30px;
  z-index: 1;
  line-height: 1.6;
  letter-spacing: 1px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-six:before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #f3f3f3;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.btn-style-six:hover:before {
  width: 100%;
  right: inherit;
  left: 0;
}

.btn-style-six:hover {
  color: #db2927;
}

.mid-content {
  width: 100%;
}

.social-icon {
  position: relative;
}

.social-icon li {
  position: relative;
  margin-right: 15px;
  display: inline-block;
}

.social-icon li a {
  position: relative;
  font-size: 22px;
  color: #000000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.social-icon li a:hover {
  color: #db2927;
}

.theme_color {
  color: #db2927;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/preloader.svg);
}

.df-bg {
  background: #f9f9f98c;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/**** Margin Class ****/

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

/**** Scroll To Top style ****/

.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 55px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #db2927;
  display: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.scroll-top:hover {
  color: #ffffff;
  background: #db2927;
}

/**** Section Title ****/

.sec-title {
  position: relative;
  margin-bottom: 45px;
}

.sec-title h2 {
  position: relative;
  color: #ecc526;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.sec-con-title {
  position: relative;
  margin-bottom: 5px;
}

.sec-con-title h2 {
  position: relative;
  color: #ecc526;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
}

.sec-con-title .con-title-border-l:after {
  position: absolute;
  content: "";
  left: 0;
  top: -45px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.sec-con-title.centered .con-title-border-l:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -45px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.sec-con-title.left .con-title-border-l:after {
  position: absolute;
  content: "";
  left: 0;
  top: -45px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.sec-con-title.right .con-title-border-l:after {
  position: absolute;
  content: "";
  left: 0;
  top: -45px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.sec-title-two h2:before {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 90px;
  height: 7px;
  display: block;
  background-color: #db2927;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.sec-title-two h2:after {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 7px;
  height: 7px;
  display: block;
  background-color: #ecc526;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.sec-title-two.centered h2:before {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 90px;
  height: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background-color: #db2927;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.sec-title-two.centered h2:after {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 7px;
  height: 7px;
  left: 0;
  right: 0;
  margin: 0 46%;
  display: block;
  background-color: #ecc526;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.sec-title p {
  margin-top: 30px;
}

.sec-title .title-text {
  position: relative;
  color: #555555;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 500;
  margin-top: 0px;
}

.sec-title.light h2,
.sec-title.light .title-text {
  color: #ffffff;
}

.sec-title.centered {
  text-align: center;
}

.sec-con-title .con-title-text {
  font-family: "Poppins", sans-serif;
  position: relative;
  color: #c51f1d;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  margin-top: 45px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.sec-con-title h2 {
  position: relative;
  color: #252525;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.section-padding-all {
  position: relative;
  padding: 120px 0;
}

.section-padding-two {
  position: relative;
  padding: 80px 0 60px;
}

/**** Background style ***/

.bg-style-one:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0px;
  width: 50%;
  height: 100%;
  display: block;
  background-color: #f9f8fc;
}

/**** Slider Section ****/

.slider {
  position: relative;
  margin-top: -105px;
}

.slider .content.alternate {
  max-width: 610px;
  width: 100%;
  float: right;
  display: block;
}

.slider .slide {
  position: relative;
  padding: 185px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slider h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  font-weight: 600;
  line-height: 1.1em;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  font-family: "Poppins", sans-serif;
}

.slider .active h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1300ms;
}

.slider h2.style-two {
  font-weight: 500;
  margin-bottom: 40px;
}

.slider h2.style-three {
  font-weight: 500;
  margin-bottom: 20px;
}

.slider h2.alternate {
  margin-bottom: 35px;
}

.slider h3 {
  position: relative;
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px;
  display: inline-block;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  font-family: "Poppins", sans-serif;
}

.slider .active h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1000ms;
}

.slider .text {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  opacity: 0;
  line-height: 1.7em;
  font-weight: 500;
  margin-bottom: 40px;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  font-family: "Poppins", sans-serif;
}

.slider .active .text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 2000ms;
}

.slider .link-box {
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.slider .active .link-box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 2500ms;
}

.slider .content .title {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.slider .content .title:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0px;
  width: 70px;
  height: 1px;
  margin-left: -35px;
  background-color: #ffffff;
}

.slider .active .title {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 600ms;
}

.slider .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  max-width: 100px;
  margin-left: -50px;
  width: 100%;
  text-align: center;
}

.slider .owl-dots .owl-dot {
  position: relative;
  width: 8px;
  height: 8px;
  margin: 5px 5px;
  display: inline-block;
  border-radius: 50%;
  background-color: #cccccc;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.slider .owl-dots .owl-dot:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.slider .owl-dots .owl-dot.active::before,
.slider .owl-dots .owl-dot:hover::before {
  background-color: #ecc526;
  border-radius: 10px;
}

.slider .owl-dots .owl-dot:hover,
.slider .owl-dots .owl-dot.active {
  position: relative;
  width: 22px;
  height: 8px;
  border-radius: 10px;
  background-color: #ecc526;
}

.slider .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  width: 100%;
  margin-top: -20px;
}

.slider .owl-nav .owl-prev {
  position: absolute;
  left: 40px;
  color: #ffffff;
  font-size: 38px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.slider .owl-nav .owl-next {
  position: absolute;
  right: 40px;
  color: #ffffff;
  font-size: 38px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.slider .owl-nav .owl-prev:hover,
.slider .owl-nav .owl-next:hover {
  color: #db2927;
}

.slider .slider-content-wrap {
  height: 100vh;
}

/**** Banner Section ****/

.banner-section {
  position: relative;
  background-size: cover !important;
  background-position: bottom !important;
  background-repeat: no-repeat;
  text-align: center;
  z-index: 0;
}

.banner-section:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-heading {
  padding: 140px 0 80px;
}

.banner-heading h2 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 600;
  text-transform: capitalize;
}

.banner-heading-two {
  padding: 200px 0 70px;
}

.banner-heading-two h2 {
  color: #db2927;
  font-size: 50px;
  font-weight: 600;
  text-transform: capitalize;
}

.banner-link li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.banner-section li a,
.banner-link li span {
  color: #fff;
  padding: 0 15px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.banner-section li a:hover {
  color: #ecc526;
}

.banner-link li i {
  font-weight: 600;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 0;
  color: #fff;
}

.banner-link li .active {
  color: #ffffff;
}

/**** Services Section ****/

.services-section {
  position: relative;
  padding: 120px 0 35px;
}

.services-section .internal-container {
  position: relative;
  z-index: 10;
}

.services-block {
  position: relative;
  text-align: center;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}

.services-block .icon-holder img {
  z-index: 999;
}

.services-block .inner-holder {
  position: relative;
}

.services-block .inner-holder:before {
  position: absolute;
  content: "";
  height: 270px;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 15px 15px 85px 85px;
  background: transparent;
  z-index: -1;
}

.services-block .inner-holder:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 15px;
}

.services-block:hover .inner-holder:after {
  bottom: -40px;
  background: #ecc526;
  z-index: -11;
}

.services-block:hover {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.services-block .inner-holder h3 {
  position: relative;
  color: #222222;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4em;
  margin-bottom: 15px;
  margin-top: 32px;
}

.services-block .inner-holder h3 a {
  position: relative;
  color: #222222;
}

.services-block .inner-holder .more-link {
  position: relative;
  visibility: hidden;
  overflow: hidden;
}

.services-block:hover .inner-holder .more-link {
  visibility: visible;
}

.services-block:hover .inner-holder .text,
.services-block:hover .inner-holder h3 a,
.services-block:hover .inner-holder .icon-holder {
  color: #ffffff;
}

.services-section-two {
  padding: 140px 0 120px;
}

.services-icon {
  width: 90px;
  align-content: center;
  margin: 0 auto;
}

.services-section-two .services-block h3 {
  font-weight: 600;
  color: #db2927;
}

/**** Offer 01 Section ****/

.offer-01-section {
  position: relative;
  background: #f9f9f98c;
}

.offer-01-section .con-title-column {
  position: relative;
  margin-top: 25px;
  align-items: center;
  align-content: center;
  display: flex;
}

.offer-01-section .con-title-column .sec-con-title {
  margin-bottom: 0;
}

.offer-01-section .con-title-column .inner-column {
  position: relative;
  padding-top: 30px;
  margin-bottom: 45px;
}

.offer-01-section .single-list {
  margin-bottom: 20px;
}

.offer-01-section .single-list li {
  font-size: 16px;
  line-height: 26px;
}

.offer-01-section .single-list li i {
  margin-right: 10px;
  color: #db2927;
}

/**** Special Offer  ****/

.offer-container {
  padding: 30px;
  background: #ecc526 url(../images/background/sp-offer-01.png) no-repeat;
  background-size: contain;
  background-position: right;
  border-radius: 70px 10px;
  overflow: hidden;
}

.sp-offer-details {
  margin: 13% 20px;
  color: #ffffff;
}

.sp-offer-details h1 {
  font-weight: 800;
}

.sp-call-to-act {
  margin: 24% 10%;
}

/**** Banner 01 Section ****/

.banner-01-section {
  position: relative;
  background: #f9f9f98c;
}

.banner-h .row > div {
  min-height: calc((440px - 25px) / 2);
}

.banner-h .row > div:last-child {
  margin-top: 25px;
}

.banner-item-01 {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 15px;
}

.banner-item-01 img {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.banner-item-01:hover img {
  transform: scale(1.1);
}

.banner-content {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.banner-h .row > div:last-child .banner-content {
  left: 55%;
}

.banner-content h2 {
  color: #fff;
  font-size: 44px;
  line-height: 58px;
  font-weight: 800;
}

.banner-content h3 {
  color: #fff;
  font-size: 36px;
  line-height: 50px;
  font-weight: 800;
}

.banner-item-01 p {
  color: #fff;
}

/**** Video Holder ****/

.video-holder {
  position: relative;
}

.video-holder .image {
  position: relative;
  overflow: hidden;
}

.video-holder .image img {
  position: relative;
  width: 100%;
}

.video-holder .overlay-holder {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  line-height: 80px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.video-holder .overlay-holder span {
  position: relative;
  width: 80px;
  height: 80px;
  top: 45%;
  z-index: 99;
  color: #222222;
  font-weight: 400;
  font-size: 24px;
  line-height: 2.6;
  text-align: center;
  border-radius: 50%;
  padding-left: 4px;
  background-color: #db2927;
  display: inline-block;
  margin-top: -40px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.video-holder .overlay-holder span:before {
  font-size: 30px;
  margin-left: 0;
  color: #ffffff;
}

.video-holder .overlay-holder:hover span {
  transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
}

.video-holder .overlay-holder-two {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  line-height: 80px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.video-holder .overlay-holder-two span {
  position: relative;
  width: 80px;
  height: 80px;
  top: 45%;
  z-index: 99;
  color: #222222;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  padding-left: 4px;
  background-color: #ffffff;
  display: inline-block;
  margin-top: -40px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.video-holder .overlay-holder-two span:before {
  font-size: 30px;
  margin-left: 0;
  color: #ecc526;
}

.video-holder .overlay-holder-two:hover span {
  transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
}

/**** Shop Section ****/

.shop-section {
  padding: 120px 0 90px;
}

.shop-section .filters .more-projects {
  position: relative;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
}

.shop-section .filters .filter-tabs {
  position: relative;
  margin-bottom: 20px;
  margin-top: 10px;
}

.shop-section .filters .filter-tabs .filter {
  position: relative;
  color: #000;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 14px;
  margin: 5px 22px;
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 6px 26px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.shop-section .filters .filter-tabs .filter.active,
.shop-section .filters .filter-tabs .filter:hover {
  background: #ecc526;
  border-color: #ecc526;
  color: #fff;
  box-shadow: 0 10px 30px 0 rgb(10 22 39 / 38%);
}

.shop-section .filters .filter-tabs .filter:before {
  position: absolute;
  content: "";
  left: 50%;
  margin-top: -40px;
  width: 7px;
  height: 7px;
  opacity: 0;
  visibility: hidden;
  margin-left: -3px;
  border-radius: 50px;
  background-color: #ecc526;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/**** Item Details Section ****/

.food-details {
  position: relative;
}

.food-details-thumb {
  position: relative;
  overflow: hidden;
  margin-right: 40px;
  transition: all 0.2s ease;
  border-radius: 15px;
}

.food-details-thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.food-details-thumb:hover img {
  transform: scale(1.02);
}

.food-details-thumb .img-popup {
  background-color: #fff;
  color: #0e1318;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.product-details .product-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
  align-items: center;
}

.product-details .product-info h3 {
  font-weight: 600;
  color: #252525;
}

.product-details .product-inner .category li a {
  font-size: 17px;
  color: #777;
}

.product-details .ratting {
  text-align: right;
}

.product-details .ratting li {
  display: inline-block;
  color: #ff9529;
  font-size: 14px;
  margin: 0 -2px;
}

.product-details .price {
  color: #252525;
  font-size: 22px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.product-details .price span {
  font-size: 16px;
  text-decoration: none;
  color: #5dce53;
  margin-left: 10px;
}

.product-btn {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.product-btn form input {
  width: 100%;
  height: 45px;
  border: 1px solid #eee;
  margin-top: -8px;
  border-radius: 30px;
  outline: none;
  box-shadow: none;
  text-align: center;
}

.purchase-btn {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #ffffff;
  background: #db2927;
  padding: 10px 30px;
  z-index: 1;
  height: 45px;
  overflow: hidden;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  margin-left: 15px;
}

.purchase-btn:before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  background: #fa5148;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.purchase-btn:hover:before {
  width: 100%;
  right: inherit;
  left: 0;
}

.purchase-btn:hover {
  color: #fff;
}

.product-details .product-meta {
  margin-bottom: 30px;
}

.product-details .product-meta li:not(:last-of-type) {
  margin-bottom: 5px;
}

.product-details .product-meta li a {
  color: #252525;
  margin-left: 5px;
}

.product-details .social-icon li {
  display: inline-block;
}

.product-details .social-icon li:first-child {
  margin-right: 10px;
}

.product-details .social-icon li a {
  background-color: #db2927;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
}

.product-details .social-icon li a:hover {
  background-color: #0e1318;
  color: #fff;
}

/*Description Tab*/

.tab-content .tab-pane.description {
  background-color: rgb(245, 245, 245);
  padding: 40px;
}

.tab-content .tab-pane.ad-info {
  background-color: #fff;
}

.tab-navigation {
  margin-bottom: 40px;
}

.tab-navigation li button {
  background-color: #eee;
  color: #0e1318;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0 20px;
  margin-right: 15px;
}

.tab-navigation li .active {
  background-color: #db2927;
  color: #fff;
}

.description-meta li {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: 150px 1fr;
  grid-gap: 20px;
}

.product-table thead tr th {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #777;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.product-table {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.table > :not(:first-child) {
  border-top: 0;
}

.table > :not(caption) > * > *,
.table > :not(:last-child) > :last-child > * {
  border-bottom: 1px solid #eee;
  color: #777;
  text-align: center;
}

.table > :not(caption) > * > * {
  padding: 12px 0;
}

.product-table tbody tr td:not(:last-of-type),
.product-table thead tr th:not(:last-of-type) {
  border-right: 1px solid #eee;
}

/*Reviews*/

.review .comment-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.review .comment-list > li {
  background-color: #fff;
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 30px;
  align-items: center;
  padding: 40px;
  border: 1px solid #eee;
}

.review .comment-list .comment-text h3 span {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #777;
  display: block;
}

.review .comment-list .comment-thumb img {
  border-radius: 50%;
}

.review .comment-list .comment-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review .comment-list .comment-author h3 {
  font-weight: 600;
  color: #252525;
}

.comment-author .ratting li {
  display: inline-block;
  color: #ff9529;
  font-size: 14px;
  margin: 0 -2px;
}

.menu-block.mix,
.menu-block-one.mix {
  display: none;
}

.menu-block {
  position: relative;
  margin-bottom: 50px;
}

.menu-block .inner-box {
  position: relative;
}

.menu-block .inner-box .image {
  position: relative;
}

.menu-block .inner-box .image .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.menu-block .inner-box .image .overlay-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: rgba(238, 45, 80, 0.9);
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.menu-block .inner-box:hover .overlay-box:before {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
  visibility: visible;
}

.menu-block .inner-box:hover .overlay-box {
  opacity: 1;
}

.menu-block .inner-box .image .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.menu-block .inner-box .image .overlay-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.menu-block .inner-box .image .overlay-box .overlay-inner .link {
  position: relative;
  font-size: 20px;
  color: #ecc526;
  width: 50px;
  height: 50px;
  line-height: 52px;
  margin: 0px 5px;
  display: inline-block;
  background-color: #ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.menu-block .inner-box .image .overlay-box .overlay-inner .link .icon {
  position: relative;
}

.menu-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.menu-block .inner-box .lower-content {
  position: relative;
  padding-top: 35px;
  text-align: center;
}

.menu-block .inner-box .lower-content h3 {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 4px;
}

.menu-block .inner-box .lower-content h3 a {
  position: relative;
  color: #222222;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.menu-block .inner-box .lower-content h3 a:hover {
  color: #ecc526;
}

.menu-block .inner-box .lower-content .designation {
  position: relative;
  color: #ecc526;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.menu-block-one {
  position: relative;
}

.menu-block-one .inner-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: left;
  margin-bottom: 30px;
  z-index: 0;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 30px;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  text-align: center;
}

.menu-block-one .inner-box:hover {
  background: #fffbf1;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.menu-block-one .inner-box .itm-details {
  position: absolute;
  top: 0;
}

.menu-block-one .image-box {
  position: relative;
  display: block;
  margin-bottom: 0px;
}

.menu-block-one .image-box img {
  position: relative;
  display: block;
  width: 55%;
  margin: 20px auto;
}

.menu-block-one .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.menu-block-one .overlay-box:before {
  position: absolute;
  left: -25%;
  top: 0%;
  height: 100%;
  width: 150%;
  content: "";
  opacity: 0;
  background-color: #db2927;
  transform: skewY(25deg);
  -webkit-transition: all 500ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 400ms linear;
}

.menu-block-one .inner-box:hover .overlay-box:before {
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.menu-block-one .inner-box:hover .overlay-box {
  opacity: 1;
}

.menu-block-one .inner-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.menu-block-one .inner-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.menu-block-one .inner-box .overlay-inner .link {
  position: relative;
  font-size: 20px;
  color: #ecc526;
  width: 50px;
  height: 50px;
  line-height: 52px;
  margin: 0px 5px;
  display: inline-block;
  background-color: #ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.menu-block-one .inner-box .overlay-inner .link .icon {
  position: relative;
}

.menu-block-one .inner-box .btn-cart {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.menu-block-one .inner-box:hover .btn-cart {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}

.menu-block-one .inner-box .btn-cart a i {
  margin-right: 5px;
}

.item-details .item-price li {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
  margin-right: 20px;
}

.item-details .item-price li span {
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 12px;
  position: relative;
  z-index: 1;
  border: 1px solid #db2927;
  border-radius: 30px;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.item-details .item-price li a:hover span {
  color: #ffffff;
  background: #ecc526;
}

.item-details .item-price li:hover span {
  border-color: #ecc526;
}

.item-details p {
  margin-top: 20px;
}

/**** Price Table ****/

.business-price-box {
  padding: 30px;
  background: rgb(245, 245, 245);
  border-radius: 70px 15px;
  transition: all 300ms ease;
}

.list-inline-item {
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 700;
}

.business-price-box:hover {
  border-radius: 15px 70px;
}

/**** Testimonial section ****/

.testimonial-section {
  position: relative;
  background: #f9f9f98c;
}

.testimonial-section .con-title-column {
  position: relative;
  align-items: center;
  align-content: center;
  display: flex;
  overflow: hidden;
}

.testimonial-section .client-box-img {
  width: 80px;
}

.testimonial-section .clients-name h5 {
  font-weight: 700;
  color: #252525;
}

.testimonial-section .clients-name {
  font-weight: 500;
  color: #464646;
}

.testimonial-section .cloned {
  visibility: hidden;
}

.testimonial-section .owl-nav {
  display: none;
}

.testimonial-section .owl-dots {
  position: relative;
  margin-left: -5px;
}

.testimonial-section .owl-dots .owl-dot {
  position: relative;
  width: 8px;
  height: 8px;
  margin: 5px 5px;
  display: inline-block;
  border-radius: 50%;
  background-color: #cccccc;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active {
  position: relative;
  width: 22px;
  height: 8px;
  border-radius: 10px;
  background-color: #db2927;
}

/*** Book Section ***/
.book-form-section {
  position: relative;
  overflow: hidden;
}

/**** Counter Section ****/

.counter-section .inner-section {
  position: relative;
}

.com-counter {
  position: relative;
  text-align: center;
}

.com-counter .count-outer .percentage {
  display: inline-block;
  font-weight: 600;
  color: #020e28;
  font-size: 48px;
  line-height: 1em;
  font-family: "Poppins", sans-serif;
}

.com-counter .column .inner .count-outer {
  position: relative;
  font-weight: 700;
  color: #ecc526;
  font-size: 42px;
  line-height: 1em;
  display: inline-block;
  font-family: "Poppins", sans-serif;
}

.com-counter .column .inner .count-outer.alternate,
.com-counter .column .inner .count-outer.alternate .count-text {
  color: #db2927;
}

.com-counter .count-outer .count-text {
  position: relative;
  font-weight: 700;
  color: #ecc526;
  font-size: 42px;
  line-height: 1em;
  font-family: "Poppins", sans-serif;
}

.com-counter .column .counter-title {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #555555;
  margin-top: 8px;
  text-transform: uppercase;
}

.com-counter .column:hover .icon-box {
  border-color: #f47629;
}

.font-weight-bold {
  color: #db2927;
  font-weight: 600;
  transition: linear all 300ms;
  -webkit-transition: linear all 300ms;
  -moz-transition: linear all 300ms;
  -ms-transition: linear all 300ms;
  -o-transition: linear all 300ms;
}

/**** Contact Section ****/

.contact-detail {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.contact-detail i {
  color: #db2927;
  font-size: 15px;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: rgb(245, 245, 245);
}

.contact-section .form-control-c {
  padding: 1rem 0.75rem;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.contact-form-wrap {
  background-color: rgb(245, 245, 245);
  padding: 40px;
  border-radius: 15px;
}

.contact-form-wrap .contact-title h2 {
  font-size: 26px;
  font-weight: 700;
  color: #252525;
}

.contact-form-wrap .form-field {
  margin: 10px 0;
}

.contact-form-wrap .form-field textarea,
.contact-form-wrap .form-field input,
.contact-form-wrap .form-field .form-select {
  background-color: #f9fafc;
  height: 50px;
  outline: none;
  box-shadow: none;
  border: 1px solid #eee;
  width: 100%;
}

.contact-form-wrap .form-field .form-select {
  border-radius: 30px;
}

.contact-form-wrap .form-field textarea {
  height: 200px;
}

/**** Blog Section ****/

.blog-section {
  padding: 120px 0 112px;
}

.blog-section .owl-nav {
  display: none;
}

.blog-section .img_blog {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.blog-section .blog-box-detail {
  background: #f9f8fc;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}

.blog-section .blog-box-detail .read-more {
  color: #6c757d;
  font-weight: 600;
  transition: linear all 300ms;
  -webkit-transition: linear all 300ms;
  -moz-transition: linear all 300ms;
  -ms-transition: linear all 300ms;
  -o-transition: linear all 300ms;
}

.blog-section .blog-box-detail .read-more:hover {
  color: #db2927;
}

.blog-section .blog-box-detail .read-more i {
  padding-left: 5px;
  transition: linear all 200ms;
  -webkit-transition: linear all 200ms;
  -moz-transition: linear all 200ms;
  -ms-transition: linear all 200ms;
  -o-transition: linear all 200ms;
}

.blog-section .blog-box-detail .read-more:hover i {
  padding-left: 14px;
}

.blog-section .blog-box-detail-round-all {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.blog-section .blog-tags {
  margin-bottom: 15px;
}

.blog-section .blog-tags li {
  display: inline;
  padding-right: 10px;
}

.blog-section .blog-tags i {
  color: #ecc526;
  padding-right: 5px;
}

.blog-box-detail h3 {
  font-size: 24px;
  margin: 5px 0 16px 0;
  color: #1a1a1a;
  line-height: 1.4;
}

.blog-box-detail h3 a:hover {
  color: #db2927;
}

.single-blog-section {
  position: relative;
}

.single-blog-section .det-content p {
  margin-bottom: 25px;
}

.single-blog-section .det-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 16px;
  color: #1a1a1a;
  line-height: 1.4;
}

.single-blog-section .det-meta {
  padding: 10px 0 13px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
  position: relative;
}

.single-blog-section .det-meta a {
  color: #252525;
  font-size: 12px;
  padding-right: 20px;
  margin-right: 15px;
  text-transform: capitalize;
  border-right: 1px solid #858585;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
}

.single-blog-section .det-meta a i {
  margin-right: 5px;
  color: #db2927;
}

.single-blog-section .det-meta a:last-child {
  border-right: 0;
}

.single-blog-section .blog-detail blockquote {
  padding: 30px;
  -webkit-box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  border-left: 4px solid #ecc526;
  margin-bottom: 30px;
  border-radius: 15px;
}

.single-blog-section .blog-detail blockquote p {
  font-size: 18px;
  position: relative;
  color: #1a1a1a;
  line-height: 30px;
  font-weight: 600;
}

.single-blog-section .det-list li {
  position: relative;
  margin-bottom: 18px;
  padding-left: 15px;
}

.single-blog-section .det-list li::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  left: 0;
  top: 10px;
  background-color: #db2927;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.single-blog-section .det-list img {
  border-radius: 15px;
}

.single-blog-section .blog-tags {
  padding: 18px 0;
  border-bottom: 1px solid #d7d7d7;
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-blog-section .blog-det-social {
  margin: 4px 4px 4px 0;
  display: inline-block;
  padding: 10px 8px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-blog-section .blog-tags .title {
  text-transform: capitalize;
  color: #1a1a1a;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 600;
}

.single-blog-section .author-section {
  margin: 60px 0;
}

.single-blog-section .blog-detail .sec-title {
  position: relative;
  font-size: 18px;
  padding-left: 0;
  padding-right: 16px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
}

.single-blog-section .blog-detail .sec-title:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -40px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.single-blog-section .blog-detail .b-det-img {
  border-radius: 15px;
  overflow: hidden;
}

.single-blog-section .author-post {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  border-radius: 15px;
}

.single-blog-section .aut-img {
  display: table-cell;
  vertical-align: top;
  width: 96px;
}

.single-blog-section .aut-img img {
  border-radius: 200px;
  border: 3px solid #d7d7d7;
}

.single-blog-section .aut-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

.single-blog-section .aut-content p {
  margin-top: 15px;
}

.single-blog-section .aut-social {
  position: absolute;
  right: 30px;
  top: 30px;
}

.single-blog-section .aut-social a {
  font-size: 16px;
  padding: 0 5px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-nav .blog-prev,
.blog-nav .blog-next {
  padding: 10px 14px 6px;
  margin-left: 5px;
  background: #db2927;
  border: 1px solid #db2927;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: ease all 300ms;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  -ms-transition: ease all 300ms;
  -o-transition: ease all 300ms;
}

.blog-nav .blog-prev:hover,
.blog-nav .blog-next:hover {
  background: none;
}

.blog-nav .blog-prev i:before,
.blog-nav .blog-next i:before {
  font-size: 22px;
  color: #ffffff;
  transition: ease all 300ms;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  -ms-transition: ease all 300ms;
  -o-transition: ease all 300ms;
}

.blog-nav .blog-prev:hover i:before,
.blog-nav .blog-next:hover i:before {
  color: #db2927;
}

.comment-form .form-field {
  margin: 10px 0;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
}

/**** Team Section ****/

.team-box-all {
  position: relative;
  border-radius: 25px;
  overflow: hidden;
}

.team-m-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #000000b3;
}

.team-m-title h6 {
  padding-top: 15px;
}

.team-m-title p {
  color: #ffffff;
}

.team_social {
  position: absolute;
  top: 0;
  right: -70px;
  visibility: hidden;
  padding: 15px;
  opacity: 0;
  background: #db2927;
  border-radius: 0 0 0 10px;
  transition: all 300ms ease;
}

.team-box-all:hover .team_social {
  visibility: visible;
  right: 0;
  opacity: 1;
}

.team_social a {
  color: #ffffff;
}

.team_social a:hover {
  color: #ecc526;
}

/**** Login & Registration Section ****/

.login_form_custom {
  width: 550px;
}

.login_form_custom .form-btn {
  display: flex;
  margin-top: 20px;
}

.login_form_custom .form-field-check {
  margin: 10px 0 0 10px;
}

.login_form_custom .form-btn .btn-style-two {
  margin-left: 10px;
}

/**** Cart Section ****/

.cart-header {
  font-size: 20px;
  font-weight: 700;
  padding: 15px 10px;
  border-radius: 15px;
  margin-bottom: 20px;
  background: rgb(245, 245, 245);
}

.cart-body {
  display: flex;
  align-items: center;
}

.cart-body .cart-item {
  display: flex;
  align-items: center;
}

.cart-body .cart-item img {
  max-width: 100px;
  margin-right: 20px;
  background: #fff;
  padding: 10px;
  border: 1px solid #eee;
}

.cart-body .cart-item .cart-content {
  padding: 0 30px 0 0;
}

.cart-body .cart-item .cart-content a {
  font-size: 18px;
  font-weight: 500;
  color: #0e1318;
}

.cart-body .cart-item input {
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #eee;
  width: 100px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  outline: none;
  box-shadow: none;
}

.cart-body .cart-item .remove {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  color: #db2927;
  display: block;
  margin-top: -20px;
}

.cart-total {
  background-color: rgb(245, 245, 245);
  padding: 40px;
  border-radius: 15px;
}

.cart-total li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-total li:not(:last-of-type) {
  margin-bottom: 20px;
}

.cart-total li span {
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

/**** Checkout Section ****/

.checkout-form-wrap {
  background-color: rgb(245, 245, 245);
  padding: 40px;
  border-radius: 15px;
}

.checkout-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}

.checkout-form-wrap h2 {
  line-height: 52px;
  font-size: 20px;
  letter-spacing: -1px;
}

.additional-info .form-field textarea,
.checkout-form .form-field input {
  background-color: #f9fafc;
  height: 50px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: 1px solid #eee;
  width: 100%;
}

.additional-info .form-field textarea {
  height: auto;
}

/**** Sidebar Section ****/

.widget {
  margin-bottom: 45px;
  font-size: 15px;
}

.widget:last-child {
  margin-bottom: 0;
}

.widget h3 {
  line-height: 0.8;
  margin-bottom: 2em;
  position: relative;
  font-weight: 900;
  font-size: 26px;
  color: #000000;
}

.widget h3:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -50px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
}

.widget ul li,
.widget-categories ul li,
.widget-meta a,
.widget-recent-post ul li {
  position: relative;
  padding: 15px 0;
  border-bottom: #ededed 1px solid;
}

.widget-meta a {
  display: block;
}

.widget.widget-categories ul li a::before {
  position: absolute;
  content: "\f101";
  left: 0px;
  top: 16px;
  opacity: 0;
  color: #db2927;
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.widget.widget-categories ul li a {
  margin-left: 0;
}

.widget.widget-categories ul li a:hover::before {
  opacity: 1;
}

.widget ul li a,
.widget_categories ul li a {
  margin-left: 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.widget ul li a:hover,
.widget_categories ul li a:hover {
  padding-left: 20px;
  color: #db2927;
}

.widget #wp-calendar {
  width: 100%;
}

.widget #wp-calendar a {
  font-weight: 600;
}

.widget-recent-post ul li {
  display: inline-block;
  width: 100%;
}

.widget-recent-post ul li::before {
  content: none;
}

.widget-recent-post ul li a {
  margin-left: 0;
}

.widget-recent-post .blog-rp-image {
  float: left;
  margin-right: 12px;
}

.widget-recent-post .blog-rp-image img {
  height: 80px;
}

.widget-recent-post .blog-rp-info p {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 18px;
}

.widget-recent-post .blog-rp-info p a {
  font-size: 13px;
  font-weight: 600;
}

.widget-tags {
  margin-top: 65px;
}

.widget-sb-offer {
  border-radius: 15px;
  overflow: hidden;
}

.widget-sb-offer a img {
  width: 100%;
}

.side-form {
  position: relative;
}

.side-form input[type="text"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 24px 58px 24px 20px;
  height: 48px;
  font-size: 16px;
  color: #2e2e2e;
  border-radius: 30px;
  border: 1px solid rgb(189 189 189 / 15%);
  background-color: rgb(239 239 239 / 10%);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.side-form button {
  position: absolute;
  width: 60px;
  padding: 12px;
  top: 0.5px;
  right: 0;
  cursor: pointer;
  text-transform: uppercase;
}

.tag {
  background-color: #f9f9f9;
  color: #1a1a1a;
  margin: 4px 4px 4px 0;
  display: inline-block;
  padding: 10px 18px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 15px;
}

.tag:hover {
  background-color: #ecc526;
  color: #db2927;
}

/**** Comment Section ****/

.comment-inner {
  padding: 30px;
  position: relative;
  margin: 30px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  box-shadow: 0 0 51px 0 rgba(67, 67, 67, 0.15);
  border-radius: 15px;
}

.reply {
  position: absolute;
  top: 30px;
  right: 30px;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 12px;
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.reply i {
  margin-right: 5px;
}

.com-img {
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: top;
}

.com-img img {
  border-radius: 200px;
  border: 3px solid #d7d7d7;
}

.comm-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

.comm-content p {
  margin-top: 15px;
}

.comm-content span {
  color: #db2927;
  font-size: 13px;
  display: inline-block;
  margin-left: 20px;
  font-weight: 600;
}

.sub-comm {
  margin-left: 80px;
  border-radius: 15px;
}

.form-control-c {
  padding: 1rem 0.75rem;
  border: 1px solid rgb(189 189 189 / 15%);
  background-color: rgb(239 239 239 / 10%);
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
}

/**** Pagination Section ****/

.cr-pagination-right,
.cr-pagination-center,
.cr-pagination-left {
  margin-top: 60px;
}

.cr-pagination-right {
  text-align: right;
}

.cr-pagination-center {
  text-align: center;
}

.cr-pagination-left {
  text-align: left;
}

.cr-pagination-center li,
.cr-pagination-left li,
.cr-pagination-right li {
  display: inline-block;
  margin-right: 5px;
  transition: ease all 300ms;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  -ms-transition: ease all 300ms;
  -o-transition: ease all 300ms;
}

.cr-pagination-center li a,
.cr-pagination-left li a,
.cr-pagination-right li a {
  width: 42px;
  font-size: 16px;
  height: 42px;
  background: 0 0;
  display: block;
  line-height: 40px;
  text-align: center;
  border: 1px solid #f5f5f5;
  transition: ease all 300ms;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  -ms-transition: ease all 300ms;
  -o-transition: ease all 300ms;
}

.cr-pagination-center li:hover a,
.cr-pagination-left li:hover a,
.cr-pagination-right li:hover a {
  border: 1px solid #db2927;
  color: #db2927;
}

.cr-pagination-center .active a,
.cr-pagination-left .active a,
.cr-pagination-right .active a {
  border: 1px solid #db2927;
  color: #db2927;
}

/**** Map Section ****/

.map-section {
  position: relative;
  padding: 0;
  margin: 0;
}

.google-maps iframe {
  display: block;
  height: 100%;
  min-height: 450px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/**** 404 Error Section ****/

.error-404 {
  text-align: center;
}

.error-404 h1 {
  font-size: 204px;
  line-height: 0.9em;
  color: #db2927;
  font-weight: 900;
}

/**** Footer ****/

.footer {
  position: relative;
  padding: 90px 0px 0px;
  background-position: left !important;
  background-size: cover !important;
}

.footer .footer-widget {
  position: relative;
  margin-bottom: 40px;
}

.footer .footer-widget .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 20px;
}

.footer .widgets-section {
  position: relative;
  padding-bottom: 40px;
}

.footer .footer-widget h2 {
  position: relative;
  font-size: 22px;
  font-weight: 800;
  color: #000000;
  line-height: 1.2em;
  margin-bottom: 35px;
  margin-top: 15px;
  padding-bottom: 18px;
  text-transform: capitalize;
}

.footer .footer-widget h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -20px;
  width: 35px;
  height: 35px;
  display: block;
  /* background: url(../images/icons/icon-01.png) no-repeat center; */
  filter: invert(1);
}

.footer .logo-widget {
  position: relative;
}

.footer .logo-widget .social-icon {
  margin-top: 20px;
}

.footer .logo-widget .logo {
  position: relative;
  margin-bottom: 25px;
  margin-top: 18px;
}

.footer .logo-widget .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7em;
  margin-bottom: 14px;
}

.footer-link {
  position: relative;
}

.footer-link li {
  position: relative;
  margin-bottom: 8px;
}

.footer-link li a {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer-link li a:before {
  position: absolute;
  content: "\f101";
  left: 0px;
  top: 0px;
  opacity: 0;
  color: #db2927;
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer-link li a:hover::before {
  opacity: 1;
}

.footer-link li a:hover {
  color: #db2927;
  padding-left: 20px;
}

.posts-widget .post {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 18px;
}

.posts-widget .post:last-child {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.posts-widget .post .text {
  position: relative;
  color: #cccccc;
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.posts-widget .post .text a {
  position: relative;
  color: #555555;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: "Poppins", sans-serif;
}

.posts-widget .post .text a:hover {
  color: #db2927;
}

.posts-widget .post .post-date {
  position: relative;
}

.posts-widget .post .post-date li {
  position: relative;
  color: #555555;
  font-size: 12px;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 700;
  line-height: 1.2em;
  display: inline-block;
  text-transform: uppercase;
  border-right: 1px solid #555555;
  font-family: "Poppins", sans-serif;
}

.posts-widget .post .post-date li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border: none;
}

.footer .footer-widget .form-group {
  position: relative;
  display: block;
  margin-bottom: 16px;
}

.footer .footer-widget .form-group input[type="text"],
.footer .footer-widget .form-group input[type="email"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 24px 58px 24px 20px;
  height: 48px;
  font-size: 16px;
  color: #2e2e2e;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.footer .footer-widget .form-group button {
  position: absolute;
  width: 60px;
  padding: 12px;
  top: 0.5px;
  right: 0;
  cursor: pointer;
  text-transform: uppercase;
}

.footer .footer-widget .text img {
  border-radius: 8px;
}

.footer .footer-bottom {
  position: relative;
  padding: 35px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-bottom .copyright {
  position: relative;
  color: #555555;
  font-size: 16px;
  /* text-align: center; */
  font-weight: 600;
}

.footer .footer-bottom .footer-nav {
  position: relative;
  text-align: right;
}

.footer .footer-bottom .footer-nav li {
  position: relative;
  padding-right: 12px;
  margin-right: 10px;
  line-height: 1.1em;
  display: inline-block;
  border-right: 2px solid #555555;
}

.footer .footer-bottom .footer-nav li:last-child {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}

.footer .footer-bottom .footer-nav li a {
  position: relative;
  color: #555555;
  font-size: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer .footer-bottom .footer-nav li a:hover {
  color: #ffffff;
}

/*estilos añadidos*/
img.logo_header {
  position: absolute;
  top: 100%;
  transform: translateY(-45%);
  /* position: absolute; */
  /* margin-top: -35px !important; */
  width: 180px;
  filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.3));
}
.header-pizziaify-two .default-container {
  margin-top: 15px;
}
img.menu_img_home {
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.item-title h3 {
  color: #000;
  font-size: 22px;
  font-weight: 500;
}
.item-title {
  height: 55px;
}

.item-details .item-price li span {
  width: 75px;
  height: 75px;
  line-height: 50px !important;
  color: #000;
  text-align: left;
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 1px solid #db2927;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.item-details {
  margin-top: 20px;
}
p.text_deli {
  color: #db2927;
  font-weight: 500;
}
.item-details {
  height: 210px;
}
.menu-block-one .inner-box {
  background: #fffbf1;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.mixitup-menu {
  margin-top: 30px;
}

.top-sticky {
  position: sticky;
  top: 40px;
}

.image-menu {
  width: 100%;
  aspect-ratio: 337 / 225;
  object-fit: contain;
}

@media only screen and (min-width: 992px) {
  .page-wrapper {
    overflow: visible !important;
  }
}

.pizza-options-html ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
  margin-bottom: 15px !important;
}
.pizza-options-html li {
  list-style-type: disc !important;
  margin-bottom: 5px !important;
  color: #555555;
}
.pizza-options-html li p {
  margin-bottom: 0px !important;
  display: inline;
}

/* ==========================================================================
   Pizza Gallery Sliders Section (Masonry, Infinite Scrolling)
   ========================================================================== */
.gallery-slider-section {
  padding: 120px 0 90px;
  background: #ffffff;
  overflow: hidden;
}

.gallery-slider-container {
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
  position: relative;
}

.gallery-row {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
  user-select: none;
  position: relative;
}

.gallery-row:last-child {
  margin-bottom: 0;
}

.gallery-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.gallery-group {
  display: flex;
  gap: 24px;
  padding-right: 24px;
  flex-shrink: 0;
}

.gallery-item {
  flex-shrink: 0;
  height: 280px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.gallery-card {
  width: 100%;
  height: 100%;
  /* border-radius: 15px; */
  overflow: hidden;
  border: 1px solid #e2e2e2;
  position: relative;
  background: #ffffff;
  transition:
    transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
    border-color 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  cursor: pointer;
}

.gallery-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Hover & Focus Interactions */
.gallery-card:hover,
.gallery-card:focus-within {
  transform: scale(1.04);
  border-color: #db2927;
  box-shadow: 0 12px 24px rgba(219, 41, 39, 0.15);
}

.gallery-card:hover img,
.gallery-card:focus-within img {
  transform: scale(1.08);
}

/* Animations */
.gallery-track-left {
  animation: scroll-left 55s linear infinite;
}

.gallery-track-right {
  animation: scroll-right 55s linear infinite;
}

/* Adjust speeds for row variety */
.gallery-row:nth-child(2) .gallery-track-left,
.gallery-row:nth-child(2) .gallery-track-right {
  animation-duration: 60s;
}

.gallery-row:nth-child(3) .gallery-track-left,
.gallery-row:nth-child(3) .gallery-track-right {
  animation-duration: 52s;
}

@keyframes scroll-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes scroll-right {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

/* Pause scroll on hover */
.gallery-row:hover .gallery-track {
  animation-play-state: paused;
}

/* Responsive & Accessibility Styles */
@media (prefers-reduced-motion: reduce) {
  .gallery-track-left,
  .gallery-track-right {
    animation: none !important;
  }
  .gallery-row {
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
  .gallery-track {
    width: auto;
  }
  .gallery-group:last-child {
    display: none; /* Hide duplicate row for reduced motion */
  }
}

@media only screen and (max-width: 767px) {
  .gallery-item {
    height: 200px;
  }
  .gallery-overlay h4 {
    font-size: 15px;
  }
  .gallery-overlay span {
    font-size: 11px;
  }
  .gallery-row {
    margin-bottom: 15px;
  }
}

/* ==========================================
   PREMIUM WARM DARK MODE OVERRIDES
   ========================================== */
:root {
  /* Core Dark Backgrounds */
  --bg-carbon: #121212; /* Deep black for main page background */
  --bg-dark-grey: #1a1a1a; /* Dark grey for cards, sections, and sidebars */
  --bg-card: #222222; /* Alternate/highlight card background */

  /* Text Colors (Warm Tones for Comfort & Accessibility) */
  --text-primary: #f2eee3; /* Light warm cream for titles and active links */
  --text-body: #dcd7cc; /* Soft warm grey for readability (WCAG AAA contrast) */
  --text-muted: #a8a297; /* Muted grey for sub-details and captions */

  /* Accent Colors */
  --color-red: #db2927; /* Primary Red Accent (Appetizing & Bold) */
  --color-gold: #ecc526; /* Primary Gold/Yellow Accent (Premium Brand Highlight) */
  --border-color: #2d2a24; /* Warm dark border outline */
}

/* --- Global Elements --- */
body {
  background-color: var(--bg-carbon) !important;
  color: var(--text-body) !important;
}

p,
.text,
.title-text,
.sec-title .title-text,
.pizza-options-html li,
.com-counter .column .counter-title {
  color: var(--text-muted) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sec-con-title h2,
.contact-form-wrap .contact-title h2,
.product-details .product-info h3,
.product-details .price,
.review .comment-list .comment-author h3,
.checkout-form-wrap .contact-title h2,
.posts-widget .post .text a,
.con-title-column h2,
.services-block .inner-holder h3,
.services-block .inner-holder h3 a,
.menu-block-one .lower-content h3 a,
.pizza-builder-title,
.category-title-header {
  color: var(--text-primary) !important;
}

/* --- Header overrides --- */
header#header.header-pizziaify-two {
  background-color: transparent !important;
}

.header-pizziaify-two.new-style .default-container {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.navbar-nav > li > a {
  color: #ffffff !important;
  font-weight: 600;
}

.navbar-nav > li:hover > a,
.navbar-nav > li:focus > a,
.navbar-nav > li.active > a {
  color: #ffea79 !important;
}

.header-right-link > ul > li.call-icon .call-title {
  color: var(--color-gold) !important;
}

.header-right-link > ul > li.call-icon a .link-text {
  color: var(--text-primary) !important;
}

/* Menu Dropdowns & Megamenu */
.megamenu {
  background: var(--bg-dark-grey) !important;
  color: var(--text-body) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.navbar-nav .megamenu a,
.megamenu-big .pizza-det .Pizza-name-1,
.megamenu-big .menu-list-d ul li a {
  color: var(--text-primary) !important;
}

.megamenu-big .pizza-det .Pizza-name-1:hover,
.megamenu-big .menu-list-d ul li a:hover {
  color: var(--color-gold) !important;
}

.megamenu-big .menu-grid:hover {
  background: var(--color-red) !important;
}

.header-link-dropdown {
  background: var(--bg-dark-grey) !important;
  border-top: 3px solid var(--color-gold) !important;
  border-left: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  color: var(--text-body) !important;
}

.header-right-link .link-dropdown-list > li {
  border-bottom: 1px solid var(--border-color) !important;
}

.cart-dropdown .media-body span {
  color: var(--text-primary) !important;
}

.input-text.qty {
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  background-color: var(--bg-carbon) !important;
}

/* --- Preloader --- */
.preloader {
  background-color: var(--bg-carbon) !important;
}

/* --- Sections --- */
.services-section {
  background-color: var(--bg-carbon) !important;
}

.services-block .inner-holder {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 15px !important;
  padding: 30px 20px !important;
  transition: all 0.3s ease !important;
}

.services-block .inner-holder:before,
.services-block .inner-holder:after {
  display: none !important;
}

.services-block:hover .inner-holder {
  border-color: var(--color-gold) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 5px 20px rgba(236, 197, 38, 0.15) !important;
}

.services-block:hover .inner-holder h3 a {
  color: var(--color-gold) !important;
}

/* Why Choose Us (Offer 01) */
.offer-01-section {
  background: var(--bg-dark-grey) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.offer-01-section .text ul.single-list li {
  color: var(--text-primary) !important;
}

.offer-01-section .text ul.single-list li i {
  color: var(--color-gold) !important;
}

.offer-02-section {
  background: var(--bg-card) !important;
}

/* Gallery Section */
.gallery-slider-section {
  background: var(--bg-carbon) !important;
}

.gallery-card {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

/* Testimonial Section */
.testimonial-section {
  /* background: var(--bg-carbon) !important; */
}

.business-client-box {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 15px !important;
  padding: 25px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.business-client-box .text {
  color: var(--text-body) !important;
}

.testimonial-section .clients-name h5 {
  color: var(--text-primary) !important;
}

.testimonial-section .clients-name small {
  color: var(--color-gold) !important;
}

.business-price-box {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

/* --- Location & Hours --- */
.contact-section {
  background: none !important;
  background-color: var(--bg-carbon) !important;
}

/* Apply filter to white map image to make it dark mode premium */
/* .contact-section[style*="map-white.png"] {
  filter: invert(0.9) hue-rotate(180deg) brightness(0.6) contrast(1.2) !important;
} */

.contact-info-box .contact-detail i {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--color-gold) !important;
}

.contact-form-wrap {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.contact-form-wrap .form-field input,
.contact-form-wrap .form-field textarea,
.contact-form-wrap .form-field .form-select {
  background-color: var(--bg-carbon) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

.contact-form-wrap .form-field input:focus,
.contact-form-wrap .form-field textarea:focus {
  border-color: var(--color-gold) !important;
}

/* --- Menu & Specials Cards --- */
body .pizza-card {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

body .category-title-header {
  border-bottom: 2px solid var(--color-red) !important;
  color: var(--color-gold) !important;
}

body .pizza-price-item {
  border-bottom: 1px dashed var(--border-color) !important;
}

body .pizza-builder-title {
  color: var(--color-gold) !important;
  border-bottom: 2px solid var(--color-red) !important;
}

body .product-prices-border {
  border-top: 1px dashed var(--border-color) !important;
}

.menu-block-one .inner-box {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.menu-block-one .inner-box:hover {
  background: var(--bg-card) !important;
  border-color: var(--color-gold) !important;
}

.menu-block-one .inner-box .overlay-inner .link {
  background-color: var(--color-gold) !important;
  color: var(--bg-carbon) !important;
}

.menu-block-one .lower-content h3 a {
  color: var(--text-primary) !important;
}

.pizza-options-html li span {
  color: var(--text-primary) !important;
}

.new-tag-text {
  color: var(--color-gold) !important;
}

.special-prices {
  border-top: 1px dashed var(--border-color) !important;
}

.special-price-value {
  color: var(--color-gold) !important;
}

.special-restriction {
  color: var(--color-red) !important;
}

/* --- Blog & Sidebar / Others --- */
.blog-section .blog-box-detail {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.single-blog-section .author-post {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.comment-inner {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.tag {
  background-color: var(--bg-dark-grey) !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border-color) !important;
}

.tag:hover {
  background-color: var(--color-gold) !important;
  color: var(--bg-carbon) !important;
  border-color: var(--color-gold) !important;
}

.cr-pagination-center li a,
.cr-pagination-left li a,
.cr-pagination-right li a {
  border: 1px solid var(--border-color) !important;
  color: var(--text-muted) !important;
}

.cr-pagination-center li.active a,
.cr-pagination-left li.active a,
.cr-pagination-right li.active a {
  background-color: var(--color-red) !important;
  border-color: var(--color-red) !important;
  color: #ffffff !important;
}

/* --- Cart & Checkout Pages --- */
.cart-header {
  background: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.cart-body .cart-item img {
  background: var(--bg-carbon) !important;
  border: 1px solid var(--border-color) !important;
}

.cart-body .cart-item input {
  background-color: var(--bg-carbon) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

.cart-total {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.checkout-form-wrap {
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.additional-info .form-field textarea,
.checkout-form .form-field input {
  background-color: var(--bg-carbon) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* --- Footer overrides --- */
.footer {
  background-color: var(--bg-carbon) !important;
  /* background-image: none !important; */
  /* border-top: 2px solid var(--border-color) !important; */
}

.footer .footer-widget h2 {
  color: var(--color-gold) !important;
}

.footer-link li a {
  color: var(--text-body) !important;
}

.footer-link li a:hover {
  color: var(--color-red) !important;
}

.posts-widget .post .post-date li {
  color: var(--text-muted) !important;
  border-right: 1px solid var(--border-color) !important;
}

.footer .footer-widget .form-group input[type="text"],
.footer .footer-widget .form-group input[type="email"] {
  color: var(--text-primary) !important;
  background-color: var(--bg-dark-grey) !important;
  border: 1px solid var(--border-color) !important;
}

.footer .footer-bottom {
  background: #581311 !important;
  border-top: 1px solid var(--border-color) !important;
}

.footer .footer-bottom .copyright {
  color: var(--text-muted) !important;
}

/* --- Banner Section --- */
.banner-section {
  background-color: var(--bg-carbon) !important;
  border-bottom: 2px solid var(--border-color) !important;
}

.banner-heading h2 {
  color: var(--color-gold) !important;
}

.banner-link li a {
  /* color: var(--text-muted) !important; */
  color: #fff !important;
}

.banner-link li a.active {
  color: var(--color-red) !important;
  color: #f8cc39 !important;
}

/* --- Scroll to Top --- */
.scroll-top {
  background: var(--color-red) !important;
}

.scroll-top:hover {
  background: var(--color-gold) !important;
}

/* --- Focus States for Accessibility --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--color-gold) !important;
  outline-offset: 2px !important;
}

/* --- Hero Slider Caption overrides --- */
.main-slider .slider-caption.big {
  color: var(--text-primary) !important;
}

.main-slider .slider-caption.small {
  color: var(--text-body) !important;
}

.main-slider .slider-caption.medium {
  color: var(--color-gold) !important;
}
a.link_subfooter {
  color: var(--text-muted) !important;
}
/*btn slider*/
#main-slider {
  position: relative;
}
#main-slider .slick-prev,
#main-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main-slider .slick-prev {
  left: 30px;
}
#main-slider .slick-next {
  right: 30px;
}
#main-slider .slick-prev:before,
#main-slider .slick-next:before {
  display: none;
}
#main-slider .slick-prev:hover,
#main-slider .slick-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 991px) {
  .main-slider .slider-content {
    margin-top: -50px;
  }
  .food-img {
    background-size: 90% !important;
    background-position: center bottom !important;
    bottom: 8px !important;
    display: block !important;
  }
  .slider-btn-group .inner-layer a {
    display: none;
  }
  .main-slider .slider-content {
    padding: 0 10px !important;
  }
  li.side-toggle span {
    padding-left: 10px;
  }
  img.logo_header {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin-top: 0px !important;
  }
  .header-right-link {
    float: right;
  }
  .navbar-toggle {
    /* top: 15px; */
    /* right: -10px; */
  }
}

/* ==========================================
   Header Redesign: Sticky, Phone Button & Order Online
   ========================================== */

/* 1. Header Sticky Setup */
header#header {
  position: sticky !important;
  top: 0;
  z-index: 1000 !important;
  width: 100%;
  padding: 10px 0 !important;
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.header-pizziaify-two .default-container {
  background: #b81917;
  padding: 8px 20px !important;
  border-radius: 40px;
  position: relative;
}

.header-pizziaify-two.new-style .default-container {
  background: var(--bg-dark-grey, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6) !important;
}

/* Align right link items vertically */
.header-right-link > ul {
  display: flex !important;
  align-items: center !important;
  /* gap: 12px; */
}

/* 2. Prominent Phone Button */
.header-right-link > ul > li.call-icon {
  display: inline-flex !important;
}

.btn-phone-header {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #111111;
  color: #ffffff !important;
  padding: 9px 18px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  line-height: 1;
}

.btn-phone-header i {
  color: #ffc107;
  font-size: 1.05rem;
  transition: transform 0.3s ease;
}

.btn-phone-header:hover {
  background-color: #000000;
  color: #ffc107 !important;
  border-color: #ffc107;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}

.btn-phone-header:hover i {
  transform: rotate(12deg) scale(1.15);
}

/* 3. Enlarged Order Online Button with Pulse CTA Animation */
@keyframes ctaPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 15px rgba(251, 202, 55, 0.4);
  }
  50% {
    transform: scale(1.02);
    box-shadow: 0 5px 25px rgba(251, 202, 55, 0.85);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 15px rgba(251, 202, 55, 0.4);
  }
}

.header-right-link ul li.order-online a.btn-order-online {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 11px 24px !important;
  letter-spacing: 0.5px;
  border-radius: 30px !important;
  text-transform: uppercase;
  background: #fbca37 !important;
  color: #6d0704 !important;
  /* box-shadow: 0 4px 15px rgba(251, 202, 55, 0.5); */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  display: flex;
  line-height: 1.2;
  animation: ctaPulse 2.2s infinite ease-in-out;
}

.header-right-link ul li.order-online a.btn-order-online:hover {
  animation: none !important;
  background: #ffffff !important;
  color: #c51f1d !important;
  transform: scale(1.07);
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  .header-right-link ul li.order-online a.btn-order-online {
    animation: none !important;
  }
}

/* 4. Responsive & Mobile Submenu Adjustments */
@media (max-width: 991px) {
  img.logo_header {
    width: 100px;
    /* max-height: 45px; */
    object-fit: contain;
  }

  /* .btn-phone-header {
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border-radius: 50% !important;
    justify-content: center;
  } */

  .btn-phone-header i {
    font-size: 1.05rem;
    margin: 0;
  }

  .header-right-link ul li.order-online a.btn-order-online {
    font-size: 0.88rem !important;
    padding: 8px 14px !important;
  }

  #menu {
    /* position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    background: #191919 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8) !important;
    padding: 15px 20px !important;
    z-index: 999 !important;
    margin-top: 10px !important; */
  }

  .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }

  .navbar-collapse.collapse.show,
  .navbar-collapse.collapsing {
    display: block !important;
  }

  .header-pizziaify-two .navbar-nav > li > a {
    color: #ffffff !important;
    padding: 12px 15px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header-pizziaify-two .navbar-nav > li:last-child > a {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .header-right-link ul li.order-online a.btn-order-online {
    margin: -20px -13px -20px 0px;
    padding: 20px 40px !important;
  }
}

/* Delivery Policy Styles */
.delivery-policy-box {
  margin-top: 1.5rem;
}

.delivery-policy-item {
  margin-bottom: 20px;
  padding-bottom: 16px;
  /*border-bottom: 1px solid var(--border-color, #2d2a24);*/
}

.delivery-policy-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.delivery-policy-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary, #f2eee3);
  margin-bottom: 6px;
  line-height: 1.3;
}

.delivery-policy-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-body, #dcd7cc);
  margin-bottom: 0;
}

/* Footer Contact Info (2 columns: Icon left, Key + Value right) */
.footer-contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
}

.footer-contact-item:last-child {
  margin-bottom: 0;
}

.footer-contact-icon {
  margin-right: 14px;
  flex-shrink: 0;
}

.footer-contact-icon i {
  color: var(--color-gold, #ecc526);
  font-size: 18px;
  margin-top: 3px;
}

.footer-contact-info {
  display: flex;
  flex-direction: column;
}

.footer-contact-key {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary, #ffffff);
  margin-bottom: 2px;
}

.footer-contact-val,
.footer-contact-val a {
  font-size: 14px;
  color: var(--text-body, #dcd7cc) !important;
  line-height: 1.5;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-contact-val a:hover {
  color: var(--color-gold, #ecc526) !important;
}

/* Footer Hours Subsections */
.footer-hours-block {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed rgba(255, 255, 255, 0.15);
}

.footer-hours-subtitle {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary, #ffffff);
  margin-bottom: 8px;
}

.footer-hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-hours-list li {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-body, #dcd7cc);
  margin-bottom: 6px;
  position: relative;
  padding-left: 14px;
}

.footer-hours-list li i {
  position: absolute;
  left: 0;
  top: 6px;
  color: var(--color-gold, #ecc526);
  font-size: 6px;
}
.contact-section {
  margin-bottom: 160px;
}
.footer-hours-text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-body, #dcd7cc);
  margin-bottom: 0;
}
.seccion_areas {
  /*margin-bottom: 60px;*/
  background: var(--bg-card) !important;
}
.seccion_areas {
  padding-top: 50px;
  padding-bottom: 50px;
}
ul.delivery-cities-list li {
  color: #fff;
  margin-bottom: 10px;
}
ul.delivery-cities-list li i {
  color: #fbca37;
  padding-right: 5px;
}
/*.business_form_custom {
    width: 588px;
    position: absolute;
    right: 14%;
    top: 60%;
}*/
.business_form_custom iframe {
  height: 550px;
  width: 100%;
  line-height: 1;
  border-radius: 6px;
}
.contact-detail {
  justify-content: center;
}
.card-location {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 30px 15px;
  height: 100%;
}
a.contact-detail {
  color: #a0a0a0;
}
.reward-icon-box {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reward-pill-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 30px 24px;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
h2.title_general_delivery {
  font-size: 24px;
}
img.img_location {
  border-radius: 10px;
}

/* MAPA CON IMAGEN */
.location-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
/* Imagen principal */
.location-image-wrapper {
  width: 75%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.img-location {
  width: 100%;
  height: 450px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
/* Mapa superpuesto */
.location-map-wrapper {
  position: absolute;
  right: 20px;
  top: 70%;
  transform: translateY(-50%);
  width: 45%;
  height: 380px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.location-map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
/* ==========================================
   MEDIA QUERIES (Ajuste según la pantalla)
   ========================================== */
/* Pantallas Extra Grandes (Monitores > 1400px) */
@media (min-width: 1400px) {
  .img-location {
    height: 550px;
  }
  .location-map-wrapper {
    height: 562px;
  }
}

/* Desktops Pequeños y Laptops (992px a 1199px) */
@media (max-width: 1199px) {
  .location-image-wrapper {
    width: 70%;
  }
  .location-map-wrapper {
    width: 40%;
    height: 340px;
  }
  .img-location {
    height: 380px;
  }
}

/* Tablets / Laptops pequeñas (768px a 991px) */
@media (max-width: 991px) {
  .location-image-wrapper {
    width: 65%;
  }
  .location-map-wrapper {
    width: 45%;
    height: 300px;
  }
  .img-location {
    height: 320px;
  }
}

/* Dispositivos Móviles (< 768px): Apilamiento vertical */
@media (max-width: 767px) {
  .location-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .location-image-wrapper,
  .location-map-wrapper {
    position: static;
    transform: none;
    width: 100%;
  }
  .img-location {
    height: 250px;
  }
  .location-map-wrapper {
    height: 300px;
  }
}