* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a,
a:hover {
  text-decoration: none !important;
}

a {
  outline: none;
}

ol,
ul {
  padding-left: 0;
  margin: 0;
}

img {
  border: 0px;
}

button {
  outline: 0;
  border: none;
  background: transparent;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
figure,
address {
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
}

figure {
  margin: 0 !important;
}

.post,
.page {
  margin: 0;
}

.container {
  max-width: 1286px;
}

/*fonts added*/
@font-face {
  font-family: "Dinnext-Regular";
  src: url("../fonts/DINNextLTPro-Regular.ttf") format("truetype"), url("../fonts/DINNextLTPro-Regular.otf") format("otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Dinnext-Bold";
  src: url("../fonts/DINNextLTPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Dinnext-slab";
  src: url("../fonts/DINNextSlabPro-Regular.ttf") format("truetype"), url("../fonts/DINNextSlabPro-Regular.eot") format("eot"), url("../fonts/DINNextSlabPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Dinnext-slab-bold";
  src: url("../fonts/DINNextSlabPro-Bold.ttf") format("truetype"), url("../fonts/DINNextSlabPro-Bold.eot") format("eot"), url("../fonts/DINNextSlabPro-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Dinnext-Regular", sans-serif;
  padding-top: 95px;
  overflow-x: hidden;
  background: url("../images/background--gray.webp");
  position: relative;
  z-index: 1;
}
body.admin-bar {
  padding-top: 106px;
}
body.homepage--header.admin-bar {
  padding-top: 0;
}

@media (max-width: 767px) {
  body.admin-bar {
    padding-top: 68px;
  }
  body.homepage--header.admin-bar {
    padding-top: 0;
  }
}
/*color variables starts*/
/*color variables ends*/
/*global class css starts*/
.ml-20 {
  margin-left: 20px;
}

.checkout-color--visited a:visited {
  color: #a66c23 !important;
}

button:active {
  border-color: #a66c23;
}

.w-1188 {
  max-width: 1218px;
}

.w-1067 {
  max-width: 1097px;
}

.w-1014 {
  max-width: 1044px;
}

.w-848 {
  max-width: 878px;
}

.w-704 {
  max-width: 734px;
}

.w-939 {
  max-width: 969px;
}

.w-930 {
  max-width: 960px;
}

.w-650 {
  max-width: 680px;
}

.w-560 {
  max-width: 590px;
}

.w-1188,
.w-1067,
.w-1014,
.w-848,
.w-704,
.w-939,
.w-930,
.w-650,
.w-560 {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/*global container css starts*/
.primary__title {
  font-family: "Dinnext-slab";
  font-size: 42px;
  color: #a66c23;
  text-transform: uppercase;
}

/*components css starts*/
.title--1, .title--2, .title--3, .title--4 {
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

.title--1, .title--2 {
  font-family: "Dinnext-slab-bold" !important;
}

.title--3, .title--4 {
  font-family: "Dinnext-Bold" !important;
}

.title--1, .title--3, .title--4 {
  color: #4B4E53 !important;
}

.title--1 {
  font-size: 36px !important;
}

.title--2 {
  font-size: 28px !important;
  color: #ffffff !important;
}

.title--3 {
  font-family: "Dinnext-Bold" !important;
  font-size: 30px !important;
}

.title--4 {
  font-size: 25px !important;
  line-height: 24px !important;
}

.text--1, .text--2, .text--3 {
  color: #4B4E53 !important;
}

.text--1 {
  font-size: 18px !important;
  line-height: 24px !important;
}

.text--2 {
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.3px !important;
}

.text--3 {
  font-size: 16px !important;
  line-height: 24px !important;
}

/*title and text design css ends*/
.orange--background {
  background-image: url("../images/light-brown.svg") !important;
  mix-blend-mode: multiply !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.green--background {
  background: url(../images/background--gray.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

/*title and text design css ends*/
.d-ingrid {
  display: -ms-inline-grid;
  display: inline-grid;
}

.mr-28 {
  margin-right: 28px;
}

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

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

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

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

.mb-12 {
  margin-bottom: 12px !important;
}

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

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

.slab--bold {
  font-family: "Dinnext-slab-bold" !important;
}

.wrap__property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.payment__radio .round--radio.box--radio {
  margin-bottom: 16px;
}

.package__radio .round--radio.box--radio {
  margin-bottom: 24px;
}

/*type number appearace hide css starts*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/*submit css starts*/
.submit__left {
  display: flex;
  align-items: center;
  gap: 24px;
}

.submit__option {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.submit__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

.submit__center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.column__option {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/*submit css ends*/
.date__icon {
  position: relative !important;
}
.date__icon::after {
  position: absolute;
  content: url("../images/calendar-icon.svg");
  top: 21px;
  right: 24px;
  height: 24px;
  width: 24px;
}
.date__icon input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.time__icon {
  position: relative !important;
}
.time__icon::after {
  position: absolute;
  content: url("../images/time-icon.svg");
  top: 21px;
  right: 24px;
  height: 24px;
  width: 24px;
}
.time__icon input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.error__message {
  background: #F9E6E7;
  color: #CC3233;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0.07px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
  border-radius: 2px;
}
.error__message svg {
  min-width: 16px;
  min-height: 16px;
  margin-top: 2px;
}

.disabled__property input,
.disabled__property .form-control {
  background: #e3e3e3 !important;
  color: #a9a9a9;
}
.disabled__property input:focus,
.disabled__property .form-control:focus {
  color: #a9a9a9;
}

.warning__text {
  color: #CC3233;
  font-size: 14px;
  padding: 5px 0;
}

.row.rows-12 {
  margin-right: -12px;
  margin-left: -12px;
}
.row.rows-12 .p-12 {
  padding-right: 12px;
  padding-left: 12px;
}

.order--status {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  padding: 4px 16px;
  background: #f6f0e9;
  border-radius: 20px;
}

.fill__buttons {
  display: flex;
  gap: 24px;
}
.fill__buttons a,
.fill__buttons button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top__info {
  color: #a66c23;
  text-align: center;
}
.top__info h1 {
  font-family: "Dinnext-slab";
  font-size: 42px;
  text-transform: uppercase;
}
.top__info p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 48px;
}

.minimum_order_value {
  color: #CC3233;
  margin: 5px 0;
}

.bagel-reorder {
  margin-left: auto;
  margin-right: 100px;
  font-size: 14px;
  color: #ffffff;
  padding: 8px 20px;
  background: #f76d6d;
  border-radius: 5px;
  cursor: pointer;
}
.bagel-reorder:hover {
  background: #CC3233;
  color: #ffffff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/*some classes ends*/
/*background image components starts*/
.bg--lightbrown {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg--lightwhite {
  background: url(../images/background--gray.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*background image components ends*/
.primary__outline__btn {
  font-family: "Dinnext-slab";
  font-size: 18px;
  line-height: 21.6px;
  text-transform: uppercase;
  color: #a66c23 !important;
  padding: 15.5px 40px;
  border: 1px solid #a66c23;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
}
.primary__outline__btn.big--btn {
  padding: 15.5px 40px;
}
.primary__outline__btn.small--btn {
  padding: 15.5px 40px;
  font-size: 16px;
}

.primary__btn {
  font-family: "Dinnext-slab";
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 15.5px 40px;
  background: #a66c23;
  border-radius: 8px;
  display: inline-block;
  border: 1px solid #a66c23;
}
.primary__btn.big--btn {
  padding: 15.5px 40px;
}
.primary__btn.small--btn {
  padding: 15.5px 40px;
  font-size: 16px;
}
.primary__btn:visited, .primary__btn:hover {
  border: 1px solid #a66c23;
  color: #ffffff;
}

.close__btn,
.addtocart__btn {
  font-size: 18px;
  text-transform: uppercase;
  color: #a66c23;
  line-height: 21.55px;
}
.close__btn span,
.addtocart__btn span {
  margin-left: 4px;
}
.close__btn:disabled,
.addtocart__btn:disabled {
  opacity: 0.4;
}

.back__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 13px;
  color: #4B4E53;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.back__btn:visited {
  color: #4B4E53;
}

/*all buttons css starts*/
.admin-bar .primary__menu__wrapper {
  margin-top: 32px !important;
}
.admin-bar .responsive__header--cover {
  top: 32px;
}

.lang__switcher {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.lang__switcher .lang__icon {
  position: absolute;
  right: 0;
}
.lang__switcher .lang__icon svg {
  fill: #a66c23;
  width: 12px;
  height: 12px;
}
.lang__switcher .dropdown .lang__button {
  color: #a66c23;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  width: 62px;
  gap: 5px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.lang__switcher .dropdown .lang__button svg {
  width: 18px;
  height: 18px;
  fill: #a66c23;
}
.lang__switcher .dropdown .dropdown-menu {
  transform: translate(-88px, 27px) !important;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 2px 4px 18px 0px rgba(166, 108, 35, 0.2);
}
.lang__switcher .dropdown .dropdown-menu li .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
}
.lang__switcher .dropdown .dropdown-menu li .dropdown-item:visited {
  color: #000000;
}
.lang__switcher .dropdown .dropdown-menu li span {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  padding-left: 16px;
}

@media (max-width: 991px) {
  .mobile__lang__switcher {
    padding: 40px 24px 0 24px;
  }
  .mobile__lang__switcher .lang__switcher {
    display: inline-flex;
  }
  .mobile__lang__switcher .lang__switcher .dropdown .dropdown-menu {
    transform: translate(0px, 27px) !important;
  }
}
/*lang__switcher css ends*/
.primary__menu__wrapper {
  background: #F8F7F2;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(205, 176, 138, 0.2);
  box-shadow: 0px 4px 16px 0px rgba(205, 176, 138, 0.2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 61;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.primary__menu__wrapper .primary__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
}
.primary__menu__wrapper .primary__menu .logo__part {
  width: 100%;
  max-width: 156px;
}
.primary__menu__wrapper .primary__menu .logo__part figure a img {
  position: absolute;
  top: 0;
  max-width: 156px;
}
.primary__menu__wrapper .primary__menu .menu__part ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 28px;
}
.primary__menu__wrapper .primary__menu .menu__part ul li.current-menu-item .nav-link {
  font-family: "Dinnext-Bold";
  border-bottom: 1px solid #a66c23;
}
.primary__menu__wrapper .primary__menu .menu__part ul li a {
  color: #a66c23;
  font-size: 16px;
}
.primary__menu__wrapper .primary__menu .menu__part ul li a:hover {
  font-family: "Dinnext-Bold";
  border-bottom: 1px solid #a66c23;
}
.primary__menu__wrapper .primary__menu .menu__part p {
  display: none;
  text-align: center;
  text-transform: uppercase;
}
.primary__menu__wrapper .primary__menu .logged__in__part {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 2;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  background: #f6f0e9;
  border: 1px solid #e3d1bb;
  border-radius: 16px;
  padding: 12px 16px;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details.dropdown-toggle::after {
  display: none;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details .avatar__image {
  max-width: 40px;
  max-height: 40px;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details .avatar__details {
  text-align: left;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details .avatar__details h3 {
  color: #4B4E53;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 0.08px;
  margin-bottom: 2px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .logged__details .avatar__details h4 {
  color: #828282;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.06px;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .dropdown-menu {
  padding: 0;
  border-radius: 8px;
  width: 100%;
  padding: 16px 8px;
  -webkit-box-shadow: 2px 4px 18px 0px rgba(166, 108, 35, 0.2);
  box-shadow: 2px 4px 18px 0px rgba(166, 108, 35, 0.2);
  border: none;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .dropdown-menu li a.logout__btn {
  font-family: "Dinnext-slab";
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  background: #a66c23;
  padding: 12px;
  display: block;
  text-align: center;
  border-radius: 8px;
  margin-top: 16px;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .dropdown-menu li .dropdown-item {
  color: #212121;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
}
.primary__menu__wrapper .primary__menu .logged__in__part .dropdown .dropdown-menu li .dropdown-item:hover {
  background: transparent;
}
.primary__menu__wrapper .primary__menu .login__part {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 2;
}

.homepage--header {
  padding-top: 0;
}
.homepage--header .primary__menu__wrapper {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.homepage--header .primary__menu__wrapper .primary__menu {
  height: 88px;
}
.homepage--header .primary__menu__wrapper .primary__menu .menu__part ul {
  display: none;
}
.homepage--header .primary__menu__wrapper .primary__menu .menu__part p {
  font-family: "Dinnext-slab";
  color: #ffffff;
  font-size: 25px;
  line-height: 42px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: block;
}
.homepage--header .primary__menu__wrapper .primary__outline__btn {
  color: #ffffff !important;
  border: 1px solid #ffffff;
}
.homepage--header .primary__menu__wrapper .lang__switcher .lang__icon svg {
  fill: #ffffff;
}
.homepage--header .primary__menu__wrapper .lang__switcher .dropdown .lang__button {
  color: #ffffff;
}
.homepage--header .primary__menu__wrapper .lang__switcher .dropdown .lang__button svg {
  fill: #ffffff;
}

/*header css ends*/
/*footer css starts*/
footer {
  padding: 56px 0 32px;
}
footer .footer__area {
  padding-bottom: 56px;
}
footer .footer__area a {
  color: #a66c23 !important;
}
footer .footer__area .open__status {
  font-family: "Dinnext-slab";
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 32px;
  text-transform: uppercase;
  background: #A66B23;
  padding: 4px 16px;
  border-radius: 10px;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
footer .footer__area .open__status span {
  font-family: "Dinnext-Bold";
  padding-top: 2px;
  font-size: 16px;
  line-height: 24px;
}
footer .footer__area .footer__logo img {
  max-width: 280px;
}
footer .footer__area .footer__title {
  font-family: "Dinnext-slab-bold";
  color: #4B4E53;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 20px;
}
footer .footer__area .footer__menu ul li {
  margin-bottom: 16px;
  line-height: 19.6px;
}
footer .footer__area .footer__menu ul li a {
  color: #4B4E53;
  font-size: 14px;
  line-height: 19.6px;
}
footer .footer__area .footer_details h3 {
  font-family: "Dinnext-Bold";
  color: #4B4E53;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 20px;
}
footer .footer__area .footer_details p {
  color: #4B4E53;
  font-size: 14px;
  line-height: 19.6px;
  margin-bottom: 8px;
}
footer .footer__area .footer_details p.title--4 {
  font-size: 20px !important;
}
footer .footer__area .social__media {
  margin-top: 32px;
}
footer .footer__area .social__media ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 30px;
}
footer .copyright__area {
  font-family: "Dinnext-slab";
  color: #8D8D8D;
  font-size: 12px;
  line-height: 140%;
}

@media (min-width: 1025px) {
  .body--center {
    position: absolute;
    left: 0;
    right: 0;
    top: 22px;
    z-index: 1;
  }
}
@media (max-width: 1024px) {
  footer .footer__area .social__media ul {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .admin-bar .responsive__header--cover {
    top: 46px;
  }
  .primary__outline__btn.big--btn,
  .primary__btn.big--btn {
    padding: 15.5px 15.5px;
    width: 100%;
    text-align: center;
  }
  .primary__title {
    font-size: 36px;
    line-height: 43.2px;
  }
  footer {
    padding: 38px 0;
  }
  footer .footer__area .footer__logo {
    margin-bottom: 40px;
  }
  footer .footer__area .footer__menu {
    margin-bottom: 24px;
  }
}
/*footer css ends*/
.bagel__left--middle {
  position: absolute;
  left: 0;
  bottom: 0;
}

.bagel__left--bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  transform: translateY(20%);
}

/*bagel__left--bottom css ends*/
.bagel__left--middle {
  position: absolute;
  left: 0;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.round__cover .round__bagel {
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  -o-transition: transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}
.round__cover:hover .round__bagel {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  overflow: hidden;
}

/*bagel__left--middle css ends*/
.es-review-container {
  min-height: 225px;
}

/*google review css ends*/
/*elementor side css starts*/
.experience--restaurant iframe {
  border-radius: 16px;
}

.lightbrown__background {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.small__modal__url {
  color: #ffffff !important;
}

.banner__bottom__text {
  opacity: 0.5;
  transition: 0.4s;
}
.banner__bottom__text span {
  opacity: 1;
}
.banner__bottom__text:hover {
  opacity: 1;
  color: #4B4E53 !important;
}

.modal {
  z-index: 100000000;
}

.modal-backdrop {
  z-index: 10000000;
}

.smi-preview ul li a {
  padding: 0;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.rotate__section__wrapper .round__bagel {
  z-index: 2;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  -o-transition: transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}
.rotate__section__wrapper:hover .round__bagel {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  overflow: hidden;
}

.time__zone {
  font-family: "Dinnext-Bold";
  font-size: 14px;
  color: #4B4E53;
  line-height: 24px;
  text-transform: uppercase;
}

.slider__part {
  overflow: hidden !important;
}

.slider__part figure.swiper-slide-inner {
  border: 1px solid #a66c23;
  border-radius: 34px !important;
  margin: 10px !important;
}

.slider__part figure.swiper-slide-inner img {
  border-radius: 34px !important;
  padding: 10px;
  height: 424px;
  object-fit: cover;
}

.slider__part .swiper {
  margin-left: -60px;
  margin-right: -60px;
}

.choose__image img {
  padding: 15px;
}

.dark__color {
  color: #4B4E53;
}

.astronaut-image-container {
  position: relative;
}
.astronaut-image-container .astronaut-image {
  background-image: url("../images/contact-astronaut.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 250px;
  -webkit-animation: zoom-in 3s ease forwards;
  animation: zoom-in 3s ease forwards;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}
@media (max-width: 1200px) {
  .astronaut-image-container .astronaut-image {
    width: 50%;
    margin-left: 4px;
    margin-top: -20px;
  }
}
@media (max-width: 1024px) {
  .astronaut-image-container .astronaut-image {
    width: 200px;
    margin-left: -28px;
    margin-top: -55px;
  }
}
@media (max-width: 767px) {
  .astronaut-image-container .astronaut-image {
    width: 60%;
    margin-left: 0;
    margin-top: 0;
  }
  .ccicon-x:before {
    display: none !important;
  }
  .experience--restaurant iframe {
    height: 320px;
  }
  .choose__image img {
    padding: 11.4px;
  }
}
@media (max-width: 450px) {
  .astronaut-image-container .astronaut-image {
    width: 49%;
    margin-left: -14px;
    margin-top: -40px;
  }
}
.home__banner__person {
  position: relative;
}
.home__banner__person img {
  position: absolute;
  right: 0;
  -webkit-animation: move-in 5s ease forwards;
  animation: move-in 5s ease forwards;
}

@-webkit-keyframes move-in {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
  }
}
@keyframes move-in {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
  }
}
@media (max-width: 767px) {
  .slider__part .swiper {
    margin-left: 0;
    margin-right: 0;
  }
  .slider__part figure.swiper-slide-inner img {
    height: 257px;
  }
  .bagel-reorder {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 600px) {
  .fill__buttons {
    gap: 10px;
    flex-direction: column;
    text-align: center;
  }
}
.wpcf7-not-valid-tip {
  margin-bottom: 24px !important;
}

.wpcf7-response-output {
  color: #dc3232;
  border: none;
  padding: 0;
}

.wpcf7-spinner {
  margin: 10px 0 !important;
  display: block !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .zoom-instagram.feed-1079 .zoom-instagram-widget__items {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .submit__right {
    flex-direction: column-reverse;
  }
  .submit__right button {
    width: 100%;
  }
}
/*elementor side css ends*/
@media (max-width: 1024px) {
  .submit__option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center;
  }
}
.hidden {
  display: none;
}

.primary__post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 63px;
  margin-bottom: 48px;
}
.primary__post .left__part {
  width: 40%;
}
.primary__post .left__part figure {
  height: 100%;
}
.primary__post .left__part figure img {
  border-radius: 42px;
  border: 1.5px solid #a66c23;
  padding: 14px;
  position: relative;
  z-index: 5;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 428px;
}
.primary__post .right__part {
  width: 60%;
  position: relative;
  z-index: 5;
}
.primary__post .right__part h3 {
  font-family: "Dinnext-slab";
  color: #a66c23;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  padding-bottom: 16px;
  border-bottom: 1px solid #d6bb9a;
}
.primary__post .right__part p {
  font-size: 18px;
  color: #4B4E53;
  line-height: 24px;
  margin: 16px 0 23px;
}

/*primary__post ends*/
.primary__tab__panel .all__tabs {
  margin: 40px 0 65px;
}
.primary__tab__panel .all__tabs .nav-tabs {
  border: none;
  border-top: 1px solid #a66c23;
  border-bottom: 1px solid #a66c23;
  padding: 16px 0;
  gap: 16px;
  flex-wrap: wrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.primary__tab__panel .all__tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}
.primary__tab__panel .all__tabs .nav-tabs .nav-link {
  color: #a66c23;
  font-size: 14px;
  padding: 0;
  padding: 8px 16px 6px 16px;
  text-transform: uppercase;
  border: 1px solid #a66c23;
  border-radius: 100px;
  min-width: fit-content;
}
.primary__tab__panel .all__tabs .nav-tabs .nav-link.active {
  font-family: "Dinnext-Bold";
  background: #a66c23 !important;
  color: #ffffff;
}
.primary__tab__panel .tab-content {
  max-width: 560px;
  margin: 0 auto;
}
.primary__tab__panel .tab-content .tab__story {
  color: #4B4E53;
  text-align: center;
  margin-bottom: 56px;
}
.primary__tab__panel .tab-content .tab__story h3 {
  font-family: "Dinnext-Bold";
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #a66c23;
}
.primary__tab__panel .tab-content .tab__story h4 {
  font-size: 18px;
  line-height: 24px;
  margin: 13px 0 8px;
}
.primary__tab__panel .tab-content .tab__story h5 {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
}
.primary__tab__panel .tab-content .tab__story .food__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
}
.primary__tab__panel.secondary--tab--panel .all__tabs {
  margin: 0 0 48px;
}
.primary__tab__panel.secondary--tab--panel .all__tabs .nav-tabs {
  border: none;
  padding: 1px 0;
}
.primary__tab__panel.center--type .all__tabs {
  margin: 40px 0 32px;
}
.primary__tab__panel.center--type .all__tabs .nav-tabs {
  justify-content: center;
}
.primary__tab__panel.center--type .tab-content {
  max-width: 100%;
  margin: 0 auto;
}

/*primary__tab__panel ends*/
.accordion {
  background: transparent;
}

.primary__accordion .accordion__item .accordion__header .accordion__button {
  font-family: "Dinnext-slab";
  font-size: 18px;
  color: #a66c23;
  text-transform: uppercase;
  background: transparent;
  text-align: center;
  cursor: pointer;
}
.primary__accordion .accordion__item .accordion__header .accordion__button span {
  position: relative;
}
.primary__accordion .accordion__item .accordion__header .accordion__button span::after {
  position: absolute;
  content: "";
  background: url("../images/arrow-up.svg");
  width: 20px;
  height: 20px;
  right: -30px;
  transform: rotate(0);
  top: 0;
}
.primary__accordion .accordion__item .accordion__header .accordion__button.collapsed span {
  position: relative;
}
.primary__accordion .accordion__item .accordion__header .accordion__button.collapsed span::after {
  transform: rotate(180deg);
}

/*primary__accordion ends*/
.panel__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}
.panel__options .panel__title h2 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.panel__options .panel__title p {
  font-size: 18px;
  line-height: 24px;
  color: #4B4E53;
}
.panel__options .panel__filter .section__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.panel__options .panel__filter .section__part .form-select {
  width: 196px;
}
.panel__options .panel__filter .section__part span {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}

/*panel__options ends*/
.global__dive {
  padding: 100px 0;
  position: relative;
  z-index: 10;
}
.global__dive:hover .round__bagel {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  overflow: hidden;
}
.global__dive .round__bagel {
  position: absolute;
  left: -17%;
  top: 24%;
  z-index: 2;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  -o-transition: transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}
.global__dive h2 {
  font-family: "Dinnext-slab";
  font-size: 36px;
  color: #a66c23;
  text-transform: uppercase;
  margin-bottom: 40px;
  max-width: 450px;
}

/*global__dive ends*/
.globalcard__part {
  padding: 130px 0 70px;
}
.globalcard__part .w-704 {
  text-align: center;
}
.globalcard__part h2 {
  font-family: "Dinnext-slab";
  font-size: 36px;
  text-transform: uppercase;
  color: #a66c23;
  padding-bottom: 16px;
}
.globalcard__part p {
  font-size: 18px;
  line-height: 24px;
  color: #4B4E53;
  margin-bottom: 60px;
}
.globalcard__part .all__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
.globalcard__part .all__cards .card {
  background: transparent;
  border-radius: 24px;
  border: 1px solid #5F6931;
  padding: 24px;
  text-align: center;
  background: rgba(95, 105, 49, 0.05);
}
.globalcard__part .all__cards .card .card__icon {
  margin-bottom: 16px;
}
.globalcard__part .all__cards .card .card__icon img {
  max-width: 71px;
}
.globalcard__part .all__cards .card .card-body {
  padding: 0;
}
.globalcard__part .all__cards .card .card-body .card-title {
  font-family: "Dinnext-slab";
  font-size: 20px;
  text-transform: uppercase;
  color: #4B4E53;
  margin-bottom: 9px;
}
.globalcard__part .all__cards .card .card-body .card-text {
  color: #4B4E53;
  font-size: 14px;
  line-height: 24px;
}

/*globalcard__part ends*/
.global__contact {
  padding: 95px 0;
  position: relative;
}
.global__contact .round__bagel--right {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.global__contact .global__open--cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.global__contact .global__open--cover .global__open {
  background: #1D9955;
  padding: 56px 24px;
  text-align: center;
  color: #ffffff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.global__contact .global__open--cover .global__open h2,
.global__contact .global__open--cover .global__open h4 {
  font-family: "Dinnext-slab";
  font-size: 32px;
  line-height: 24px;
}
.global__contact .global__open--cover .global__open h3 {
  font-family: "Dinnext-Bold";
  font-size: 41px;
  line-height: 24px;
  margin: 40px 0 32px;
}
.global__contact .business__hour {
  padding-left: 26px;
}
.global__contact .business__hour h2 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.global__contact .business__hour .opening__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 48px;
}
.global__contact .business__hour .opening__time .main__time {
  font-family: "Dinnext-Bold";
  font-size: 28px;
  line-height: 24px;
  color: #4B4E53;
}
.global__contact .business__hour .opening__time .main__time.right__border {
  position: relative;
}
.global__contact .business__hour .opening__time .main__time.right__border::after {
  position: absolute;
  content: "";
  right: -24px;
  top: 0;
  background: rgba(75, 78, 83, 0.2);
  height: 60px;
  width: 1px;
}
.global__contact .business__hour .opening__time .main__time span {
  font-size: 14px;
}
.global__contact .business__hour .opening__time .main__time p {
  font-family: "Dinnext-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.global__contact .business__hour .contact__details {
  margin: 72px 0;
}
.global__contact .business__hour .contact__details ul li {
  color: #4B4E53;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
.global__contact .business__hour .contact__details ul li a {
  color: #a66c23;
  border-bottom: 1px solid #a66c23;
  margin-left: 8px;
}
.global__contact .business__hour .contact__address p {
  font-size: 18px;
  line-height: 24px;
  color: #4B4E53;
}
.global__contact .contact__map {
  position: relative;
  z-index: 5;
}
.global__contact .contact__map iframe {
  height: 472px;
  width: 100%;
  border-radius: 24px;
  border: 1px solid #a66c23 !important;
}

/*global__contact ends*/
.milestone__part {
  padding: 140px 0 100px;
  overflow: hidden;
}
.milestone__part h2 {
  font-family: "Dinnext-slab";
  font-size: 36px;
  text-transform: uppercase;
  color: #a66c23;
  padding-bottom: 16px;
  text-align: center;
}
.milestone__part .animated__part {
  position: relative;
  padding-top: 40px;
  height: 850px;
}
.milestone__part .animated__part .milestone__image__wrapper {
  background: url("../images/bg-with-lines.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  height: 857px;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-1 {
  left: -210%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-2 {
  left: -210%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-3 {
  left: -210%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-4 {
  top: 0;
  left: 50%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-5 {
  right: -150%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-6 {
  right: -150%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper:hover .image-7 {
  right: -150%;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.milestone__part .animated__part .milestone__image__wrapper.hidden-image {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.milestone__part .animated__part .milestone__image__wrapper .image-1 {
  position: absolute;
  left: 0;
  top: 10%;
}
.milestone__part .animated__part .milestone__image__wrapper .image-2 {
  position: absolute;
  top: 46%;
  left: 0;
}
.milestone__part .animated__part .milestone__image__wrapper .image-3 {
  position: absolute;
  top: 27%;
  left: 25%;
}
.milestone__part .animated__part .milestone__image__wrapper .image-4 {
  position: absolute;
  top: 59%;
  left: 25%;
}
.milestone__part .animated__part .milestone__image__wrapper .image-5 {
  position: absolute;
  top: 21%;
  right: 28%;
}
.milestone__part .animated__part .milestone__image__wrapper .image-6 {
  position: absolute;
  top: 36%;
  right: 6%;
}
.milestone__part .animated__part .milestone__image__wrapper .image-7 {
  position: absolute;
  top: 71%;
  right: 25%;
}
.milestone__part .animated__part .tab-content .milestone__story .story__details h3 {
  font-family: "Dinnext-Bold";
  font-size: 110px;
  text-transform: uppercase;
  color: #a66c23;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 30px;
}
.milestone__part .animated__part .tab-content .milestone__story .story__details h3 span {
  font-size: 40px;
  margin-bottom: 25px;
}
.milestone__part .animated__part .tab-content .milestone__story .story__details h4 {
  font-family: "Dinnext-slab";
  font-size: 42px;
  text-transform: uppercase;
  margin: 16px 0;
  color: #4B4E53;
}
.milestone__part .animated__part .tab-content .milestone__story .story__details p {
  font-size: 20px;
  line-height: 28px;
  color: #4B4E53;
  margin-bottom: 16px;
}
.milestone__part .animated__part .tab-content .milestone__story .story__details button {
  font-family: "Dinnext-Bold";
  font-size: 20px;
  line-height: 28px;
  color: #a66c23;
  display: inline-block;
  border: none;
  background: transparent;
  padding: 0;
}
.milestone__part .animated__part .tab-content .milestone__story .story__image img {
  border-radius: 34px;
}
.milestone__part .animated__part .tab__panel {
  margin-top: 42px;
}
.milestone__part .animated__part .tab__panel .nav-tabs {
  border: none;
  gap: 24px;
  overflow-x: scroll;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.milestone__part .animated__part .tab__panel .nav-tabs::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link {
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  padding: 0;
  outline: 0;
  padding: 8px;
  border: none;
  border-bottom: 4px solid #bebebe;
  min-width: 96px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link.active {
  background: transparent;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link:focus {
  border: none;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link:hover {
  border: 0;
  border-bottom: 4px solid #bebebe;
}
.milestone__part .animated__part .tab__panel .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 4px solid #a66c23;
  color: #a66c23;
}

/*milestone__part ends*/
.review__part {
  padding: 100px 0;
}
.review__part .review__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #a66c23;
}
.review__part .review__title span {
  font-size: 14px;
  text-transform: lowercase;
}
.review__part .review__title .total__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -4px;
}
.review__part .review__title .total__star li img {
  height: 20px;
  width: 20px;
}
.review__part .review__card {
  background: #ffffff;
  padding: 24px;
  border-radius: 8px;
  color: #a66c23;
}
.review__part .review__card h3 {
  font-family: "Dinnext-Bold";
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 5px;
}
.review__part .review__card h4 {
  font-size: 12px;
  line-height: 14px;
  color: #a66c23;
  margin-bottom: 5px;
}
.review__part .review__card p {
  text-align: center;
}
.review__part .review__card .all__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.review__part .review__card button {
  border: none;
  outline: 0;
  background: transparent;
  padding: 0;
  color: #a66c23;
  opacity: 0.5;
  margin: 0 auto;
  display: block;
}
.review__part .owl-nav button.owl-next {
  background: url("../images/arrow-right.png") !important;
  right: -40px;
}
.review__part .owl-nav button.owl-prev {
  background: url("../images/arrow-left.png") !important;
  left: -40px;
}
.review__part .owl-nav button.owl-prev,
.review__part .owl-nav button.owl-next {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 50%;
}
.review__part .owl-nav button.owl-prev span,
.review__part .owl-nav button.owl-next span {
  display: none !important;
}

/*review__part ends*/
.hero__section {
  background: url("../images/hero-banner.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 1000px;
  position: relative;
  z-index: 6;
}
.hero__section .inner__images {
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.hero__section .inner__images .back-bagel {
  width: 700px;
  -webkit-animation: bagel-zoomout 3s ease-in-out forwards;
  animation: bagel-zoomout 3s ease-in-out forwards;
}
.hero__section .inner__images .astronaut__icon {
  position: absolute;
  right: -20%;
  top: 15%;
  width: 100%;
  height: 100%;
  -webkit-animation: avatarMove 5s ease-in-out forwards;
  animation: avatarMove 5s ease-in-out forwards;
  object-fit: contain;
}
.hero__section .bottom__images {
  max-width: 1200px;
  margin: 0 auto;
  -webkit-animation: goTop 4s ease-in-out forwards;
  animation: goTop 4s ease-in-out forwards;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
}
.hero__section .bottom__images .group__food h3 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.hero__section .bottom__images .group__food .restaurant__food,
.hero__section .bottom__images .group__food .catering__food,
.hero__section .bottom__images .group__food .gastro__food {
  height: 100px;
  position: relative;
}
.hero__section .bottom__images .group__food .restaurant__food .part1,
.hero__section .bottom__images .group__food .restaurant__food .part2,
.hero__section .bottom__images .group__food .restaurant__food .part3,
.hero__section .bottom__images .group__food .restaurant__food .part4,
.hero__section .bottom__images .group__food .catering__food .part1,
.hero__section .bottom__images .group__food .catering__food .part2,
.hero__section .bottom__images .group__food .catering__food .part3,
.hero__section .bottom__images .group__food .catering__food .part4,
.hero__section .bottom__images .group__food .gastro__food .part1,
.hero__section .bottom__images .group__food .gastro__food .part2,
.hero__section .bottom__images .group__food .gastro__food .part3,
.hero__section .bottom__images .group__food .gastro__food .part4 {
  position: absolute;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.hero__section .bottom__images .group__food .restaurant__food .part1 {
  top: -53px;
  right: -50px;
  z-index: 2;
  max-width: 51px;
}
.hero__section .bottom__images .group__food .restaurant__food .part2 {
  top: -27px;
  left: 16%;
  z-index: 2;
  max-width: 108px;
}
.hero__section .bottom__images .group__food .restaurant__food .part3 {
  z-index: 1;
  bottom: 10px;
  max-width: 148px;
}
.hero__section .bottom__images .group__food .catering__food {
  margin-left: 23px;
}
.hero__section .bottom__images .group__food .catering__food .part1 {
  top: -53px;
  left: 0;
  max-width: 66px;
}
.hero__section .bottom__images .group__food .catering__food .part2 {
  top: -53px;
  left: 71px;
  max-width: 79px;
}
.hero__section .bottom__images .group__food .catering__food .part3 {
  top: -13px;
  left: -5px;
  max-width: 74px;
}
.hero__section .bottom__images .group__food .catering__food .part4 {
  top: -13px;
  left: 71px;
  max-width: 81px;
}
.hero__section .bottom__images .group__food .gastro__food {
  margin-left: 23px;
}
.hero__section .bottom__images .group__food .gastro__food .part1 {
  top: -15px;
  left: -4px;
  z-index: 5;
  max-width: 145px;
}
.hero__section .bottom__images .group__food .gastro__food .part2 {
  top: -42px;
  left: 0;
  z-index: 4;
  max-width: 64px;
}
.hero__section .bottom__images .group__food .gastro__food .part3 {
  top: -46px;
  left: 38px;
  z-index: 3;
  max-width: 66px;
}
.hero__section .bottom__images .group__food .gastro__food .part4 {
  top: -48px;
  left: 77px;
  z-index: 1;
  max-width: 64px;
}
.hero__section .bottom__images .group__food:hover .restaurant__food .part1 {
  top: -63px;
  right: -60px;
}
.hero__section .bottom__images .group__food:hover .restaurant__food .part2 {
  top: -43px;
}
.hero__section .bottom__images .group__food:hover .restaurant__food .part3 {
  bottom: 0px;
  z-index: 1;
}
.hero__section .bottom__images .group__food:hover .catering__food .part1 {
  top: -70px;
  left: -13px;
}
.hero__section .bottom__images .group__food:hover .catering__food .part2 {
  top: -71px;
  left: 82px;
}
.hero__section .bottom__images .group__food:hover .catering__food .part3 {
  top: -1px;
  left: -25px;
}
.hero__section .bottom__images .group__food:hover .catering__food .part4 {
  top: -3px;
  left: 79px;
}
.hero__section .bottom__images .group__food:hover .gastro__food .part1 {
  top: -20px;
}
.hero__section .bottom__images .group__food:hover .gastro__food .part2 {
  left: -11px;
  top: -64px;
}
.hero__section .bottom__images .group__food:hover .gastro__food .part3 {
  top: -64px;
}
.hero__section .bottom__images .group__food:hover .gastro__food .part4 {
  top: -68px;
}

@-webkit-keyframes bagel-zoomout {
  0% {
    -webkit-transform: scale(1) rotate(20deg);
    transform: scale(1) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(0.7) rotate(-5deg);
    transform: scale(0.7) rotate(-5deg);
  }
}
@keyframes bagel-zoomout {
  0% {
    -webkit-transform: scale(1) rotate(20deg);
    transform: scale(1) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(0.7) rotate(-5deg);
    transform: scale(0.7) rotate(-5deg);
  }
}
@-webkit-keyframes avatarMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
}
@keyframes avatarMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
}
@-webkit-keyframes goTop {
  0% {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes goTop {
  0% {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*hero banner css ends*/
.cart__table {
  max-height: 450px;
  overflow-y: scroll;
}
.cart__table::-webkit-scrollbar {
  width: 2px;
}
.cart__table::-webkit-scrollbar-track {
  background: transparent;
}
.cart__table .table__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px solid rgba(75, 78, 83, 0.15);
}
.cart__table .table__step:last-child {
  border-bottom: none;
}
.cart__table .table__step .product__info {
  color: #4B4E53;
  max-width: 70%;
}
.cart__table .table__step .product__info h5 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.cart__table .table__step .product__info h6 {
  font-size: 14px;
}

@media (max-width: 450px) {
  .cart__table .table__step {
    gap: 20px;
  }
  .cart__table .table__step .product__info {
    max-width: 100%;
  }
  .cart__table .table__step .product__info h5 {
    font-size: 14px;
    line-height: 24px;
  }
  .cart__table .table__step .product__info h6 {
    line-height: 16.8px;
  }
  .cart__table .table__step .quantity__info {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
.quantity__info {
  width: 105px;
}
.quantity__info .quantity__number {
  background: transparent;
  border: none;
  border-bottom: 1px solid #a66c23;
  border-radius: 0;
  width: 50px;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #4B4E53;
}
.quantity__info .quantity__number:focus {
  border-bottom: 1px solid #a66c23;
  outline: 0;
}
.quantity__info button {
  background: transparent;
  outline: 0;
  border: none;
  padding: 0;
}
.quantity__info.secondary__design {
  width: 100%;
}
.quantity__info.secondary__design .quantity__number {
  border: 1px solid rgba(75, 78, 83, 0.1);
  border-radius: 4px;
  padding: 8px;
  margin: 0 10px;
}

/*cart__table ends*/
.varient__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

/*varient__list ends*/
.shopping__card {
  background: #FAF9F4;
  border-radius: 20px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
}
.shopping__card .card__image {
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  position: relative;
}
.shopping__card .card__image img {
  width: 100%;
  height: 248px;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.shopping__card .card__image img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.shopping__card .card__image .available__sticker {
  border-radius: 12px;
  background: rgba(246, 240, 233, 0.95);
  position: absolute;
  padding: 4px 8px;
  bottom: 10px;
  left: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.shopping__card .card__image .available__sticker h5 {
  font-size: 12px;
  line-height: 24px;
  color: #4B4E53;
}
.shopping__card .card__image .available__sticker ul {
  display: flex;
  align-items: center;
  gap: 4px;
}
.shopping__card .card__body {
  padding: 20px 20px 0 20px;
}
.shopping__card .card__body h3 {
  font-family: "Dinnext-slab";
  font-size: 20px;
  text-transform: uppercase;
  color: #a66c23;
  margin-bottom: 8px;
}
.shopping__card .card__body p {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  padding-bottom: 20px;
}
.shopping__card .action__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.shopping__card .action__feature h4 {
  font-size: 20px;
  line-height: 24px;
  color: #4B4E53;
}
.shopping__card .action__feature button {
  font-size: 18px;
  text-transform: uppercase;
  color: #a66c23;
  background: transparent;
  outline: 0;
  border: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
  gap: 8px;
}
.shopping__card.extra__food {
  position: relative;
  padding-bottom: 60px;
}
.shopping__card.extra__food .card__body {
  padding: 16px 16px 0px 16px;
}
.shopping__card.extra__food .card__body h3 {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
}
.shopping__card.extra__food .card__body .quantity__info.secondary__design {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.shopping__card:hover .available__sticker {
  opacity: 1;
}

/*shopping__card css ends*/
.form-select {
  background: transparent;
  border: none;
  background: url(../images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  border-bottom: 1px solid #a66c23 !important;
  padding: 0;
  padding-right: 20px;
  border-radius: 0;
}
.form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

/*form-select css ends*/
.primary-radio {
  margin-bottom: 24px;
}
.primary-radio label {
  display: block;
  margin-bottom: 0px;
  cursor: pointer;
}
.primary-radio label [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.primary-radio label [type=radio]:checked + .check_text {
  border: 1px solid #a66c23;
  position: relative;
  border-radius: 16px;
}
.primary-radio label .check_text {
  font-size: 16px;
  line-height: 24px;
  border-radius: 2px;
  padding: 20px;
  color: #4B4E53;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 16px;
}
.primary-radio label .check_text svg {
  margin-right: 10px;
}
.primary-radio.secondary-radio label .check_text {
  border: 1px solid rgba(75, 78, 83, 0.3);
  background: transparent;
}
.primary-radio.third-radio {
  margin-bottom: 0;
}
.primary-radio.third-radio label [type=radio]:checked + .check_text {
  border: 1px solid transparent;
}
.primary-radio.third-radio label .check_text {
  padding: 0;
  border: 1px solid transparent;
}
.primary-radio.third-radio label .check_text.active_bagel {
  position: relative;
  border: 1px solid #a66c23 !important;
}
.primary-radio.third-radio label .check_text.active_bagel::after {
  position: absolute;
  content: "";
  background: url("../images/radio-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 24px;
  height: 24px;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 13px;
}

/*primary-radio css ends*/
.round--radio {
  margin-bottom: 20px;
}
.round--radio label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 30px;
}
.round--radio label .radio__text {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.round--radio label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.round--radio label .radio__check {
  position: absolute;
  top: 42%;
  left: 0;
  bottom: auto;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #4B4E53;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.round--radio label input:checked ~ .radio__text {
  color: #a66c23;
}
.round--radio label input:checked ~ .radio__check:after {
  display: block;
  font-size: 30px;
}
.round--radio label input:checked ~ .radio__check {
  border: 2px solid #a66c23;
}
.round--radio label .radio__check::after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a66c23;
}
.round--radio.box--radio label {
  display: block;
  margin-right: 0;
  padding-left: 0;
}
.round--radio.box--radio label .radio__check {
  top: 28px;
  left: 20px;
}
.round--radio.box--radio label .radio__text {
  flex-direction: column;
  padding: 16px 20px 16px 46px;
  border: 1px solid rgba(75, 78, 83, 0.3);
  border-radius: 11px;
}
.round--radio.box--radio label .radio__text .radio__feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.round--radio.box--radio label .radio__text .radio__info {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  border-top: 1px solid rgba(75, 78, 83, 0.4);
  padding-top: 12px;
  margin: 12px 0 0 -30px;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  display: none;
}
.round--radio.box--radio label .radio__text .radio__info.show--info {
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  display: block;
}
.round--radio.box--radio label .radio__text .content__radio {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.round--radio.box--radio label .radio__text .content__radio .content__info .bagel__title {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.round--radio.box--radio label .radio__text .content__radio .content__info .bagel__details {
  color: rgba(75, 78, 83, 0.6);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
}
.round--radio.box--radio label .radio__text .content__radio .content__info .bagel__price {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.round--radio.box--radio label .radio__text .content__radio .content__image img {
  min-width: 111px;
  min-height: 108px;
  max-width: 111px;
  max-height: 108px;
}
.round--radio.box--radio label input:checked ~ .radio__text {
  border: 1px solid #a66c23;
  color: #4B4E53;
}

/*round--radio button css ends*/
.global-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 29px;
  cursor: pointer;
  font-size: 22px;
  margin-bottom: 0px;
}
.global-checkbox:hover {
  background: transparent;
}
.global-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.global-checkbox input:checked ~ .checkmark {
  background-color: #ffffff;
}
.global-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.global-checkbox .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border: 2px solid #4B4E53;
  border-radius: 5px;
}
.global-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6.2px;
  top: 2px;
  width: 5.5px;
  height: 11px;
  border: solid #4B4E53;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.global-checkbox .check__text {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  padding-top: 6px;
  display: inline-block;
}
.global-checkbox.yellow--type .checkmark {
  background-color: #a66c23;
  border: 2px solid #a66c23;
}
.global-checkbox.yellow--type .checkmark::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.global-checkbox.yellow--type input:checked ~ .checkmark {
  background: #a66c23;
}

/*global-checkbox css ends*/
.box-checkbox {
  display: contents;
}
.box-checkbox label {
  display: -ms-inline-grid;
  display: inline-grid;
  cursor: pointer;
  margin-bottom: 0px;
}
.box-checkbox label [type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.box-checkbox label [type=checkbox]:checked + .check_text {
  border: 1px solid #a66c23;
  position: relative;
  border-radius: 16px;
}
.box-checkbox label [type=checkbox]:checked + .check_text::after {
  position: absolute;
  content: "";
  background: url("../images/radio-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 24px;
  height: 24px;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 13px;
}
.box-checkbox label .check_text {
  border-radius: 16px;
  border: 1px solid transparent;
}

/*box-checkbox css ends*/
.number__range {
  margin: 120px 0 147px;
  height: 60px;
}
.number__range .range-slider {
  position: relative;
  width: 100%;
}
.number__range .range-slider_input {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  opacity: 0;
  margin: 0;
}
.number__range .range-slider_thumb {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: auto;
  bottom: -88px;
  transform: translateY(-50%);
  color: #a66c23;
  text-align: center;
  z-index: 2;
  font-size: 25px;
}
.number__range .range-slider_thumb::after {
  position: absolute;
  content: url("../images/person.svg");
  top: -55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateX(-50%);
}
.number__range .range-slider_line {
  height: 0.5vmin;
  width: 100%;
  background-color: #D0CBC1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  z-index: 1;
}
.number__range .range-slider_line-fill {
  position: absolute;
  height: 4px;
  width: 0;
  background-color: #a66c23;
}

/*number__range ends*/
.form-field {
  margin-bottom: 24px;
  position: relative;
}
.form-field:last-child {
  margin-bottom: 8px;
}
.form-field .form-control {
  border-radius: 8px;
  border: 1px solid rgba(75, 78, 83, 0.4);
  background: #ffffff;
  padding: 20px;
}
.form-field .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.form-field .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.form-field .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.form-field .form-control::-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.form-field .form-control::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.form-field .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-field .field__btn {
  position: absolute;
  top: 21px;
  right: 21px;
  background: transparent;
  border: none;
  padding: 0;
}

/*form-field css ends*/
.global__field__title,
.global__field__description {
  color: #4B4E53;
}

.global__field__title {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.global__field__description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
}

.global__field__note {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  margin-bottom: 40px;
}

.field--rows {
  margin-right: -12px;
  margin-left: -12px;
}
.field--rows .row--gap {
  padding-right: 12px;
  padding-left: 12px;
}

.field--rows--small {
  margin-right: -8px;
  margin-left: -8px;
}
.field--rows--small .row--gap--small {
  padding-right: 8px;
  padding-left: 8px;
}

/*field--rows and gaps ends*/
.global__label {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
}

.global__field {
  margin-bottom: 24px;
}
.global__field.date__icon .form-control, .global__field.time__icon .form-control {
  padding-right: 25px;
}
.global__field.eye__icon {
  position: relative;
}
.global__field.eye__icon input {
  padding-right: 50px;
}
.global__field.eye__icon button {
  position: absolute;
  right: 16px;
  top: 12px;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.global__field .form-control {
  border-radius: 8px;
  border: 1px solid rgba(75, 78, 83, 0.4);
  background: #ffffff;
  padding: 20px;
}
.global__field .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.global__field .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.global__field .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.global__field .form-control::-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.global__field .form-control::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.global__field .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.global__field textarea.form-control {
  min-height: 136px;
}
.global__field.gray__type {
  margin-bottom: 16px;
}
.global__field.gray__type .form-control {
  background: #F8F8F8;
  border: none;
}

.global__files label {
  cursor: pointer;
}
.global__files label input[type=file] {
  display: none;
}

/*global__field css ends*/
.cart__details__table {
  border-radius: 8px;
  background: #EEE1CF;
  padding: 28px;
  margin-bottom: 32px;
  display: block;
}
.cart__details__table .cart__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
.cart__details__table .cart__list.final__result {
  font-weight: 700;
  margin-bottom: 0;
}
.cart__details__table .cart__list .details__list,
.cart__details__table .cart__list .amount__list {
  font-size: 16px;
  line-height: 24px;
}
.cart__details__table .cart__list .details__list {
  color: #a66c23;
}
.cart__details__table .cart__list .amount__list {
  color: #4B4E53;
}

/*cart__details__table ends*/
.primary__stepper {
  background: rgba(248, 247, 242, 0.8);
  padding: 23px 0;
}
.primary__stepper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.primary__stepper ul li {
  padding: 0px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 135px;
  max-width: 135px;
  position: relative;
}
.primary__stepper ul li.active .number {
  background: #a66c23;
  color: #ffffff;
}
.primary__stepper ul li:first-child::before {
  display: none;
}
.primary__stepper ul li::before {
  content: "";
  position: absolute;
  background: #D6BB9A;
  height: 2px;
  top: 16px;
  z-index: 20;
  width: 80px;
  left: -42px;
}
.primary__stepper ul li .number {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #f6f0e9;
  color: #a66c23;
  border: 1px solid #e3d1bb;
  text-align: center;
  margin-bottom: 11px;
  position: relative;
  line-height: 32px;
}
.primary__stepper ul li .text {
  font-size: 14px;
  line-height: 24px;
  color: #a66c23;
}

/*primary__stepper ends*/
.welcome__message {
  background: #FEF8F1;
  padding: 32px 56px;
  color: #4B4E53;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 48px;
}
.welcome__message .message__body {
  width: 70%;
}
.welcome__message .message__body h3 {
  font-family: "Dinnext-slab";
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.welcome__message .message__body h3 span {
  font-family: "Dinnext-slab-bold";
}
.welcome__message .message__body p {
  font-size: 18px;
  line-height: 24px;
}
.welcome__message .message__icon {
  position: absolute;
  right: 0;
  bottom: 0;
}

/*welcome__message ends*/
.suggested__food {
  background: #f6f0e9;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.suggested__food figure {
  max-width: 46px;
}
.suggested__food .suggested__content {
  color: #4B4E53;
}
.suggested__food .suggested__content h4 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}
.suggested__food .suggested__content h4 span {
  font-family: "Dinnext-slab-bold";
  font-size: 26px;
  line-height: 24px;
}
.suggested__food .suggested__content p {
  font-size: 12px;
  line-height: 20px;
}

/*suggested__food ends*/
.bagel__collection {
  margin: 32px 0;
}
.bagel__collection .collection__title {
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  margin-bottom: 24px;
}

.collection__card {
  background: #FAF9F4;
  border-radius: 16px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 12px;
}
.collection__card .collection__image {
  width: 40%;
}
.collection__card .collection__image figure img {
  border-radius: 8px;
  object-fit: cover;
  width: 150px;
  height: 150px;
}
.collection__card .collection__content {
  width: 60%;
}
.collection__card .collection__content h4 {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #a66c23;
  margin-bottom: 8px;
}
.collection__card .collection__content h5 {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
  margin-bottom: 24px;
}
.collection__card .collection__content h6 {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.collection__card .collection__content h6 span {
  font-size: 14px;
}

/*bagel__collection ends*/
.suggested__apply {
  background: #f6f0e9;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 24px;
}

.primary__switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 21px;
  border-radius: 34px;
  margin-top: 2px;
}
.primary__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.primary__switch input:checked + .switch__slider {
  background-color: #1D9955;
}
.primary__switch input:focus + .switch__slider {
  -webkit-box-shadow: 0 0 1px #1D9955;
  box-shadow: 0 0 1px #1D9955;
}
.primary__switch input:checked + .switch__slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.primary__switch .switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CC3233;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.primary__switch .switch__slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3.5px;
  bottom: 3.5px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.primary__switch--cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  flex-direction: row-reverse;
}

.switch__text {
  text-align: right;
}
.switch__text .switch__title {
  font-size: 20px;
  line-height: 24px;
  color: #4B4E53;
}
.switch__text .switch__details {
  font-size: 14px;
  line-height: 24px;
  color: rgb(75, 78, 83);
}

/*suggested__apply ends*/
.suggested__table__cover p {
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  margin: 24px 0;
}
.suggested__table__cover .suggested__table {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 30px;
}
.suggested__table__cover .suggested__table .table__top {
  background: #f6f0e9;
  padding: 12px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}
.suggested__table__cover .suggested__table .table__top .left__content {
  color: #4B4E53;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__title span {
  font-family: "Dinnext-Bold";
}
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle {
  display: flex;
  align-items: center;
  gap: 26px;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h4 {
  position: relative;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h4::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 19px;
  background: #4B4E53;
  right: -13px;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h4,
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h5 {
  font-size: 16px;
  line-height: 24px;
}
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h4 span,
.suggested__table__cover .suggested__table .table__top .left__content .top__subtitle h5 span {
  font-family: "Dinnext-Bold";
}
.suggested__table__cover .suggested__table .table__top .right__content {
  font-size: 14px;
  line-height: 24px;
  color: #c39d6c;
  display: flex;
  gap: 8px;
}
.suggested__table__cover .suggested__table .cart__table .table__step .quantity__info {
  display: flex;
  align-items: center;
  width: auto;
}
.suggested__table__cover .suggested__table .cart__table .table__step .quantity__info .quantity__number {
  border: none;
  margin-top: 4px;
}
.suggested__table__cover .suggested__table .cart__table .table__total {
  color: #4B4E53;
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.suggested__table__cover .suggested__table .cart__table .table__total .total__text {
  font-size: 16px;
  line-height: 24px;
}
.suggested__table__cover .suggested__table .cart__table .table__total .total__amount {
  font-family: "Dinnext-Bold";
  font-size: 20px;
  line-height: 24px;
}

.suggestion-bagel-show-more-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -52px;
  margin-bottom: 10px;
}
.suggestion-bagel-show-more-container .floating__show__btn {
  font-family: "Dinnext-slab";
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 20px;
  background: #e3d1bb;
  color: #4B4E53;
  border-radius: 26px;
}

/*bagel__collection ends*/
.surprise__template {
  background: #FAF9F4;
  padding: 32px 56px;
  border-radius: 32px;
}
.surprise__template .top__part {
  text-align: center;
  margin-bottom: 40px;
}
.surprise__template .message__part h3 {
  font-family: "Dinnext-Bold";
  font-size: 36px;
  line-height: normal;
  text-transform: uppercase;
  color: #4B4E53;
  text-align: center;
}
.surprise__template .message__part h4 {
  font-size: 18px;
  line-height: 30px;
  color: rgba(75, 78, 83, 0.8);
  margin: 12px 0;
  text-align: center;
}
.surprise__template .message__part .message__content {
  font-size: 16px;
  line-height: 30px;
  color: #4B4E53;
  margin: 12px 0 24px;
  text-align: center;
}
.surprise__template .message__part .message__content a {
  color: #a66c23;
}
.surprise__template .message__part .order__part h5 {
  color: rgba(75, 78, 83, 0.8);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
  text-align: center;
}

/*surprise__template ends*/
.order__box {
  border-radius: 32px;
  border: 1px solid #d6bb9a;
  padding: 32px;
  margin-bottom: 56px;
}
.order__box .box__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.order__box .box__top .box__title {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #4B4E53;
  text-transform: uppercase;
}
.order__box .order__items ul li {
  margin-bottom: 24px;
}
.order__box .order__items ul li .item__unit {
  color: rgba(75, 78, 83, 0.7);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}
.order__box .order__items ul li .item__details {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.order__box .order__details {
  display: flex;
  justify-content: space-between;
}
.order__box .order__details .unit__title {
  color: rgba(75, 78, 83, 0.7);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.order__box .order__details .unit__details {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.order__box.secondary--box {
  border-radius: 0;
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.order__box.secondary--box .box__top {
  gap: 8px;
  justify-content: flex-start;
}
.order__box.secondary--box .order__details {
  gap: 60px;
  justify-content: flex-start;
  border-bottom: 1px solid #e3d1bb;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.order__box.secondary--box .order__details .items__details {
  width: 30%;
}
.order__box.secondary--box .order__details .quantity__details {
  width: 15%;
}
.order__box.secondary--box .order__details .date__details {
  width: 15%;
}
.order__box.secondary--box .order__details .price__details {
  width: 15%;
}

/*order__box ends*/
.mini__cart {
  background: #ffffff;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 110px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 -24px;
}
.mini__cart .total__bagel,
.mini__cart .total__person {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mini__cart .total__bagel h4,
.mini__cart .total__person h4 {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
}
.mini__cart .total__bagel h4 span,
.mini__cart .total__person h4 span {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #a66c23;
}
.mini__cart .total__person {
  position: relative;
}
.mini__cart .total__person::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 24px;
  background: #e3d1bb;
  left: -55px;
}

@media (max-width: 450px) {
  .mini__cart {
    gap: 10px;
    justify-content: space-between;
    flex-direction: column;
  }
  .mini__cart .total__person::before {
    display: none;
  }
}
/*mini__cart ends*/
.alert__container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  margin: 0 20px;
}
.alert__container .alert__message {
  max-width: 700px;
  margin: 0 auto;
  padding: 48px 56px;
  color: #4B4E53;
  background: #ffffff;
  border-radius: 24px;
}
.alert__container .alert__message h3 {
  font-family: "Dinnext-Bold";
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.alert__container .alert__message p {
  font-size: 14px;
}

@media (max-width: 1500px) {
  .owl-nav button.owl-next {
    right: 0 !important;
  }
  .owl-nav button.owl-prev {
    left: 0 !important;
  }
}
@media (max-width: 1200px) {
  .globalcard__part .all__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .primary__tab__panel .all__tabs .nav-tabs {
    flex-wrap: nowrap !important;
  }
  .primary__stepper {
    padding: 43px 0 23px;
  }
  .globalcard__part .all__cards {
    grid-template-columns: repeat(auto-fill, 33.33%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .primary__post {
    gap: 32px;
  }
  .global__contact {
    padding: 41px 0 56px;
  }
  .global__contact .business__hour {
    padding-left: 36px;
    margin: 32px 0;
    position: relative;
    z-index: 10;
  }
  .global__contact .business__hour .contact__details {
    margin: 32px 0;
  }
  .global__contact .contact__map {
    margin-top: 37px;
  }
  .global__contact .contact__map iframe {
    height: 297px;
  }
  .milestone__part .animated__part .milestone__image__wrapper {
    display: none;
  }
  .milestone__part .tab-content .milestone__story .story__details h3 {
    font-size: 80px;
  }
  .milestone__part .tab-content .milestone__story .story__details h4 {
    font-size: 30px;
  }
  .welcome__message .message__body {
    width: 60%;
  }
  .collection__card {
    margin-bottom: 30px;
  }
  .hero__section .bottom__images a .group__food h3 {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  .welcome__message .message__body h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .welcome__message .message__body p {
    font-size: 16px;
  }
  .panel__options {
    margin-top: 30px;
  }
  .milestone__part {
    padding: 23.33px 0 48px;
  }
  .milestone__part h2 {
    padding-bottom: 0;
  }
  .milestone__part .animated__part .tab-content .milestone__story .story__details h3 {
    font-size: 80px;
    line-height: 95.76px;
  }
  .milestone__part .animated__part .tab-content .milestone__story .story__details h4 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 16px;
  }
  .milestone__part .animated__part .tab-content .milestone__story .story__details p {
    font-size: 16px;
    line-height: 28px;
  }
  .milestone__part .animated__part .tab-content .milestone__story .story__details button {
    margin-bottom: 28px;
  }
  .milestone__part .animated__part .tab__panel {
    margin-top: 18px;
  }
  .primary__tab__panel .all__tabs {
    margin: 16px 0 32px;
  }
  .primary__tab__panel .tab-content .tab__story h4 {
    margin: 13px 0 16px;
  }
  .primary__tab__panel.secondary--tab--panel .all__tabs {
    margin: 0 0 32px;
  }
  .globalcard__part {
    padding: 40px 0 56px;
  }
  .globalcard__part .all__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .globalcard__part h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .global__contact {
    padding: 32px 0 11px;
  }
  .global__contact .contact__map iframe {
    height: 250px;
  }
  .primary__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .primary__post:last-child {
    margin-bottom: 0;
  }
  .primary__post .left__part,
  .primary__post .right__part {
    width: 100%;
  }
  .primary__post .left__part figure img {
    height: 320px;
  }
  .primary__post .right__part {
    margin-bottom: 16px;
  }
  .primary__post .right__part:last-child {
    margin-bottom: 0;
  }
  .shopping__card {
    margin-bottom: 24px;
  }
  .shopping__card .card__image .available__sticker {
    opacity: 1;
  }
  .shopping__card .card__image .available__sticker ul {
    gap: 4px;
    justify-content: center;
  }
  .milestone__part .animated__part .milestone__image__wrapper {
    display: none;
  }
  .welcome__message .message__body {
    width: 100%;
  }
  .welcome__message .message__icon {
    display: none;
  }
  .suggested__table__cover .suggested__table .table__top {
    display: block;
  }
  .suggested__table__cover .suggested__table .table__top .right__content {
    margin-top: 15px;
  }
  .surprise__template {
    padding: 20px 30px;
  }
  .order__box.secondary--box .order__details {
    flex-direction: column;
    gap: 10px;
  }
  .order__box.secondary--box .items__details,
  .order__box.secondary--box .quantity__details,
  .order__box.secondary--box .date__details,
  .order__box.secondary--box .price__details {
    width: 100% !important;
  }
  .order__box.secondary--box .box__top {
    gap: 8px;
    justify-content: flex-start;
    flex-direction: column;
  }
  .review__part {
    padding: 64px 0;
  }
  .milestone__part .animated__part {
    height: auto;
  }
  .tab-content .milestone__story .story__details h3 {
    font-size: 80px;
  }
  .tab-content .milestone__story .story__details h4 {
    font-size: 30px;
  }
  .review__part .review__title {
    flex-direction: column;
  }
  .global__dive {
    padding: 30px 0;
  }
  .global__dive h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .global__contact .contact__map {
    margin-top: 0;
  }
  .alert__container .alert__message {
    padding: 30px 30px;
  }
  .alert__container .alert__message h3 {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
@media (max-width: 600px) {
  .hero__section {
    height: 750px;
  }
  .hero__section .inner__images .astronaut__icon {
    right: -40%;
  }
  .hero__section .bottom__images a .group__food h3 {
    font-size: 12px !important;
    line-height: 12.04px;
  }
  .hero__section .bottom__images a .group__food .restaurant__food .part1 {
    width: 23px;
    top: 11px !important;
    right: -19px !important;
  }
  .hero__section .bottom__images a .group__food .restaurant__food .part2 {
    top: 27px !important;
    width: 50px;
  }
  .hero__section .bottom__images a .group__food .restaurant__food .part3 {
    width: 71px;
  }
  .hero__section .bottom__images a .group__food .catering__food {
    margin-left: 30px !important;
  }
  .hero__section .bottom__images a .group__food .catering__food .part1 {
    width: 30px;
    top: 19px !important;
    left: -15px !important;
  }
  .hero__section .bottom__images a .group__food .catering__food .part2 {
    width: 36px;
    top: 16px !important;
    left: 20px !important;
  }
  .hero__section .bottom__images a .group__food .catering__food .part3 {
    width: 34px;
    top: 47px !important;
    left: -18px !important;
  }
  .hero__section .bottom__images a .group__food .catering__food .part4 {
    width: 37px;
    top: 44px !important;
    left: 21px !important;
  }
  .hero__section .bottom__images a .group__food .gastro__food .part1 {
    top: 45px !important;
    left: -15px !important;
    max-width: 71px;
  }
  .hero__section .bottom__images a .group__food .gastro__food .part2 {
    width: 29px;
    top: 33px !important;
    left: -16px !important;
  }
  .hero__section .bottom__images a .group__food .gastro__food .part3 {
    width: 30px;
    top: 33px !important;
    left: 7px !important;
  }
  .hero__section .bottom__images a .group__food .gastro__food .part4 {
    width: 29px;
    top: 30px !important;
    left: 29px !important;
  }
  .hero__section .bottom__images a .group__food:hover .restaurant__food .part1 {
    top: 9px !important;
    right: -27px !important;
  }
  .hero__section .bottom__images a .group__food:hover .restaurant__food .part2 {
    top: 24px !important;
  }
  .hero__section .bottom__images a .group__food:hover .restaurant__food .part3 {
    bottom: 5px !important;
  }
  .hero__section .bottom__images a .group__food:hover .catering__food .part1 {
    top: 14px !important;
    left: -20px !important;
  }
  .hero__section .bottom__images a .group__food:hover .catering__food .part2 {
    top: 15px !important;
    left: 22px !important;
  }
  .hero__section .bottom__images a .group__food:hover .catering__food .part3 {
    top: 48px !important;
    left: -23px !important;
  }
  .hero__section .bottom__images a .group__food:hover .catering__food .part4 {
    top: 49px !important;
    left: 24px !important;
  }
  .hero__section .bottom__images a .group__food:hover .gastro__food .part1 {
    top: -20px;
  }
  .hero__section .bottom__images a .group__food:hover .gastro__food .part2 {
    top: 26px !important;
    left: -18px !important;
  }
  .hero__section .bottom__images a .group__food:hover .gastro__food .part3 {
    top: 20px !important;
  }
  .hero__section .bottom__images a .group__food:hover .gastro__food .part4 {
    top: 21px !important;
  }
}
/*hero section responsive ends*/
@media (max-width: 475px) {
  .hero__section {
    height: 600px;
  }
  .globalcard__part .all__cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .primary__stepper {
    overflow-x: scroll;
    padding: 60px 40px 23px;
  }
  .primary__stepper ul {
    width: 320px;
  }
  .surprise__template .message__part .order__part .order__box .box__top {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 375px) {
  .hero__section {
    height: 540px;
  }
}
@media (max-width: 340px) {
  .hero__section {
    height: 500px;
  }
}
/*components css ends*/
.about__us {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 77px 0 122px;
}
.about__us .primary__title {
  margin-bottom: 24px;
}
.about__us p {
  max-width: 750px;
  margin: 0 auto;
  color: #4B4E53;
  font-size: 18px;
  line-height: 28.6px;
  margin-bottom: 56px;
}
.about__us .about__image {
  margin-top: 56px;
  position: relative;
}
.about__us .about__image .icon__image {
  position: absolute;
  left: -16%;
  border: none;
  top: -25%;
  width: auto;
}
.about__us .about__image img {
  border: 1.5px solid #a66c23;
  border-radius: 35px;
  padding: 12px;
  position: relative;
  z-index: 10;
  height: 580px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

/*about page css ends*/
/*form design css starts*/
.bagelboys-contact-form input,
.bagelboys-newsletter-form input,
.bagelboys-contact-form textarea,
.bagelboys-newsletter-form textarea {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
  padding: 15px 20px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid rgba(75, 78, 83, 0.4);
  margin-bottom: 24px;
  width: 100%;
  outline: 0;
}
.bagelboys-contact-form input::-webkit-input-placeholder,
.bagelboys-newsletter-form input::-webkit-input-placeholder,
.bagelboys-contact-form textarea::-webkit-input-placeholder,
.bagelboys-newsletter-form textarea::-webkit-input-placeholder {
  color: #4B4E53;
  font-size: 16px;
  line-height: 24px;
}
.bagelboys-contact-form input::-moz-placeholder,
.bagelboys-newsletter-form input::-moz-placeholder,
.bagelboys-contact-form textarea::-moz-placeholder,
.bagelboys-newsletter-form textarea::-moz-placeholder {
  color: #4B4E53;
  font-size: 16px;
  line-height: 24px;
}
.bagelboys-contact-form input:-ms-input-placeholder,
.bagelboys-newsletter-form input:-ms-input-placeholder,
.bagelboys-contact-form textarea:-ms-input-placeholder,
.bagelboys-newsletter-form textarea:-ms-input-placeholder {
  color: #4B4E53;
  font-size: 16px;
  line-height: 24px;
}
.bagelboys-contact-form input::-ms-input-placeholder,
.bagelboys-newsletter-form input::-ms-input-placeholder,
.bagelboys-contact-form textarea::-ms-input-placeholder,
.bagelboys-newsletter-form textarea::-ms-input-placeholder {
  color: #4B4E53;
  font-size: 16px;
  line-height: 24px;
}
.bagelboys-contact-form input::placeholder,
.bagelboys-newsletter-form input::placeholder,
.bagelboys-contact-form textarea::placeholder,
.bagelboys-newsletter-form textarea::placeholder {
  color: #4B4E53;
  font-size: 16px;
  line-height: 24px;
}

.bagelboys-contact-form input[type=submit] {
  font-family: "Dinnext-slab";
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 0;
  background: #a66c23;
  border: none;
}

.bagelboys-newsletter-form input[type=submit] {
  font-family: "Dinnext-slab";
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  padding: 16px 40px;
  margin-bottom: 0;
  background: #a66c23;
  border: none;
  width: auto;
}

/*form design css ends*/
.login__wrapper {
  background: url("../images/login-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0 168px;
}
.login__wrapper .login__part {
  max-width: 540px;
  margin: 0 auto;
}
.login__wrapper .login__part figure {
  text-align: center;
  max-width: 350px;
  margin: 0 auto !important;
}
.login__wrapper .login__part .login__form {
  margin-top: 40px;
  padding: 48px 56px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.login__wrapper .login__part .login__form h3 {
  font-family: "Dinnext-slab-bold";
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  color: #4B4E53;
}
.login__wrapper .login__part .login__form p {
  font-size: 14px;
  line-height: 21px;
  color: #4B4E53;
  margin: 8px 0 32px;
}
.login__wrapper .login__part .login__form .forgot__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.login__wrapper .login__part .login__form .forgot__part a {
  font-family: "Dinnext-Bold";
  font-size: 12px;
  line-height: 24px;
  color: #a66c23;
}
.login__wrapper .login__part .login__form .any__account {
  font-size: 14px;
  line-height: 21px;
  color: #4B4E53;
  text-align: center;
}
.login__wrapper .login__part .login__form .any__account a {
  font-family: "Dinnext-Bold";
  font-size: 14px;
  font-weight: 700;
  color: #a66c23;
}
.login__wrapper .login__part .submit {
  margin: 24px 0;
}
.login__wrapper .login__part .submit button {
  font-family: "Dinnext-slab";
  padding: 17px;
  width: 100%;
  text-align: center;
  display: block;
  background: #a66c23;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 8px;
  border: none;
  outline: 0;
}

/*login design css ends*/
.registration__wrapper {
  padding: 80px 0 200px;
  position: relative;
}
.registration__wrapper .registration__part {
  max-width: 540px;
  margin: 0 auto;
}
.registration__wrapper .registration__part .main__form {
  margin-top: 40px;
  padding: 48px 56px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 2;
  position: relative;
}
.registration__wrapper .registration__part .main__form h3,
.registration__wrapper .registration__part .main__form h4,
.registration__wrapper .registration__part .main__form p {
  color: #4B4E53;
}
.registration__wrapper .registration__part .main__form h3 {
  font-family: "Dinnext-slab-bold";
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
}
.registration__wrapper .registration__part .main__form h4 {
  font-size: 14px;
  line-height: 21px;
  margin: 8px 0 32px;
}
.registration__wrapper .registration__part .main__form p {
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.registration__wrapper .registration__part .main__form .any__account {
  font-size: 14px;
  line-height: 21px;
  color: #4B4E53;
  text-align: center;
}
.registration__wrapper .registration__part .main__form .any__account a {
  font-family: "Dinnext-Bold";
  font-size: 14px;
  font-weight: 700;
  color: #a66c23;
}
.registration__wrapper .registration__part .submit {
  margin: 24px 0;
}
.registration__wrapper .registration__part .submit button {
  font-family: "Dinnext-slab";
  padding: 17px;
  width: 100%;
  text-align: center;
  display: block;
  background: #a66c23;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 8px;
  border: none;
  outline: 0;
}

/*registration design css ends*/
.range__items {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 120px 0 44px;
  position: relative;
}
.range__items .range__content {
  max-width: 373px;
  margin: 0 auto;
  text-align: center;
}
.range__items .range__content h2 {
  font-family: "Dinnext-slab";
  font-size: 36px;
  text-transform: uppercase;
  color: #a66c23;
  margin-bottom: 4px;
}
.range__items .range__content p {
  font-size: 18px;
  line-height: 24px;
  color: #4B4E53;
}
.range__items.catering--shop {
  padding: 124px 0 120px;
  margin-top: -46px;
}
.range__items.catering--shop .tab-content {
  max-width: 100%;
}

/*range__items ends*/
.cart__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.cart__add h3 {
  font-size: 24px;
  line-height: 24px;
  color: #4B4E53;
}

/*cart__add ends*/
.welcome__content h3,
.welcome__content p {
  color: #4B4E53;
}
.welcome__content h3 {
  font-family: "Dinnext-Bold";
  font-size: 24px;
  text-transform: capitalize;
}
.welcome__content p {
  font-size: 14px;
  line-height: 150%;
  margin: 12px 0 32px;
}
.welcome__content .action__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

/*welcome__content ends*/
.checkout__main {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 56px 0 90px;
}
.checkout__main h2 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  text-transform: uppercase;
  margin-bottom: 66px;
}
.checkout__main .cart__form {
  max-width: 410px;
}
.checkout__main .cart__form h3 {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.checkout__main .cart__form .primary__radio svg {
  min-width: 18px;
  min-height: 18px;
}
.checkout__main .cart__form {
  float: right;
}

/*checkout__main ends*/
.suggestion__content {
  padding: 56px 0 261px;
}
.suggestion__content h2 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  color: #a66c23;
}

/*suggestion-number-of-people ends*/
.suggestion__type {
  padding: 56px 0 261px;
}
.suggestion__type h3 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.bagel__extra .extra__title {
  font-size: 24px;
  line-height: 24px;
  color: #a66c23;
}
.bagel__extra p {
  font-size: 12px;
  line-height: 24px;
  color: #a66c23;
  margin-bottom: 24px;
}
.bagel__extra .quantity__info.secondary__design {
  text-align: center;
  margin-top: 24px;
}

/*suggestion-type ends*/
.woocommerce-checkout-payment .submit__option a, .woocommerce-checkout-payment .submit__option button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*suggestion-type ends*/
.error__page {
  text-align: center;
  padding: 100px 16px;
}
.error__page figure img {
  max-height: 150px;
}
.error__page h1 {
  color: #a66c23;
  font-weight: 700;
  font-size: 40px;
  margin: 30px 0 16px;
}
.error__page p {
  color: #a66c23;
  font-size: 18px;
  max-width: 700px;
  margin: 0 auto;
}

/*error__page ends*/
@media (max-width: 1550px) {
  .about__us .about__image .icon__image {
    left: -5%;
    top: -27%;
    width: 380px;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .about__us .about__image img {
    height: 480px;
  }
}
@media (max-width: 767px) {
  .bagelboys-contact-form textarea {
    height: 136px;
  }
  .about__us {
    padding: 60px 0 29px;
  }
  .about__us p {
    font-size: 16px;
    line-height: 24px;
  }
  .range__items .range__content h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
  /*other page responsive design starts*/
  .bagelboys-newsletter-form input[type=submit] {
    width: 100%;
  }
  .about__us .about__image {
    margin-top: 56px !important;
  }
  .login__wrapper .login__part {
    padding: 0 15px;
  }
  .login__wrapper .login__part .login__form {
    padding: 30px;
  }
  /*other page responsive design ends*/
  .cart__add {
    display: block;
  }
  .cart__add h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .cart__add .cart__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cart__info {
    margin-top: 27px;
  }
  /*cart design ends*/
  .registration__wrapper .registration__part {
    padding: 0 15px;
  }
  .registration__wrapper .registration__part .main__form {
    padding: 20px;
  }
  .checkout__main .checkout__form,
  .checkout__main .cart__form {
    float: none;
    max-width: 100%;
  }
  .range__items {
    padding: 48px 0 44px;
  }
  .primary-radio label .check_text {
    padding: 15px;
  }
  .error__page {
    padding: 50px 16px;
  }
  .error__page figure img {
    max-height: 100px;
  }
  .error__page h1 {
    font-size: 30px;
    margin: 20px 0 10px;
  }
  .error__page p {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .about__us .about__image img {
    height: 335px;
  }
  .about__us .about__image .icon__image {
    left: -10%;
    top: -27%;
    width: 230px;
    height: auto;
  }
}
/*responsive design ends*/
.global__modal .modal-dialog {
  max-width: 840px;
}
.global__modal .modal-dialog .modal-content {
  background: url("../images/background--gray.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 30px;
}
.global__modal .modal-dialog .modal-content .modal-body {
  padding: 52px 39px;
}
.global__modal .modal-footer {
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 39px 39px 43px;
  border: none;
}

/*global modal css ends*/
.small__modal .modal-dialog {
  max-width: 540px;
}
.small__modal .modal-dialog .modal-content {
  border-radius: 24px;
}
.small__modal .modal-dialog .modal-content .modal-header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 24px 34px 24px;
  border: none;
}
.small__modal .modal-dialog .modal-content .modal-header figure img {
  max-width: 85px;
}
.small__modal .modal-dialog .modal-content .modal-body {
  padding: 0 24px 32px;
}

/*small modal css ends*/
.cart__details__mdl .cart__image img {
  border-radius: 28px;
  width: 100%;
}
.cart__details__mdl .cart__image p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 14px;
  color: #4B4E53;
  margin-top: 24px;
}
.cart__details__mdl .cart__image p svg {
  min-width: 16px;
  min-height: 16px;
}
.cart__details__mdl .cart__info h3 {
  font-family: "Dinnext-slab";
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  color: #a66c23;
  margin-bottom: 12px;
}
.cart__details__mdl .cart__info h4 {
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}

/*cart__details__mdl ends*/
@media (max-width: 767px) {
  .global__modal .modal-dialog .modal-content .modal-body {
    padding: 20px 20px;
  }
  .global__modal .modal-footer {
    padding: 0 20px 20px 20px;
  }
}
/* modal css ends*/
.my__account {
  padding: 64px 0 103px;
}
.my__account .info__title,
.my__account .info__subtitle {
  font-family: "Dinnext-Bold";
  font-size: 24px;
  text-transform: capitalize;
  color: #4B4E53;
  margin-bottom: 32px;
  font-family: "Dinnext-slab-bold";
}
.my__account .info__subtitle {
  font-size: 16px;
  margin-bottom: 16px;
}
.my__account .main--box {
  background: #ffffff;
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 40px;
}
.my__account .general__info .main__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}
.my__account .general__info .main__profile .profile__image {
  position: relative;
  min-width: 200px;
}
.my__account .general__info .main__profile .profile__image figure img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.my__account .general__info .main__profile .profile__image .global__files {
  position: absolute;
  bottom: 39px;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
}
.my__account .general__info .main__profile .profile__details {
  width: 100%;
}

/*my account css ends*/
@media (max-width: 767px) {
  .my__account .general__info .main__profile {
    display: block;
    gap: 30px;
  }
  .my__account .general__info .main__profile .profile__image {
    margin-bottom: 30px;
  }
  .my__account .general__info .main__profile .profile__image figure {
    text-align: center;
  }
  .my__account .general__info .main__profile .profile__image .global__files {
    position: absolute;
    bottom: -19px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
  }
}
/*my account responsive css ends*/
.my__orders {
  padding: 64px 0 126px;
}

.order__card {
  background: #FAF9F4;
  border: 1px solid #e3d1bb;
  border-radius: 32px;
  padding: 32px;
  position: relative;
  margin-bottom: 32px;
}
.order__card .order__icon {
  position: absolute;
  right: 0;
  top: 0;
}

/*order__card ends*/
.order__table table {
  background: transparent;
}
.order__table table thead {
  border-bottom: 1px solid #a66c23;
}
.order__table table thead tr {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #a66c23;
}
.order__table table thead tr td {
  padding: 16px 0;
}
.order__table table thead tr td:nth-child(1) {
  width: 7%;
}
.order__table table thead tr td:nth-child(2) {
  width: 45%;
}
.order__table table thead tr td:nth-child(3) {
  width: 16%;
}
.order__table table thead tr td:nth-child(4) {
  width: 16%;
}
.order__table table thead tr td:nth-child(5) {
  width: 16%;
}
.order__table table tbody tr td {
  font-size: 16px;
  line-height: 24px;
  padding: 16px 0;
  color: #4B4E53;
}
.order__table table tbody tr td.food__price {
  font-weight: 700;
}
.order__table table tbody tr td:nth-child(1) {
  width: 7%;
}
.order__table table tbody tr td:nth-child(2) {
  width: 45%;
}
.order__table table tbody tr td:nth-child(3) {
  width: 16%;
}
.order__table table tbody tr td:nth-child(4) {
  width: 16%;
}
.order__table table tbody tr td:nth-child(5) {
  width: 16%;
}
.order__table .main__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.order__table .main__products .product__img {
  min-width: 36px;
  width: 36px;
}
.order__table .main__products .product__img img {
  width: 36px;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #a66c23;
  padding: 4px;
}
.order__table .main__products .food__info h6 {
  font-size: 16px;
  line-height: 24px;
}
.order__table .main__products .food__info p {
  color: rgba(75, 78, 83, 0.7);
  font-size: 14px;
  line-height: 24px;
}

/*order__table ends*/
@media (max-width: 600px) {
  .order__table {
    overflow-x: scroll;
  }
  .order__table table {
    background: transparent;
    width: 600px;
  }
}
/*order-components ends*/
.responsive__header,
.responsive__menus {
  display: none;
}

@media (max-width: 1024px) {
  .primary__menu__wrapper .primary__menu .logo__part {
    max-width: 100px;
  }
  .primary__menu__wrapper .primary__menu .logo__part.semi--circle::after {
    top: 43px;
  }
  .primary__menu__wrapper .primary__menu .menu__part ul {
    gap: 14px;
  }
  .primary__menu__wrapper .primary__menu .menu__part ul li a {
    font-size: 16px;
  }
  .primary__menu__wrapper .primary__menu .login__part .primary__outline__btn {
    font-size: 14px;
    line-height: 18px;
    padding: 13px 20px;
  }
}
/*tablet header menu fixing*/
@media (max-width: 1024px) {
  body {
    padding-top: 60px;
  }
  body.homepage--header .responsive__header--cover .responsive__header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    height: 80px;
  }
  .primary__menu__wrapper {
    display: none;
  }
  .mobile--overlay {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000000;
    z-index: 100;
    opacity: 0.35;
  }
  .responsive__header--cover {
    position: fixed;
    z-index: 10000000;
    left: 0;
    right: 0;
    top: 0;
  }
  .responsive__header--cover .responsive__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 8px;
    background: #F8F7F2;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(205, 176, 138, 0.2);
    box-shadow: 0px 4px 16px 0px rgba(205, 176, 138, 0.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    height: 80px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .responsive__header--cover .responsive__header .responsive__logo {
    position: relative;
  }
  .responsive__header--cover .responsive__header .responsive__logo .icon__image {
    margin-top: 12px;
    max-width: 110px;
  }
  .responsive__header--cover .responsive__menus {
    background: #F8F7F2;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    max-width: 360px;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    padding-bottom: 32px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  .responsive__header--cover .responsive__menus.menu__active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .responsive__header--cover .responsive__menus .menu__top__part {
    padding: 40px 8px 9px 8px;
    display: flex;
    justify-content: flex-end;
  }
  .responsive__header--cover .responsive__menus .menu__top__part .left__logo {
    display: none;
  }
  .responsive__header--cover .responsive__menus .menu__lists {
    padding: 32px 24px 40px 24px;
  }
  .responsive__header--cover .responsive__menus .menu__lists li {
    margin-bottom: 32px;
  }
  .responsive__header--cover .responsive__menus .menu__lists li:last-child {
    margin-bottom: 0;
  }
  .responsive__header--cover .responsive__menus .menu__lists li.active__menu a {
    font-family: "Dinnext-Bold";
  }
  .responsive__header--cover .responsive__menus .menu__lists li a {
    font-size: 18px;
    color: #a66c23;
  }
  .responsive__header--cover .responsive__menus .menu__lists li a:hover {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: "Dinnext-Bold";
    margin-left: -10px;
  }
  .responsive__header--cover .responsive__menus .responsive__profile {
    background: rgba(239, 239, 239, 0.8);
    padding: 16px;
    border-radius: 12px;
    margin: 0 24px 32px 24px;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .main__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .main__profile figure img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .main__profile .avatar__details h3 {
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0.08px;
    color: #4B4E53;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .main__profile .avatar__details h4 {
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: 0.06px;
    color: #828282;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .drop__menus {
    margin-top: 16px;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .drop__menus ul li {
    margin-bottom: 16px;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .drop__menus ul li:last-child a {
    font-family: "Dinnext-slab";
    background: #a66c23;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
  }
  .responsive__header--cover .responsive__menus .responsive__profile .drop__menus ul li a {
    font-size: 14px;
    line-height: 24px;
    color: #a66c23;
    background: #ffffff;
    display: block;
    padding: 8px 24px;
    border-radius: 8px;
  }
  .responsive__header--cover .responsive__menus .login__menu {
    padding: 0 24px;
  }
  .responsive__header--cover .responsive__menus .login__menu a {
    font-family: "Dinnext-slab";
    background: #a66c23;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 8px 24px;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .responsive__header--cover .responsive__menus {
    width: 100%;
    max-width: 100%;
    left: auto;
    right: auto;
  }
  .responsive__header--cover .responsive__menus .menu__top__part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .responsive__header--cover .responsive__menus .menu__top__part .left__logo {
    display: block;
  }
  .responsive__header--cover .responsive__menus .menu__top__part .left__logo figure img {
    max-width: 110px;
  }
}
/*mobile header menu ends*/
/*other element starts*/
.ui-widget-header .ui-icon {
  background: url(../images/ui_icon.png) !important;
}

.ui-datepicker .ui-datepicker-next {
  transform: rotate(90deg);
}

.ui-datepicker-prev.ui-corner-all {
  transform: rotate(-90deg);
}

.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
  display: none;
}

/*cart sidebar design starts*/
.cc-body-container {
  background-image: url("../images/light-brown.svg");
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.admin-bar .cc-body.cc-no-branding {
  height: calc(100vh - 320px) !important;
}

.cc-body.cc-no-branding {
  height: calc(100vh - 320px) !important;
}

.cc-compass {
  background-color: #a66c23;
  border: 1px solid #ffffff;
}

.cc-cart-actions .cc-totals .cc-total-amount {
  flex: auto !important;
}
.cc-cart-actions .cc-totals .cc-total-box {
  margin-bottom: 5px;
}

.cc-compass-count {
  font-family: "Dinnext-Bold";
  background-color: #CC3233;
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #ffffff;
  left: auto;
  right: 0;
}

.cc-compass:hover .licon::before {
  color: #a66c23;
}

.cc-cart-actions {
  border-top: none;
}

.cc-item-content-bottom {
  position: relative;
}

.cc-header .cc-nav ul li a:hover {
  color: #4B4E53 !important;
}

.cc-window {
  z-index: 10000000;
}

.cc-window-wrapper .cc-header {
  background: #FCF4EB;
}
.cc-window-wrapper .cc-header .cc-nav ul li a[aria-selected=true] {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  color: #4B4E53;
}
.cc-window-wrapper .cc-product-thumb img {
  margin-right: 16px;
  height: 100px !important;
  width: 84px;
  object-fit: cover;
  border-radius: 8px;
}
.cc-window-wrapper .cc-product-upsells-wrapper.bagel_breakdown_container p {
  color: #4B4E53;
  margin: 0 24px 24px;
}
.cc-window-wrapper .cc-cart-product-list {
  margin: 0 24px;
  padding: 24px 0 32px 0;
}
.cc-window-wrapper .cc-cart-container .cc-cart-product a {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}
.cc-window-wrapper a.remove.remove_from_cart_button {
  bottom: 6px;
}
.cc-window-wrapper .cc-cart-actions .cc-totals .cc-total-text {
  font-size: 20px;
  line-height: 24px;
  color: #4B4E53;
  font-weight: 400;
}
.cc-window-wrapper .cc-cart-actions.cc-no-branding span.woocommerce-Price-amount.amount {
  font-family: "Dinnext-Bold";
  font-size: 28px;
  line-height: 24px;
}
.cc-window-wrapper .cc-cart-actions .cc-totals {
  height: auto;
  margin-bottom: 24px !important;
  margin: 24px 0 0;
}
.cc-window-wrapper .cc-cart-actions a.cc-button-primary {
  font-family: "Dinnext-slab";
  background-color: #a66c23;
  width: 100%;
  margin-top: 15px !important;
  padding: 17px 0;
  color: #ffffff;
  gap: 15px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 8px;
}
.cc-window-wrapper .cc_item_quantity_wrap {
  margin: 10px 0px 0px;
}
.cc-window-wrapper .cc-button-primary:hover .cc-icon-arrow-right {
  display: none;
}
.cc-window-wrapper .cc-cart-product a.remove:hover,
.cc-window-wrapper .woocommerce .cc-cart-product a.remove:hover {
  background-color: transparent;
  color: #a66c23 !important;
}
.cc-window-wrapper .cc_item_total_price {
  margin-bottom: 0;
}
.cc-window-wrapper .cc_item_total_price span.amount {
  font-family: "Dinnext-Bold";
  font-size: 16px;
  line-height: 24px;
  color: #4B4E53;
}

.cc-subtotal-subtext {
  font-size: 14px;
  line-height: 24px;
  color: #5C5C5C;
  margin-top: 24px;
}

table.shop_table.woocommerce-checkout-review-order-table.cart__details__table tfoot {
  display: block;
}

.cc_item_subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #4B4E53;
}

/*in your cart design*/
.cc-body {
  animation: none;
  overflow-y: scroll !important;
}

.ccicon-x:before {
  display: none;
}

.cc-header .cc-nav ul li a {
  font-family: "Dinnext-slab";
}

.cc-compass.cc-compass-open {
  display: none;
}
.cc-compass .licon {
  position: relative;
}
.cc-compass .licon::before {
  position: absolute;
  content: url("../images/sidebar-shopping-icon.svg");
  width: 56px;
  height: 60px;
  top: -12px;
  z-index: 10;
  left: -14px;
}
.cc-compass.cc-compass-open {
  background: #a66c23;
}
.cc-compass.cc-compass-open .licon::before {
  position: absolute;
  content: url("../images/sidebar-shopping-icon.svg") !important;
  width: 56px;
  height: 60px;
  top: -12px;
  z-index: 10;
  left: -14px;
}

.cc_sfl_btn a.save_for_later_btn:hover,
.cc_move_to_cart_btn a.button:hover,
.cc_item_quantity_update:hover,
.cc-coupon-btn:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.quantity_cover {
  background: #E3D1BB;
  border-radius: 14px;
}

.cc_item_quantity_update {
  height: auto !important;
  width: auto !important;
  padding: 5px 8px;
}

.cc_item_quantity_wrap input.cc_item_quantity {
  border-bottom: 0;
  border-top: 0;
  text-align: center;
  font-size: 16px;
  color: #4B4E53;
}

.cc-compass:hover {
  background-image: none;
  background-color: #a66c23;
}

.cc-nav {
  display: flex !important;
  justify-content: space-between;
}

.cart-nav-icon svg {
  margin-top: -10px;
  margin-right: 12px;
}
.cart-nav-icon .cc-cart-nav {
  padding-bottom: 0 !important;
}

/*sidebar cart design fixing*/
span#more-suggestion-variant {
  display: block;
}

.payment-form-container .panel {
  background-color: #f5eee1;
  padding: 20px;
  margin: 0;
}

.control-label label {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #4B4E53 !important;
  margin-bottom: 0 !important;
}

.form-group {
  margin-top: 16px;
}

.form-input .form-control {
  background-color: transparent !important;
  border: 1px solid rgba(75, 78, 83, 0.4) !important;
  border-radius: 8px !important;
  color: rgba(75, 78, 83, 0.5) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 10px !important;
}

.combined-input-container.form-control {
  padding: 14px;
}

/*payment design ends*/
tr.order-total.cart__list:last-child {
  margin-bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
  padding: 0;
  border: none;
}

.round--radio.box--radio.wc_payment_method.payment_method_wallee_1 .radio__text {
  background: #ffffff;
}

.round--radio.box--radio.wc_payment_method.payment_method_wallee_1 .radio__text.bg__hide {
  background: transparent;
}

/*language plugin customization starts*/
#trp-floater-ls.trp-bottom-right {
  top: auto;
  bottom: 25px;
  right: auto;
  left: 25px;
}

#trp-floater-ls.trp-color-dark {
  background: #a66c23;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}

.trp-color-dark #trp-floater-ls-language-list .trp-language-wrap a:hover {
  color: #ffffff;
  background: transparent;
  border-radius: 2px;
}

.trp-language-switcher-container.trp-floater-ls-names.trp-bottom-right.trp-color-dark {
  min-width: auto;
}

#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
  padding: 9px 24px 10px 24px;
  color: #ffffff;
}

#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
  margin-top: 10px;
}

#trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-current-language a, #trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-language-list {
  text-align: center;
  margin-top: 10px;
}

#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {
  padding: 9px 20px 10px 20px;
}

#trp-floater-ls .trp-with-flags .trp-flag-image {
  margin-top: -2px;
}

div#trp-floater-ls {
  display: none;
}

/*language plugin customization ends*/
.woocommerce-message:focus-visible {
  border: none;
  outline: none;
}

@media (max-width: 767px) {
  span.cc-subtotal-subtext {
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 360px) {
  .cc_item_quantity_update {
    padding: 5px 4px;
  }
  .cc_item_title {
    margin: 0 6px 0 0;
  }
}
/*response message fixing fixing*/

/*# sourceMappingURL=style.css.map */