/* ----------------------------------------------------------------------------------------
* Author        : Xpertpoin8
* Template Name : Yogiva - Fitness and Yoga HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */

/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our History css
07. XP Service Us css
08. Our Menu css
09. What We Do css
10. CTA Box css
11. Our Gallery css
12. Scrolling Ticker css
13. Our Testimonials css
14. Our events css
15. Reserve Table css
16. Our Blog css
17. Footer css
18. About Us Page css
19. Menu Page css
20. Blog Archive css
21. Blog Single css
22. Team Page css
23. Team Single css
24. Testimonials Page css
25. Image Gallery css
26. Video Gallery css
27. FAQs Page css
28. Contact Us Page css
29. Reserve Table Page css
30. 404 Error Page css
31. Responsive css
-------------------------------------------------------------------------------------- */

/* ********************************** */

/* ** 	 01. Global Variables	  ** */

/* ********************************** */

:root {
  --primary-color: #383537;
  --secondary-color: #e9dfde;
  --text-color: #1d1312;
  --accent-color: #64766A;
  --bg-color: #f4efef;
  --white-color: #FFFFFF;
  --divider-color: #8f605c3b;
  --dark-divider-color: #FFFFFF1A;
  --error-color: rgb(230, 87, 87);
  --default-font: "Archivo", sans-serif;
  --accent-font: "Gotu", sans-serif;
}

/* ********************************** */

/* ** 	   02. General css		  ** */

/* ********************************** */

body {
  font-family: var(--default-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  color: var(--text-color);
  background: var(--bg-color);
}

::-webkit-scrollbar-track {
  background-color: var(--primary-color);
  border-left: 1px solid var(--primary-color);
}

::-webkit-scrollbar {
  width: 7px;
  background-color: var(--primary-color);
}

::-webkit-scrollbar-thumb {
  background: var(--accent-color);
}

::selection {
  color: var(--primary-color);
  background-color: var(--accent-color);
  filter: invert(1);
}

p {
  line-height: 1.6em;
  margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--accent-font);
  font-weight: 600;
  line-height: 1.2em;
  color: var(--primary-color);
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

html, body {
  width: 100%;
  overflow-x: clip;
}

.container {
  max-width: 1300px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}

.image-anime {
  position: relative;
  overflow: hidden;
}

.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255,255,255,.3);
  transform: translate(-50%,-50%) rotate(-45deg);
  z-index: 1;
  display: none;
}

.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.reveal {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  visibility: hidden;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform-origin: left;
  transform-origin: left;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

.row.no-gutters {
  margin-right: 0px;
  margin-left: 0px;
}

.row.no-gutters > * {
  padding-right: 0px;
  padding-left: 0px;
}

.btn-default {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-transform: capitalize;
  background: var(--accent-color);
  color: var(--white-color);
  border: none;
  border-radius: 100px;
  padding: 17px 56px 17px 25px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.btn-default::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  width: 40px;
  height: 40px;
  background-color: var(--white-color);
  background-image: url('../../assets/img/arrow-accent.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease-in-out;
}

.btn-default:hover::before {
  transform: translateY(-50%) rotate(45deg);
}

.btn-default::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--primary-color);
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.btn-default:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.btn-default.btn-highlighted:hover {
  color: var(--primary-color);
}

.btn-default.btn-highlighted:hover:before {
  background-color: var(--primary-color);
  background-image: url('../../assets/img/arrow-white.svg');
}

.btn-default.btn-highlighted::after {
  background: var(--white-color);
}

.btn-default.btn-dark {
  background: var(--secondary-color);
  color: var(--primary-color);
}

.btn-default.btn-dark:before {
  background-color: var(--primary-color);
  background-image: url('../../assets/img/arrow-white.svg');
}

.btn-default.btn-dark::after {
  background: var(--white-color);
}

.readmore-btn {
  position: relative;
  display: inline-block;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  color: var(--accent-color);
  padding-right: 20px;
  transition: all 0.4s ease-in-out;
}

.readmore-btn:hover {
  color: var(--primary-color);
}

.readmore-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url('../../assets/img/arrow-accent.svg') no-repeat;
  background-position: right center;
  background-size: cover;
  width: 10px;
  height: 10px;
  transition: all 0.4s ease-in-out;
}

.readmore-btn:hover::before {
  filter: brightness(0) invert(0);
  transform: translateY(-50%) rotate(45deg);
}

.cb-cursor:before {
  background: var(--accent-color);
}

/* Preloader Styles */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.preloader.hidden {
  opacity: 0;
  visibility: hidden;
}

.loading-container {
  text-align: center;
}

.logo-container {
  margin: 0 auto 30px;
  position: relative;
}

.logo-bg {
  width: 100%;
  height: 100%;
}

.logo-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.1s linear;
  bottom: 0;
}

.percentage {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-color);
}

/* Logo placeholder style */

.logo-placeholder {
  width: 100%;
  height: 100%;
  background: var(--white-color);
  opacity: 0.7;
}

.bg-section {
  position: relative;
  background-color: var(--bg-color);
  margin-top: 0;
}

.section-row {
  margin-bottom: 80px;
}

.section-row .section-title {
  margin-bottom: 0;
}

.section-with-images img {
  height: 80px;
}

.section-title.section-title-center {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
}

.section-btn {
  text-align: right;
}

.section-content-btn .section-btn {
  margin-top: 30px;
  text-align: left;
}

.section-title-content p {
  margin-bottom: 20px;
}

.section-title-content p:last-child {
  margin-bottom: 0;
}

.section-title {
  margin-bottom: 40px;
}

.section-title h3 {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-color);
  padding-left: 14px;
  margin-bottom: 10px;
}

.section-title h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--accent-color);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.section-title h1 {
  display: inline-block;
  font-size: 54px;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  cursor: none;
}

.section-title h2 {
  font-size: 44px;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  cursor: none;
}

.section-title p {
  margin-top: 20px;
  margin-bottom: 0;
}

.light-section {
  background-color: var(--secondary-color);
}

.light-section .section-title-content p, .light-section .section-title p, .light-section .section-title h3 {
  color: var(--primary-color);
}

.dark-section {
  background: var(--primary-color);
  background-position: center center;
  background-repeat: repeat;
}

.dark-section .section-title-content p, .dark-section .section-title p, .dark-section .section-title h3, .dark-section .section-title h2, .dark-section .section-title h1 {
  color: var(--white-color);
}

.help-block.with-errors ul {
  margin: 0;
  text-align: left;
}

.help-block.with-errors ul li {
  color: var(--error-color);
  font-weight: 500;
  font-size: 14px;
}

/* ********************************** */

/* *** 	   03. Header css		 *** */

/* ********************************** */

.topbar {
  padding: 30px 0;
}

.topbar-contact-info ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 30px;
}

.topbar-contact-info ul li {
  font-size: 16px;
  color: var(--white-color);
}

.topbar-contact-info ul li a {
  display: flex;
  align-items: center;
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.topbar-contact-info ul li a:hover {
  color: var(--accent-color);
}

.topbar-contact-info ul li img {
  width: 100%;
  max-width: 20px;
  margin-right: 10px;
}

.topbar-contact-info ul li a span {
  font-weight: 700;
}

.topbar-social-links {
  text-align: right;
}

.topbar-social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 10px 20px;
}

.topbar-social-links ul li a {
  background: var(--accent-color);
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--white-color);
  transition: 0.3s ease-in-out;
}

.topbar-social-links ul li a:hover {
  background: var(--white-color);
  color: var(--primary-color);
}

.topbar-social-links ul li a i {
  font-size: 16px;
}

header.main-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  max-width: 1300px;
  margin: 0 auto;
  z-index: 100;
}

header.main-header .header-sticky {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 100;
  margin: 30px 0 0 0;
}

header.main-header .header-sticky.hide {
  transform: translateY(-100%);
  transition: transform 0.5s ease-in-out;
  border-radius: 0;
}

header.main-header .header-sticky.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  transform: translateY(30px);
  max-width: 1300px;
  margin: 0 auto;
}

.navbar {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  padding: 26px 15px;
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.navbar-brand {
  padding: 0;
  margin: 0;
}

.main-menu .nav-menu-wrapper {
  flex: 1;
  text-align: center;
  margin: 0 20px;
}

.main-menu .nav-menu-wrapper > ul {
  align-items: center;
  display: inline-flex;
}

.main-menu ul li {
  position: relative;
  margin: 0 5px;
}

.main-menu ul li a {
  font-family: var(--accent-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1em;
  padding: 15px 10px !important;
  color: var(--primary-color);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu > a:after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 14px;
  margin-left: 8px;
}

.main-menu ul li a:hover, .main-menu ul li a:focus {
  color: var(--accent-color);
}

.main-menu ul ul {
  visibility: hidden;
  opacity: 0;
  transform: scale(1,0.8);
  transform-origin: top;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 235px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--accent-color);
  transition: all 0.3s ease-in-out;
  text-align: left;
}

.main-menu ul li.submenu:first-child ul {
  width: 235px;
}

.main-menu ul ul ul {
  left: 100%;
  top: 0;
  text-align: left;
}

.main-menu ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: scale(1,1);
  padding: 15px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after {
  content: '\f105';
  float: right;
}

.main-menu ul ul li {
  margin: 0;
  padding: 0;
}

.main-menu ul ul li a {
  color: var(--white-color);
  padding: 8px 20px !important;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
}

.main-menu ul ul li a:hover, .main-menu ul ul li a:focus {
  color: var(--white-color);
  opacity: 1;
  background-color: transparent;
  padding: 8px 20px 8px 23px !important;
}

.header-btn {
  text-align: end;
}

.main-menu ul li.highlighted-menu {
  display: none;
}

.responsive-menu, .navbar-toggle {
  display: none;
}

.responsive-menu {
  top: 0;
  position: relative;
}

.slicknav_btn {
  background: var(--accent-color);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 8px;
}

.slicknav_icon .slicknav_icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  width: 22px;
  background-color: var(--white-color);
  border-radius: 6px;
  margin: 4px auto !important;
  transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
  margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
  margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 5px);
  background-color: var(--white-color);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
  opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -5px);
  background-color: var(--white-color);
}

.slicknav_menu {
  position: absolute;
  width: 100%;
  padding: 0;
  background: var(--accent-color);
}

.slicknav_menu ul {
  margin: 5px 0;
}

.slicknav_menu ul ul {
  margin: 0;
}

.slicknav_nav .slicknav_row, .slicknav_nav li a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 7px 20px;
  color: var(--white-color);
  line-height: normal;
  margin: 0;
  border-radius: 0 !important;
  transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover {
  background-color: transparent;
  color: var(--primary-color);
}

.slicknav_menu ul ul li a {
  padding: 7px 20px 7px 30px;
}

.slicknav_arrow {
  font-size: 0 !important;
}

.slicknav_arrow:after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  margin-left: 8px;
  color: var(--white-color);
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after {
  transform: translateY(-50%) rotate(-180deg);
  color: var(--primary-color);
}

/* ********************************** */

/* **        04. Hero css	      ** */

/* ********************************** */

.hero {
  position: relative;
  min-height: calc(100vh + 100px);
  align-content: end;
  padding: 300px 0 200px;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, rgba(24, 49, 46, 0.00) 0%, rgba(56, 53, 55, 0.60) 65%);
  width: 100%;
  height: 100%;
}

.hero .hero-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.hero .hero-bg-video::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, rgba(24, 49, 46, 0.00) 0%, rgba(56, 53, 55, 0.60) 65%);
  width: 100%;
  height: 100%;
}

.hero .hero-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero.hero-bg-image {
  background: url('../../assets/img/laufender_glücklicher_hund.jpeg') no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero.hero-slider-layout {
  background: none;
  padding: 0;
}

.hero.hero-slider-layout .swiper {
  z-index: 0;
}

.hero.hero-slider-layout .hero-slide {
  position: relative;
  min-height: calc(100vh + 100px);
  align-content: end;
  padding: 300px 0 200px;
}

.hero.hero-slider-layout .hero-slide::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, rgba(56, 53, 55, 0.00) 0%, rgba(56, 53, 55, 0.60) 65%);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero.hero-slider-layout .hero-pagination {
  position: absolute;
  bottom: 30px;
  text-align: center;
  z-index: 2;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--dark-divider-color);
  opacity: 1;
  transition: all 0.3s ease-in-out;
  margin: 0 5px;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.hero .container {
  position: relative;
  z-index: 2;
}

.hero-content {
  margin-right: 15px;
}

.hero-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.working-hours-item {
  background: var(--primary-color);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 20px;
  max-width: 265px;
  margin: 0 0 0 auto;
  padding: 30px;
}

.closed_hours {
  background: var(--accent-color);
  padding: 2px 12px;
  border-radius: 10px;
}

.for_inner_hours {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin: 15px;
  padding: 20px;
}

.for_inner_hours .working-hours-header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.for_inner_hours .working-hours-body ul li {
  gap: 40px;
  margin-bottom: 7px;
}

.working-hours-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-divider-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.working-hours-header h3 {
  font-size: 20px;
  color: var(--white-color);
}

.working-hours-header img {
  width: 100%;
  max-width: 30px;
}

.working-hours-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.working-hours-body ul li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  line-height: 1.5em;
  color: var(--white-color);
  margin-bottom: 15px;
}

.working-hours-body ul li:last-child {
  margin-bottom: 0;
}

/* ********************************** */

/* ** 	   05. About Us css 	  ** */

/* ********************************** */

.about-us {
  padding: 100px 0 100px;
}

.about-us-images-box {
  position: relative;
  padding: 0 45px 70px 80px;
  margin-right: 15px;
}

.about-us-img-1 figure {
  display: block;
  border-radius: 20px;
}

.about-us-img-1 img {
  width: 100%;
  aspect-ratio: 1 / 1.26;
  object-fit: cover;
  border-radius: 20px;
}

.about-us-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 310px;
  background: var(--bg-color);
  border: 20px solid var(--bg-color);
  border-right: none;
  border-bottom: none;
  border-radius: 20px 0 0 0;
  z-index: 1;
}

.about-us-img-2::before, .about-us-img-2::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  clip-path: path("M19.705-80c0.193,19.425,0.264,34.706,0.288,50.006l-49.991,49.995h19.488 c-22.659,0.018-41.795,0.03-69.49-0.305V-80H19.705z M-0.003,20.001H-10.51c3.555-0.003,7.197-0.005,10.973-0.007 C0.308,19.998,0.153,20.001-0.003,20.001z M0.514,19.993c10.807-0.274,19.483-9.119,19.483-19.992v-25.854 C20.012-11.932,19.996,2.315,20,20C13.027,19.991,6.597,19.99,0.514,19.993z M19.997-25.853c-0.001-1.383-0.001-2.762-0.004-4.142 l0.004-0.003V-25.853z");
  -webkit-clip-path: path("M19.705-80c0.193,19.425,0.264,34.706,0.288,50.006l-49.991,49.995h19.488 c-22.659,0.018-41.795,0.03-69.49-0.305V-80H19.705z M-0.003,20.001H-10.51c3.555-0.003,7.197-0.005,10.973-0.007 C0.308,19.998,0.153,20.001-0.003,20.001z M0.514,19.993c10.807-0.274,19.483-9.119,19.483-19.992v-25.854 C20.012-11.932,19.996,2.315,20,20C13.027,19.991,6.597,19.99,0.514,19.993z M19.997-25.853c-0.001-1.383-0.001-2.762-0.004-4.142 l0.004-0.003V-25.853z");
  background-color: var(--bg-color);
}

.about-us-img-2::before {
  top: -40px;
  right: 45px;
}

.about-us-img-2::after {
  bottom: 70px;
  left: -40px;
}

.about-us-img-2 figure {
  display: block;
}

.about-us-img-2 img {
  width: 100%;
  aspect-ratio: 1 / 1.04;
  object-fit: cover;
  border-radius: 20px;
}

.about-experience-box {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(70%);
  background: var(--accent-color);
  border-radius: 10px;
  padding: 20px;
  max-width: 178px;
  /*animation: experiencemoveobject 2s infinite linear alternate;*/
  z-index: 1;
}

@keyframes experiencemoveobject {
  50% {
    left: 30px;
  }
}

.about-experience-box .icon-box {
  margin-bottom: 10px;
}

.about-experience-box .icon-box img {
  max-width: 45px;
}

.about-experience-box .about-experience-content h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--white-color);
}

.company-review {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(-180deg) translate(-100%, 50%);
  writing-mode: vertical-rl;
}

.company-review h3 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--primary-color);
}

.about-us-images {
  display: flex;
  flex-wrap: wrap;
  margin-right: 15px;
  justify-content: end;
}

.about-box-first {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 30px;
}

.about-image figure {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}

.about-image figure img {
  width: 100%;
  aspect-ratio: 1 / 1.016;
  object-fit: cover;
}

.rating-box-animation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: var(--primary-color);
  border-radius: 10px;
  width: 100px;
  height: 260px;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  padding: 25px 30px;
  margin-top: 30px;
}

.rating-box-animation h2 {
  height: 50%;
  font-size: 44px;
  color: var(--accent-color);
}

.rating-box-animation p {
  height: 50%;
  color: var(--white-color);
  margin: 0;
}

.about-box-second {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 30px;
  width: 100%;
}

.about-box-second .about-image {
  width: calc(100% - 220px);
  margin-top: -130px;
}

.about-box-second .about-image figure {
  border: 6px solid var(--bg-color);
}

.about-box-second .about-image figure img {
  aspect-ratio: 1 / 0.9;
}

.about-box-second .contact-us-circle {
  margin: -70px 50px 0 0;
}

.contact-us-circle a {
  display: inline-block;
  border-radius: 50%;
}

.contact-us-circle a img {
  max-width: 140px;
  border-radius: 50%;
  animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.contact-us-circle a:hover img {
  animation-play-state: paused;
}

.about-body-list {
  margin-bottom: 40px;
}

.about-body-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.about-body-list ul li {
  width: calc(50% - 15px);
  position: relative;
  line-height: 1.5em;
  padding-left: 30px;
}

.about-body-list ul li::before {
  content: '\f058';
  font-family: 'Font Awesome 7 Free';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 900;
  color: var(--accent-color);
}

.about-counter-list, .our-steps-feature-list {
  background: var(--white-color);
  border: 1px solid var(--divider-color);
  border-radius: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 60px;
  padding: 30px;
}

.our-steps-feature-list {
  background: var(--white-color);
}

.about-counter-item {
  position: relative;
  width: calc(33.33% - 40px);
}

.about-counter-item::before {
  content: '';
  position: absolute;
  right: -30px;
  top: 0;
  bottom: 0;
  background: var(--divider-color);
  width: 1px;
  height: 100%;
}

.about-counter-item:last-child:before, .about-counter-item:nth-child(3n + 3):before {
  display: none;
}

.about-counter-item h2 {
  font-size: 34px;
  margin-bottom: 5px;
}

.about-counter-item p {
  margin: 0;
}

.about-btn {
  margin-top: 40px;
}

.our-steps-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.steps-feature-list-item {
  position: relative;
  width: calc(33.33% - 20px);
  text-align: center;
}

.steps-feature-list-item::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -15px;
  bottom: 0;
  left: auto;
  transform: translateY(-50%);
  background: var(--divider-color);
  opacity: 100%;
  width: 1px;
  height: 70px;
}

.steps-feature-list-item:nth-child(n + 3)::before, .steps-feature-list-item:last-child::before {
  display: none;
}

.steps-feature-list-item .icon-box {
  text-align: center;
  margin-bottom: 15px;
}

.steps-feature-list-item .icon-box img {
  width: 100%;
  max-width: 50px;
}

.steps-feature-list-content h3 {
  font-size: 18px;
  text-transform: capitalize;
  color: var(--primary-color);
}

.our-ingredients-btn {
  margin-top: 40px;
}

.ingredient-counter-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  border-top: 1px solid var(--divider-color);
  padding-top: 60px;
}

.ingredient-counter-item {
  display: flex;
  align-items: center;
  width: calc(25% - 22.5px);
}

.ingredient-counter-item .icon-box {
  position: relative;
  height: 60px;
  width: 60px;
  border: 1px solid var(--divider-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.ingredient-counter-item .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--accent-color);
  border-radius: 50%;
  transform: scale(0);
  z-index: 0;
  transition: all 0.4s ease-in-out;
}

.ingredient-counter-item:hover .icon-box::before {
  transform: scale(1);
}

.ingredient-counter-item .icon-box img {
  position: relative;
  max-width: 30px;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.ingredient-counter-item:hover .icon-box img {
  filter: brightness(0) invert(1);
}

.ingredient-counter-content {
  width: calc(100% - 80px);
}

.ingredient-counter-content h2 {
  font-size: 42px;
  margin-bottom: 5px;
}

.ingredient-counter-content p {
  text-transform: capitalize;
  margin-bottom: 0;
}

/* ********************************** */

/* ** 	  06. Our History css 	  ** */

/* ********************************** */

.our-history {
  padding: 100px 0 100px;
}

.our-history-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.history-item {
  width: calc(33.33% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 40px;
  background: var(--white-color);
  padding: 40px;
  border-radius: 20px;
  border: 1px solid var(--divider-color);
}

.history-item:nth-child(even) {
  flex-direction: column-reverse;
  margin-top: 0;
}

.history-item-content h2 {
  font-size: 60px;
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.history-item-content p {
  color: var(--primary-color);
  margin: 0;
}

.history-item-image figure {
  display: block;
  max-width: 230px;
  margin: 0 auto;
}

.history-item-image figure img {
  width: 100%;
  margin: 0 auto;
  clip-path: polygon( 100% 50%,100% 50%,99.849% 48.128%,99.411% 46.352%,98.711% 44.696%,97.772% 43.183%,96.617% 41.838%,95.272% 40.684%,93.759% 39.745%,92.103% 39.044%,90.327% 38.607%,88.455% 38.455%,77.869% 38.455%,85.361% 30.963%,85.361% 30.963%,86.58% 29.53%,87.528% 27.964%,88.205% 26.297%,88.611% 24.563%,88.747% 22.796%,88.611% 21.03%,88.205% 19.297%,87.528% 17.632%,86.58% 16.068%,85.361% 14.639%,85.361% 14.639%,83.929% 13.423%,82.362% 12.476%,80.696% 11.8%,78.962% 11.394%,77.195% 11.257%,75.428% 11.392%,73.696% 11.797%,72.03% 12.473%,70.466% 13.42%,69.037% 14.639%,61.545% 22.131%,61.545% 11.545%,61.545% 11.545%,61.393% 9.673%,60.956% 7.897%,60.255% 6.241%,59.316% 4.728%,58.162% 3.383%,56.817% 2.228%,55.304% 1.289%,53.648% 0.589%,51.872% 0.151%,50% 0%,50% 0%,48.128% 0.151%,46.352% 0.589%,44.696% 1.289%,43.183% 2.228%,41.838% 3.383%,40.684% 4.728%,39.745% 6.241%,39.044% 7.897%,38.607% 9.673%,38.455% 11.545%,38.455% 22.131%,30.963% 14.639%,30.963% 14.639%,29.53% 13.42%,27.964% 12.472%,26.297% 11.795%,24.563% 11.389%,22.796% 11.253%,21.03% 11.389%,19.297% 11.795%,17.632% 12.472%,16.068% 13.42%,14.639% 14.639%,14.639% 14.639%,13.423% 16.071%,12.476% 17.637%,11.8% 19.304%,11.394% 21.038%,11.257% 22.805%,11.392% 24.572%,11.797% 26.304%,12.473% 27.97%,13.42% 29.534%,14.639% 30.963%,22.131% 38.455%,11.545% 38.455%,11.545% 38.455%,9.673% 38.607%,7.897% 39.044%,6.241% 39.745%,4.728% 40.684%,3.383% 41.838%,2.228% 43.183%,1.289% 44.696%,0.589% 46.352%,0.151% 48.128%,0% 50%,0% 50%,0.151% 51.872%,0.589% 53.648%,1.289% 55.304%,2.228% 56.817%,3.383% 58.162%,4.728% 59.316%,6.241% 60.255%,7.897% 60.956%,9.673% 61.393%,11.545% 61.545%,22.131% 61.545%,14.639% 69.037%,14.639% 69.037%,13.42% 70.469%,12.472% 72.036%,11.795% 73.703%,11.389% 75.436%,11.253% 77.203%,11.389% 78.97%,11.795% 80.703%,12.472% 82.368%,13.42% 83.932%,14.639% 85.361%,14.639% 85.361%,16.071% 86.58%,17.637% 87.528%,19.304% 88.205%,21.038% 88.611%,22.805% 88.747%,24.572% 88.611%,26.304% 88.205%,27.97% 87.528%,29.534% 86.58%,30.963% 85.361%,38.455% 77.869%,38.455% 88.455%,38.455% 88.455%,38.607% 90.327%,39.044% 92.103%,39.745% 93.759%,40.684% 95.272%,41.838% 96.617%,43.183% 97.772%,44.696% 98.711%,46.352% 99.411%,48.128% 99.849%,50% 100%,50% 100%,51.872% 99.849%,53.648% 99.411%,55.304% 98.711%,56.817% 97.772%,58.162% 96.617%,59.316% 95.272%,60.255% 93.759%,60.956% 92.103%,61.393% 90.327%,61.545% 88.455%,61.545% 77.869%,69.037% 85.361%,69.037% 85.361%,70.469% 86.58%,72.036% 87.528%,73.703% 88.205%,75.436% 88.611%,77.203% 88.747%,78.97% 88.611%,80.703% 88.205%,82.368% 87.528%,83.932% 86.58%,85.361% 85.361%,85.361% 85.361%,86.58% 83.929%,87.528% 82.362%,88.205% 80.696%,88.611% 78.962%,88.747% 77.195%,88.611% 75.428%,88.205% 73.696%,87.528% 72.03%,86.58% 70.466%,85.361% 69.037%,77.869% 61.545%,88.455% 61.545%,88.455% 61.545%,90.327% 61.393%,92.103% 60.956%,93.759% 60.255%,95.272% 59.316%,96.617% 58.162%,97.772% 56.817%,98.711% 55.304%,99.411% 53.648%,99.849% 51.872%,100% 50% );
}

.history-item-image-1 figure img {
  clip-path: polygon( 100% 50%,100% 50%,99.849% 48.128%,99.411% 46.352%,98.711% 44.696%,97.772% 43.183%,96.617% 41.838%,95.272% 40.684%,93.759% 39.745%,92.103% 39.044%,90.327% 38.607%,88.455% 38.455%,77.869% 38.455%,85.361% 30.963%,85.361% 30.963%,86.58% 29.53%,87.528% 27.964%,88.205% 26.297%,88.611% 24.563%,88.747% 22.796%,88.611% 21.03%,88.205% 19.297%,87.528% 17.632%,86.58% 16.068%,85.361% 14.639%,85.361% 14.639%,83.929% 13.423%,82.362% 12.476%,80.696% 11.8%,78.962% 11.394%,77.195% 11.257%,75.428% 11.392%,73.696% 11.797%,72.03% 12.473%,70.466% 13.42%,69.037% 14.639%,61.545% 22.131%,61.545% 11.545%,61.545% 11.545%,61.393% 9.673%,60.956% 7.897%,60.255% 6.241%,59.316% 4.728%,58.162% 3.383%,56.817% 2.228%,55.304% 1.289%,53.648% 0.589%,51.872% 0.151%,50% 0%,50% 0%,48.128% 0.151%,46.352% 0.589%,44.696% 1.289%,43.183% 2.228%,41.838% 3.383%,40.684% 4.728%,39.745% 6.241%,39.044% 7.897%,38.607% 9.673%,38.455% 11.545%,38.455% 22.131%,30.963% 14.639%,30.963% 14.639%,29.53% 13.42%,27.964% 12.472%,26.297% 11.795%,24.563% 11.389%,22.796% 11.253%,21.03% 11.389%,19.297% 11.795%,17.632% 12.472%,16.068% 13.42%,14.639% 14.639%,14.639% 14.639%,13.423% 16.071%,12.476% 17.637%,11.8% 19.304%,11.394% 21.038%,11.257% 22.805%,11.392% 24.572%,11.797% 26.304%,12.473% 27.97%,13.42% 29.534%,14.639% 30.963%,22.131% 38.455%,11.545% 38.455%,11.545% 38.455%,9.673% 38.607%,7.897% 39.044%,6.241% 39.745%,4.728% 40.684%,3.383% 41.838%,2.228% 43.183%,1.289% 44.696%,0.589% 46.352%,0.151% 48.128%,0% 50%,0% 50%,0.151% 51.872%,0.589% 53.648%,1.289% 55.304%,2.228% 56.817%,3.383% 58.162%,4.728% 59.316%,6.241% 60.255%,7.897% 60.956%,9.673% 61.393%,11.545% 61.545%,22.131% 61.545%,14.639% 69.037%,14.639% 69.037%,13.42% 70.469%,12.472% 72.036%,11.795% 73.703%,11.389% 75.436%,11.253% 77.203%,11.389% 78.97%,11.795% 80.703%,12.472% 82.368%,13.42% 83.932%,14.639% 85.361%,14.639% 85.361%,16.071% 86.58%,17.637% 87.528%,19.304% 88.205%,21.038% 88.611%,22.805% 88.747%,24.572% 88.611%,26.304% 88.205%,27.97% 87.528%,29.534% 86.58%,30.963% 85.361%,38.455% 77.869%,38.455% 88.455%,38.455% 88.455%,38.607% 90.327%,39.044% 92.103%,39.745% 93.759%,40.684% 95.272%,41.838% 96.617%,43.183% 97.772%,44.696% 98.711%,46.352% 99.411%,48.128% 99.849%,50% 100%,50% 100%,51.872% 99.849%,53.648% 99.411%,55.304% 98.711%,56.817% 97.772%,58.162% 96.617%,59.316% 95.272%,60.255% 93.759%,60.956% 92.103%,61.393% 90.327%,61.545% 88.455%,61.545% 77.869%,69.037% 85.361%,69.037% 85.361%,70.469% 86.58%,72.036% 87.528%,73.703% 88.205%,75.436% 88.611%,77.203% 88.747%,78.97% 88.611%,80.703% 88.205%,82.368% 87.528%,83.932% 86.58%,85.361% 85.361%,85.361% 85.361%,86.58% 83.929%,87.528% 82.362%,88.205% 80.696%,88.611% 78.962%,88.747% 77.195%,88.611% 75.428%,88.205% 73.696%,87.528% 72.03%,86.58% 70.466%,85.361% 69.037%,77.869% 61.545%,88.455% 61.545%,88.455% 61.545%,90.327% 61.393%,92.103% 60.956%,93.759% 60.255%,95.272% 59.316%,96.617% 58.162%,97.772% 56.817%,98.711% 55.304%,99.411% 53.648%,99.849% 51.872%,100% 50% );
}

.history-item-image-2 figure img {
  clip-path: polygon( 50% 0%,50% 0%,50.288% 0.008%,50.575% 0.031%,50.86% 0.068%,51.142% 0.12%,51.421% 0.185%,51.696% 0.266%,51.967% 0.36%,52.233% 0.468%,52.494% 0.589%,52.749% 0.724%,52.749% 0.724%,52.996% 0.872%,53.235% 1.033%,53.465% 1.204%,53.686% 1.387%,53.897% 1.581%,54.098% 1.786%,54.288% 2.001%,54.467% 2.225%,54.635% 2.459%,54.791% 2.701%,54.791% 2.701%,56.396% 5.281%,58.062% 7.819%,59.787% 10.316%,61.571% 12.77%,63.414% 15.179%,65.314% 17.544%,67.271% 19.863%,69.283% 22.135%,71.35% 24.358%,73.472% 26.533%,73.472% 26.533%,75.647% 28.656%,77.87% 30.726%,80.142% 32.741%,82.461% 34.699%,84.827% 36.602%,87.237% 38.446%,89.691% 40.233%,92.189% 41.96%,94.728% 43.628%,97.308% 45.235%,97.308% 45.235%,97.55% 45.391%,97.784% 45.56%,98.008% 45.739%,98.222% 45.93%,98.426% 46.131%,98.62% 46.342%,98.803% 46.563%,98.974% 46.794%,99.134% 47.033%,99.281% 47.281%,99.281% 47.281%,99.416% 47.536%,99.537% 47.797%,99.644% 48.063%,99.738% 48.334%,99.817% 48.61%,99.883% 48.889%,99.934% 49.171%,99.97% 49.456%,99.993% 49.743%,100% 50.031%,100% 50.031%,99.993% 50.319%,99.97% 50.606%,99.934% 50.891%,99.883% 51.173%,99.817% 51.452%,99.738% 51.728%,99.644% 51.999%,99.537% 52.265%,99.416% 52.526%,99.281% 52.781%,99.281% 52.781%,99.134% 53.029%,98.974% 53.268%,98.803% 53.499%,98.62% 53.72%,98.426% 53.931%,98.222% 54.133%,98.008% 54.323%,97.784% 54.503%,97.55% 54.671%,97.308% 54.828%,97.308% 54.828%,92.184% 58.112%,87.234% 61.63%,82.466% 65.374%,77.888% 69.338%,73.507% 73.513%,69.331% 77.893%,65.365% 82.47%,61.619% 87.236%,58.1% 92.185%,54.814% 97.308%,54.814% 97.308%,54.657% 97.55%,54.489% 97.784%,54.309% 98.008%,54.118% 98.222%,53.917% 98.426%,53.706% 98.62%,53.485% 98.803%,53.254% 98.974%,53.015% 99.134%,52.767% 99.281%,52.767% 99.281%,52.512% 99.416%,52.251% 99.537%,51.985% 99.644%,51.714% 99.738%,51.438% 99.817%,51.159% 99.883%,50.877% 99.934%,50.593% 99.97%,50.306% 99.993%,50.017% 100%,50.017% 100%,49.729% 99.993%,49.442% 99.97%,49.157% 99.934%,48.875% 99.883%,48.596% 99.817%,48.321% 99.738%,48.05% 99.644%,47.783% 99.537%,47.522% 99.416%,47.267% 99.281%,47.267% 99.281%,47.019% 99.134%,46.78% 98.974%,46.55% 98.803%,46.329% 98.62%,46.117% 98.426%,45.916% 98.222%,45.726% 98.008%,45.546% 97.784%,45.378% 97.55%,45.221% 97.308%,45.221% 97.308%,43.611% 94.721%,41.94% 92.175%,40.209% 89.672%,38.419% 87.211%,36.569% 84.795%,34.662% 82.424%,32.698% 80.1%,30.678% 77.823%,28.603% 75.594%,26.473% 73.415%,26.473% 73.415%,24.304% 71.301%,22.085% 69.24%,19.819% 67.235%,17.506% 65.285%,15.147% 63.391%,12.744% 61.554%,10.296% 59.775%,7.806% 58.056%,5.274% 56.395%,2.702% 54.795%,2.702% 54.795%,2.459% 54.639%,2.226% 54.471%,2.001% 54.292%,1.787% 54.102%,1.582% 53.901%,1.388% 53.69%,1.205% 53.469%,1.033% 53.239%,0.873% 53%,0.725% 52.753%,0.725% 52.753%,0.59% 52.498%,0.468% 52.237%,0.36% 51.971%,0.266% 51.7%,0.186% 51.425%,0.12% 51.146%,0.068% 50.864%,0.031% 50.579%,0.008% 50.293%,0% 50.004%,0% 50.004%,0.007% 49.716%,0.028% 49.429%,0.064% 49.144%,0.115% 48.862%,0.18% 48.582%,0.259% 48.307%,0.352% 48.035%,0.458% 47.769%,0.579% 47.508%,0.713% 47.252%,0.713% 47.252%,0.86% 47.004%,1.019% 46.765%,1.19% 46.534%,1.372% 46.312%,1.566% 46.101%,1.769% 45.899%,1.983% 45.708%,2.207% 45.528%,2.44% 45.359%,2.682% 45.202%,2.682% 45.202%,5.255% 43.588%,7.787% 41.913%,10.278% 40.18%,12.727% 38.39%,15.132% 36.542%,17.493% 34.637%,19.809% 32.677%,22.078% 30.662%,24.3% 28.593%,26.473% 26.471%,26.473% 26.471%,28.595% 24.298%,30.663% 22.077%,32.677% 19.808%,34.637% 17.493%,36.541% 15.132%,38.388% 12.727%,40.179% 10.278%,41.911% 7.788%,43.585% 5.255%,45.199% 2.683%,45.199% 2.683%,45.356% 2.441%,45.524% 2.208%,45.705% 1.984%,45.896% 1.77%,46.097% 1.566%,46.309% 1.373%,46.53% 1.191%,46.761% 1.02%,47% 0.861%,47.249% 0.714%,47.249% 0.714%,47.504% 0.579%,47.765% 0.459%,48.032% 0.352%,48.303% 0.259%,48.578% 0.18%,48.858% 0.115%,49.14% 0.065%,49.425% 0.028%,49.712% 0.007%,50% -0% );
}

.history-item-image-3 figure img {
  clip-path: polygon( 0.075% 64.72%,0.075% 64.72%,0.038% 64.877%,0.013% 65.034%,0.001% 65.191%,0.002% 65.347%,0.016% 65.503%,0.042% 65.656%,0.082% 65.807%,0.135% 65.955%,0.201% 66.1%,0.28% 66.24%,10.667% 83.74%,10.667% 83.74%,10.859% 84.009%,11.086% 84.237%,11.343% 84.425%,11.623% 84.571%,11.921% 84.673%,12.232% 84.729%,12.549% 84.74%,12.867% 84.703%,13.181% 84.616%,13.484% 84.48%,37.548% 70.96%,37.548% 98%,37.548% 98%,37.575% 98.323%,37.653% 98.63%,37.778% 98.917%,37.946% 99.179%,38.152% 99.413%,38.392% 99.613%,38.661% 99.776%,38.956% 99.898%,39.272% 99.974%,39.604% 100%,60.397% 100%,60.397% 100%,60.73% 99.974%,61.046% 99.898%,61.34% 99.776%,61.61% 99.613%,61.85% 99.413%,62.056% 99.179%,62.224% 98.917%,62.349% 98.63%,62.427% 98.323%,62.454% 98%,62.454% 70.96%,86.517% 84.48%,86.517% 84.48%,86.662% 84.553%,86.812% 84.614%,86.966% 84.664%,87.124% 84.703%,87.283% 84.73%,87.444% 84.745%,87.605% 84.748%,87.766% 84.738%,87.924% 84.715%,88.08% 84.68%,88.08% 84.68%,88.238% 84.632%,88.39% 84.573%,88.537% 84.502%,88.676% 84.421%,88.808% 84.33%,88.932% 84.229%,89.047% 84.119%,89.153% 84.001%,89.249% 83.874%,89.335% 83.74%,99.721% 66.24%,99.721% 66.24%,99.867% 65.945%,99.958% 65.64%,99.998% 65.331%,99.988% 65.023%,99.929% 64.723%,99.825% 64.434%,99.676% 64.164%,99.484% 63.918%,99.252% 63.701%,98.981% 63.52%,74.897% 50%,98.981% 36.48%,98.981% 36.48%,99.113% 36.397%,99.239% 36.303%,99.357% 36.2%,99.468% 36.088%,99.57% 35.968%,99.662% 35.839%,99.745% 35.704%,99.817% 35.562%,99.878% 35.414%,99.927% 35.26%,99.927% 35.26%,99.963% 35.108%,99.986% 34.954%,99.996% 34.798%,99.994% 34.641%,99.978% 34.485%,99.95% 34.33%,99.911% 34.177%,99.859% 34.027%,99.796% 33.881%,99.721% 33.74%,89.335% 16.24%,89.335% 16.24%,89.143% 15.971%,88.916% 15.743%,88.659% 15.555%,88.379% 15.411%,88.08% 15.31%,87.77% 15.255%,87.452% 15.247%,87.134% 15.288%,86.82% 15.378%,86.517% 15.52%,62.454% 29.02%,62.454% 2%,62.454% 2%,62.427% 1.677%,62.349% 1.37%,62.224% 1.083%,62.056% 0.821%,61.85% 0.588%,61.61% 0.387%,61.34% 0.224%,61.046% 0.102%,60.73% 0.026%,60.397% 0%,39.604% 0%,39.604% 0%,39.272% 0.026%,38.956% 0.102%,38.661% 0.224%,38.392% 0.387%,38.152% 0.588%,37.946% 0.821%,37.778% 1.083%,37.653% 1.37%,37.575% 1.677%,37.548% 2%,37.548% 29.02%,13.484% 15.52%,13.484% 15.52%,13.181% 15.378%,12.867% 15.288%,12.549% 15.247%,12.232% 15.255%,11.921% 15.31%,11.623% 15.411%,11.343% 15.555%,11.086% 15.743%,10.859% 15.971%,10.667% 16.24%,0.28% 33.74%,0.28% 33.74%,0.201% 33.881%,0.135% 34.027%,0.082% 34.177%,0.042% 34.33%,0.016% 34.485%,0.002% 34.641%,0.001% 34.798%,0.013% 34.954%,0.038% 35.108%,0.075% 35.26%,0.075% 35.26%,0.123% 35.414%,0.183% 35.562%,0.253% 35.704%,0.334% 35.839%,0.424% 35.968%,0.525% 36.088%,0.635% 36.2%,0.755% 36.303%,0.883% 36.397%,1.021% 36.48%,25.105% 50%,1.021% 63.52%,1.021% 63.52%,0.883% 63.603%,0.755% 63.697%,0.635% 63.799%,0.525% 63.911%,0.424% 64.03%,0.334% 64.156%,0.253% 64.289%,0.183% 64.428%,0.123% 64.572%,0.075% 64.72% );
}

/* ********************************** */

/* ** 	 07. XP Service Us css 	  ** */

/* ********************************** */

.xp-service {
  position: relative;
  padding: 100px 0 100px;
}

.xp-service::before, .xp-service::after {
  content: '';
  position: absolute;
  width: 240px;
  height: 240px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
}

.xp-service::before {
  background-image: url('../../assets/img/food-dish-1.png');
  top: 150px;
  left: -70px;
}

.xp-service::after {
  background-image: url('../../assets/img/food-dish-2.png');
  bottom: 0%;
  right: -70px;
  width: 400px;
  height: 364px;
}

.xp-service .container {
  position: relative;
  z-index: 1;
}

.xp-service .section-title.section-title-center {
  max-width: 1080px;
}

.why-choose-btn {
  text-align: center;
  margin-top: 40px;
}

.xp-service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.xp-service-item {
  position: relative;
  width: calc(25% - 22.5px);
  background: var(--white-color);
  border: 1px solid var(--divider-color);
  border-radius: 200px;
  text-align: center;
  padding: 80px 50px;
  overflow: hidden;
}

.xp-service-item-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  z-index: 1;
}

.xp-service-item-content h3 {
  transition: all 0.4s ease-in-out;
  color: var(--primary-color);
}

.xp-service-item-content img {
  max-width: 100%;
  height: 126px;
  margin: 20px auto;
  transition: all 0.4s ease-in-out;
  transform: scale(1);
}

.xp-service-item.active .xp-service-item-content img, .xp-service-item:hover .xp-service-item-content img {
  opacity: 0;
  transform: scale(0);
}

.xp-service-item-content h2 {
  font-size: 60px;
  color: var(--accent-color);
  transition: all 0.4s ease-in-out;
}

.xp-service-item.active .xp-service-item-content h2, .xp-service-item:hover .xp-service-item-content h2, .xp-service-item.active .xp-service-item-content h3, .xp-service-item:hover .xp-service-item-content h3 {
  color: var(--white-color);
}

.xp-service-item-bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease-in-out;
  transform: scale(0);
}

.xp-service-item.active .xp-service-item-bg-image, .xp-service-item:hover .xp-service-item-bg-image {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.xp-service-item-bg-image::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--primary-color);
  border-radius: 200px;
  opacity: 50%;
  width: 100%;
  height: 100%;
}

.xp-service-item-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 200px;
}

.section-footer-text {
  margin-top: 60px;
  text-align: center;
}

.section-footer-text p {
  display: inline-block;
  margin-bottom: 0;
}

.dark-section .section-footer-text p {
  color: var(--white-color);
}

.section-footer-text span {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--white-color);
  background: var(--accent-color);
  padding: 4px 10px;
  border-radius: 100px;
  margin-right: 10px;
}

.section-footer-text p a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--accent-color);
  transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover {
  color: var(--primary-color);
}

.dark-section .section-footer-text p a:hover {
  color: var(--white-color);
}

/* ********************************** */

/* **   		08. Our Menu Css      ** */

/* ********************************** */

.our-menu {
  padding: 100px 0 100px;
}

.our-menu-tab-nav {
  text-align: center;
  border-bottom: 1px solid var(--divider-color);
  padding-bottom: 40px;
  margin-bottom: 80px;
}

.our-menu-tab-nav ul {
  position: relative;
  list-style: none;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px 60px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.our-menu-tab-nav ul li {
  position: relative;
  text-align: center;
}

.our-menu-tab-nav ul li:last-child {
  padding-right: 0;
}

.our-menu-tab-nav ul li .nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.our-menu-tab-nav ul li .nav-link.active, .our-menu-tab-nav ul li .nav-link:hover {
  background-color: transparent;
  color: var(--accent-color);
}

.our-menu-tab-nav ul li .nav-link img {
  width: 48px;
}

.our-menu-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
  z-index: 2;
}

.our-menu-item {
  width: calc(100% - 0px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.our-menu-image {
  margin-right: 30px;
}

.our-menu-image figure {
  display: block;
  border-radius: 0%;
  text-align: center;
  align-content: center;
}

.our-menu-image img {
  width: 100%;
  max-width: 100px;
  height: auto;
  border-radius: 0%;
  object-fit: cover;
}

.menu-item-body {
  width: calc(100% - 150px);
}

.menu-item-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 5px;
}

.menu-item-title hr {
  flex-grow: 1;
  border: 1px dashed var(--divider-color);
  opacity: 1;
}

.menu-item-title h3 {
  font-size: 20px;
  font-weight: 700;
}

.menu-item-title span {
  font-size: 18px;
  font-weight: 600;
  color: var(--accent-color);
}

.menu-item-content p {
  margin: 0;
}

/* ********************************** */

/* ** 	  09. What We Do css 	  ** */

/* ********************************** */

.what-we-do {
  padding: 100px 0 100px;
}

.what-we-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.what-we-item {
  width: calc(33.33% - 20px);
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.whay-we-content {
  background-color: var(--secondary-color);
  border-radius: 30px;
  padding: 40px;
}

.whay-we-content:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--accent-color);
  border-radius: 999px 999px 0 0;
  width: 100%;
  height: 0;
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

.what-we-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}

.what-we-header .icon-box img {
  width: 100%;
  max-width: 60px;
  min-width: 60px;
}

.what-we-btn a {
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.what-we-btn a img {
  width: 100%;
  max-width: 12px;
  transition: all 0.3s ease-in-out;
}

.what-we-btn a:hover img {
  transform: rotate(45deg);
}

.what-we-body h2 {
  font-size: 44px;
  margin-bottom: 15px;
}

.what-we-body p {
  margin: 0;
}

.what-we-img figure {
  display: block;
  border-radius: 30px;
}

.what-we-img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 30px;
}

.what-we-item:nth-child(3n + 2) {
  flex-direction: column-reverse;
}

.what-we-item:nth-child(3n + 2) .whay-we-content {
  background: var(--accent-color);
}

.what-we-item:nth-child(3n + 3) .whay-we-content {
  background: var(--primary-color);
}

.what-we-item:nth-child(3n + 2) .what-we-btn a, .what-we-item:nth-child(3n + 3) .what-we-btn a {
  background: var(--white-color);
}

.what-we-item:nth-child(3n + 2) .what-we-body h2, .what-we-item:nth-child(3n + 3) .what-we-body h2, .what-we-item:nth-child(3n + 2) .what-we-body p, .what-we-item:nth-child(3n + 3) .what-we-body p {
  color: var(--white-color);
}

/* ********************************** */

/* ** 	   10. CTA Box css 	      ** */

/* ********************************** */

.cta-box {
  position: relative;
  padding: 100px 0 100px;
  overflow: hidden;
}

.cta-box .container {
  position: relative;
  z-index: 1;
}

.cta-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
  margin-top: 40px;
}

.cta-counter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-top: 1px solid var(--divider-color);
  margin-top: 80px;
  padding-top: 80px;
}

.cta-counter-item {
  width: calc(25% - 22.5px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.cta-counter-item .icon-box {
  margin-bottom: 20px;
}

.cta-counter-item .icon-box img {
  width: 60px;
  transition: all 0.4s ease-in-out;
}

.cta-counter-item:hover .icon-box img {
  transform: rotateY(180deg);
}

.cta-counter-content {
  width: calc(100% - 60px);
}

.cta-counter-content h2 {
  font-size: 44px;
  line-height: 1em;
  margin-bottom: 10px;
}

.cta-counter-content p {
  margin: 0;
}

/* ********************************** */

/* ** 	  11. Our Gallery css     ** */

/* ********************************** */

.our-gallery {
  padding: 100px 0 100px;
}

.our-gallery .container-fluid {
  max-width: 1600px;
}

.our-gallery-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.gallery-image {
  position: relative;
  width: calc(33.33% - 20px);
  overflow: hidden;
}

.gallery-image::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  border-radius: 20px;
  opacity: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.gallery-image:hover:before {
  transform: scale(1);
}

.gallery-image figure {
  display: block;
  border-radius: 20px;
}

.gallery-image figure img {
  width: 100%;
  aspect-ratio: 1 / 0.67;
  object-fit: cover;
  border-radius: 20px;
}

.gallery-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.gallery-image:hover .gallery-btn {
  transform: translate(-50%, -50%) scale(1);
}

.gallery-btn a {
  background: var(--dark-divider-color);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-btn a img {
  width: 100%;
  max-width: 14px;
  transition: all 0.4s ease-in-out;
}

.gallery-btn a:hover img {
  transform: rotate(45deg);
}

/* ********************************** */

/* ** 	12. Scrolling Ticker css  ** */

/* ********************************** */

.our-scrolling-ticker {
  background: var(--white-color);
  padding: 100px 0 100px;
}

.scrolling-ticker-box {
  --gap: 40px;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  align-items: center;
}

.scrolling-ticker-box.scroll-reverse {
  border-top: 1px solid var(--divider-color);
  margin-top: 40px;
  padding-top: 40px;
}

.scrolling-content {
  flex-shrink: 0;
  display: flex;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.scrolling-ticker-box.scroll-reverse .scrolling-content {
  animation-direction: reverse;
}

.scrolling-ticker-box:hover .scrolling-content {
  animation-play-state: paused;
}

.scrolling-content span {
  font-family: var(--accent-font);
  font-size: 34px;
  font-weight: 700;
}

.scrolling-content span img {
  border-radius: 0;
  margin-right: 20px;
  height: 70px;
}

.scrolling-content span:nth-child(even) img {
  border-radius: 0%;
}

/* ********************************** */

/* **   13. Our Testimonials css   ** */

/* ********************************** */

.our-testimonials {
  overflow: hidden;
}

.our-testimonials .container-fluid {
  padding: 0;
}

.testimonials-image {
  height: 100%;
}

.testimonials-image figure {
  display: block;
  height: 100%;
}

.testimonials-image figure img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.99;
  object-fit: cover;
}

.testimonials-content {
  height: 100%;
  text-align: center;
  padding: 100px 5.208vw 100px;
}

.testimonials-content .section-title {
  margin-bottom: 80px;
}

.testimonial-quote {
  margin-bottom: 30px;
}

.testimonial-quote img {
  max-width: 50px;
}

.testimonial-content {
  margin-bottom: 30px;
}

.testimonial-content p {
  font-size: 22px;
  font-weight: 500;
  color: var(--white-color);
  margin: 0;
}

.author-content h3 {
  font-size: 20px;
  color: var(--white-color);
  margin-bottom: 5px;
}

.author-content p {
  color: var(--white-color);
  opacity: 80%;
  margin: 0;
}

.testimonial-pagination {
  text-align: center;
  margin-top: 40px;
}

.testimonial-pagination .swiper-pagination-bullet {
  position: relative;
  border-radius: 100px;
  height: 10px;
  width: 10px;
  background: var(--dark-divider-color);
  opacity: 1;
  margin: 0 3px;
  transition: all 0.3s ease-in-out;
}

.testimonial-pagination .swiper-pagination-bullet-active {
  width: 26px;
  background: var(--accent-color);
}

/* ********************************** */

/* **     14. Our events css       ** */

/* ********************************** */

.our-events {
  padding: 100px 0 100px;
}

.faq-accordion .accordion-item {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.faq-accordion .accordion-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.45em;
  background: transparent;
  color: var(--primary-color);
  padding: 5px 50px 5px 0px;
}

.faq-accordion.events-accordion .accordion-header .accordion-button-index {
  padding: 5px 0px 5px 50px;
}

.faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after {
  content: '\f068';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c0a9bd;
  border-radius: 5px;
  font-size: 16px;
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after {
  content: '\2b';
  /*background: var(--accent-color);*/
}

.faq-accordion.events-accordion .accordion-item .accordion-button::after, .faq-accordion.events-accordion .accordion-item .accordion-button.collapsed::after {
  right: auto;
  left: 0;
}

.faq-accordion .accordion-item .accordion-body {
  padding-top: 15px;
}

.faq-accordion .accordion-item .accordion-body p {
  margin: 0;
}

.events-btn {
  margin-top: 50px;
}

.events-image-box {
  position: relative;
  margin-left: 15px;
}

.events-image figure {
  display: block;
  border-radius: 30px;
}

.events-image figure img {
  width: 100%;
  aspect-ratio: 1 / 1.133;
  object-fit: cover;
  border-radius: 30px;
}

.event-counter-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  z-index: 1;
}

.event-counter-item {
  background: var(--primary-color);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 30px;
}

.event-counter-item h2 {
  font-size: 44px;
  line-height: 1em;
  color: var(--white-color);
  margin-bottom: 5px;
}

.event-counter-item p {
  color: var(--white-color);
  margin: 0;
}

/* ********************************** */

/* ** 	 15. Reserve Table css    ** */

/* ********************************** */

.reserve-table {
  padding: 100px 0 100px;
}

.reserve-table-form {
  margin-right: 15px;
}

.reserve-table-form .form-label {
  font-family: var(--accent-font);
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.reserve-table-form .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
  color: var(--primary-color);
  background-color: var(--secondary-color);
  border: 1px solid var(--divider-color);
  border-radius: 10px;
  padding: 18px 20px;
  box-shadow: none;
  outline: none;
}

.reserve-table-form .form-control.form-select {
  padding: 17px 35px 17px 20px;
}

.reserve-table-form .form-control::placeholder {
  color: var(--primary-color);
  opacity: 50%;
}

.reserve-table-content {
  background: var(--primary-color);
  background-position: center center;
  background-repeat: repeat;
  border-radius: 20px;
  padding: 50px;
}

.reserve-table-content .section-title p {
  color: var(--white-color);
  margin: 0;
}

.reserve-table-info-item {
  margin-bottom: 40px;
}

.reserve-table-info-item:last-child {
  margin-bottom: 0;
}

.reserve-table-info-item h3 {
  font-size: 24px;
  color: var(--white-color);
  margin-bottom: 15px;
}

.reserve-table-info-item p {
  color: var(--white-color);
  margin: 0 0 10px 0;
}

.reserve-table-info-item p:last-child {
  margin: 0;
}

.reserve-table-info-item p a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.reserve-table-info-item p a:hover {
  color: var(--accent-color);
}

.reserve-table-info-item.reserve-table-time p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reserve-table-info-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reserve-table-info-item ul li {
  display: inline-block;
  background: transparent;
  padding: 0;
  margin: 0 10px 0 0;
}

.reserve-table-info-item ul li a {
  background: var(--accent-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}

.reserve-table-info-item ul li a:hover {
  background: var(--white-color);
}

.reserve-table-info-item ul li a i {
  font-size: 20px;
  color: var(--white-color);
  transition: all 0.4s ease-in-out;
}

.reserve-table-info-item ul li a:hover i {
  color: var(--primary-color);
}

/* ********************************** */

/* ** 	   16. Our Blog css       ** */

/* ********************************** */

.our-blog {
  padding: 100px 0 70px;
}

.post-item {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

.post-featured-image {
  margin-bottom: 20px;
}

.post-featured-image a {
  cursor: none;
  display: block;
  border-radius: 30px;
  overflow: hidden;
}

.post-featured-image figure {
  display: block;
}

.post-featured-image img {
  width: 100%;
  aspect-ratio: 1 / 0.87;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

.post-item:hover .post-featured-image img {
  transform: scale(1.1);
}

.post-item-content {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.post-item-content h2 {
  font-size: 20px;
  line-height: 1.4em;
}

.post-item-content h2 a {
  display: inline-block;
  color: inherit;
}

/* ********************************** */

/* ** 	    17. Footer css        ** */

/* ********************************** */

.main-footer {
  padding: 100px 0 0;
}

.about-footer {
  margin-right: 30px;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-logo img {
  width: 100%;
  max-width: 175px;
}

.about-footer-content p {
  color: var(--white-color);
}

.about-footer-content p:last-child {
  margin-bottom: 0;
}

.footer-social-links {
  border-top: 1px solid var(--dark-divider-color);
  margin-top: 30px;
  padding-top: 30px;
}

.footer-social-links h3 {
  font-size: 20px;
  color: var(--white-color);
  margin-bottom: 20px;
}

.footer-social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-social-links ul li {
  display: inline-block;
  background: transparent;
  padding: 0;
  margin: 0 10px 0 0;
}

.footer-social-links ul li:last-child {
  margin: 0;
}

.footer-social-links ul li a {
  background: var(--dark-divider-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}

.footer-social-links ul li a:hover {
  background: var(--accent-color);
}

.footer-social-links ul li a i {
  font-size: 18px;
  color: var(--white-color);
}

.footer-links h3 {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 30px;
}

.footer-links h3 a {
  text-transform: none;
  display: inline-block;
  background: linear-gradient(to right, var(--accent-secondary-color) 0%, var(--accent-color) 50%, var(--accent-secondary-color) 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.footer-links h3 a:hover {
  background-position: right center;
}

.footer-links p {
  color: var(--white-color);
  margin-bottom: 15px;
}

.footer-links h3:last-child, .footer-links p:last-child {
  margin-bottom: 0;
}

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

.footer-links ul li {
  text-transform: capitalize;
  color: var(--white-color);
  line-height: 1.5em;
  margin-bottom: 15px;
}

.footer-links ul li:last-child {
  margin: 0;
}

.footer-links ul li a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover {
  color: var(--accent-color);
}

.footer-contact-item {
  margin-bottom: 30px;
}

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

.footer-contact-item h3 {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 20px;
}

.footer-contact-item p {
  color: var(--white-color);
  margin-bottom: 5px;
}

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

.footer-contact-item p a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.footer-contact-item p a:hover {
  color: var(--accent-color);
}

.footer-newsletter-form {
  margin-top: 30px;
}

.footer-newsletter-form .form-group {
  width: 100%;
  display: flex;
  border: 1px solid var(--dark-divider-color);
  border-radius: 10px;
  padding: 6px;
}

.footer-newsletter-form .form-group .form-control {
  width: calc(100% - 40px);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  color: var(--white-color);
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  padding: 8px 15px;
}

.footer-newsletter-form .form-group .form-control::placeholder {
  color: var(--white-color);
}

.footer-newsletter-form .form-group .newsletter-btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  border-radius: 6px;
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.footer-newsletter-form .form-group .newsletter-btn:hover {
  background: var(--accent-color);
}

.footer-newsletter-form .form-group .newsletter-btn img {
  width: 100%;
  max-width: 12px;
  transition: all 0.3s ease-in-out;
}

.footer-newsletter-form .form-group .newsletter-btn:hover img {
  filter: brightness(0) invert(1);
  transform: rotate(45deg);
}

.footer-copyright {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--dark-divider-color);
  gap: 10px;
  padding: 50px 0;
  margin-top: 80px;
}

.footer-top-button {
  position: absolute;
  left: 50%;
  top: -50px;
  transform: translate(-50%, 50%);
}

.footer-top-button a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dark-divider-color);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50%;
  border: none;
  padding: 0;
  transition: all 0.4s ease-in-out;
}

.footer-top-button a:hover {
  background: var(--accent-color);
}

.footer-top-button a img {
  width: 100%;
  max-width: 12px;
  transform: rotate(-45deg);
  animation: jumpInfinite 0.8s linear infinite alternate;
}

@keyframes jumpInfinite {
  0% {
    margin-top: 8px;
  }
  100% {
    margin-bottom: 8px;
  }
}

.footer-copyright-text p {
  color: var(--white-color);
  margin: 0;
}

.footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.footer-menu ul li {
  color: var(--white-color);
  text-transform: capitalize;
  line-height: 1.5em;
  transition: all 0.3s ease-in-out;
}

.footer-menu ul li:hover {
  color: var(--accent-color);
}

.footer-menu ul li a {
  color: inherit;
}

/* ********************************** */

/* ** 	18. About Us Page css     ** */

/* ********************************** */

.page-header {
  position: relative;
  background: url('../../assets/img/page-header-bg.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 260px 0 130px;
  overflow: hidden;
}

.page-header::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background: linear-gradient(270deg, transparent 0%, rgba(56, 53, 55, 0.60) 65%);*/
  height: 100%;
  width: 100%;
}

.page-header-box {
  position: relative;
  text-align: center;
  z-index: 2;
}

.page-header-box h1 {
  display: inline-block;
  font-size: 54px;
  font-weight: 600;
  color: var(--white-color);
  cursor: none;
  margin-bottom: 10px;
}

.page-header-box ol {
  margin: 0;
  padding: 0;
  justify-content: center;
}

.page-header-box ol li.breadcrumb-item {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  text-transform: capitalize;
  color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a {
  color: inherit;
}

.page-header-box ol li.breadcrumb-item.active {
  color: var(--white-color);
}

.page-header-box ol .breadcrumb-item + .breadcrumb-item::before {
  color: var(--white-color);
}

.our-approach {
  padding: 100px 0 100px;
}

.approach-body {
  background-color: var(--primary-color);
  border-radius: 30px;
  padding: 40px;
}

.mission-vision-item {
  border-bottom: 1px solid var(--dark-divider-color);
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.mission-vision-item:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.mission-vision-content {
  margin-bottom: 30px;
}

.mission-vision-content h3 {
  color: var(--white-color);
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 15px;
}

.mission-vision-content p {
  color: var(--white-color);
  margin: 0;
}

.mission-vision-list ul {
  color: var(--white-color);
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.mission-vision-list ul li {
  width: calc(50% - 15px);
  position: relative;
  line-height: 1.5em;
  padding-left: 30px;
}

.mission-vision-list ul li::before {
  content: '\f058';
  font-family: 'Font Awesome 7 Free';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 900;
  color: var(--accent-color);
}

.approach-image {
  height: 100%;
  margin-left: 30px;
}

.approach-image figure {
  display: block;
  height: 100%;
  border-radius: 30px;
}

.approach-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1.295;
  object-fit: cover;
  border-radius: 30px;
}

.best-food {
  padding: 100px 0 100px;
}

.best-food-item {
  position: relative;
  background-color: var(--white-color);
  border-radius: 20px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  padding: 200px 40px 40px 40px;
  overflow: hidden;
}

.best-food-content {
  position: relative;
  width: 100%;
  max-width: 300px;
  z-index: 1;
}

.best-food-content .section-title {
  margin-bottom: 20px;
}

.best-food-btn a {
  color: var(--accent-color);
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.best-food-btn a:hover {
  color: var(--primary-color);
}

.best-food-image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
}

.best-food-image img {
  height: 100%;
  object-fit: cover;
}

.big-bullet {
  padding: 100px 0 100px;
}

.big-bullet-image-box {
  position: relative;
  height: 100%;
  margin-right: 30px;
}

.big-bullet-image figure {
  height: 100%;
  display: block;
  border-radius: 30px;
}

.big-bullet-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.852;
  object-fit: cover;
  border-radius: 30px;
}

.big-bullet-cta-box {
  position: absolute;
  bottom: 30px;
  left: 30px;
  max-width: 385px;
  border-radius: 20px;
  padding: 30px;
  background: var(--divider-color);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  z-index: 1;
}

.big-bullet-cta-header {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}

.big-bullet-cta-header h3 {
  color: var(--white-color);
  font-size: 20px;
  line-height: 1.4em;
}

.big-bullet-cta-body {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  z-index: 1;
}

.review-images {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.review-image {
  position: relative;
  border: 1px solid var(--white-color);
  border-radius: 50%;
  margin-left: -14px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  z-index: 1;
}

.review-image:first-child {
  margin: 0;
}

.review-image figure {
  display: block;
}

.review-image img {
  width: 100%;
  border-radius: 50%;
}

.review-image.add-more {
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.review-image.add-more:hover {
  background: var(--white-color);
}

.review-image.add-more i {
  font-size: 20px;
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
}

.big-bullet-cta-btn a {
  color: var(--white-color);
  font-weight: 700;
  line-height: 1.6em;
  text-decoration: underline;
  transition: all 0.4s ease-in-out;
}

.big-bullet-cta-btn a:hover {
  color: var(--primary-color);
}

.big-bullet-body {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-bottom: 1px solid var(--dark-divider-color);
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.home-tradition-item {
  border-bottom: 0;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.big-bullet-body-item {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
}

.big-bullet-body-item .icon-box {
  position: relative;
  background: var(--accent-color);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  overflow: hidden;
}

.big-bullet-body-item.light_color .icon-box::before {
  background-color: var(--primary-color);
}

.big-bullet-body-item.light_color:hover .icon-box img {
  filter: none;
}

.light_color.big-bullet-body-item .big-bullet-item-content h3 {
  color: var(--primary-color);
}

.big-bullet-body-item .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}

.big-bullet-body-item:hover .icon-box::before {
  transform: scale(1);
}

.big-bullet-body-item .icon-box img {
  position: relative;
  max-width: 24px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}

.big-bullet-body-item:hover .icon-box img {
  filter: brightness(1) invert(1);
}

.big-bullet-item-content {
  width: calc(100% - 70px);
}

.big-bullet-item-content h3 {
  color: var(--white-color);
  font-size: 20px;
  line-height: 1.4em;
}

.big-bullet-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.big-bullet-list ul li {
  position: relative;
  color: var(--white-color);
  line-height: 1.5em;
  padding-left: 30px;
  margin-bottom: 20px;
}

.big-bullet-list ul li::before {
  content: '\f058';
  font-family: 'Font Awesome 7 Free';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 900;
  color: var(--accent-color);
}

.our-team {
  padding: 100px 0 100px;
}

.team-item {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

.team-image {
  position: relative;
  margin-bottom: 20px;
}

.team-image a, .team-image figure {
  display: block;
  cursor: none;
  border-radius: 20px;
  overflow: hidden;
}

.team-image img {
  width: 100%;
  aspect-ratio: 1 / 1.221;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}

.team-item:hover .team-image img {
  transform: scale(1.1);
}

.team-social-icon {
  position: absolute;
  right: 30px;
  bottom: 0;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.team-item:hover .team-social-icon {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}

.team-social-icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.team-social-icon ul li a {
  width: 36px;
  height: 36px;
  background: var(--accent-color);
  color: var(--white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.team-social-icon ul li a:hover {
  background: var(--primary-color);
}

.team-social-icon ul li a i {
  font-size: 18px;
  color: inherit;
}

.team-content {
  text-align: center;
}

.team-content h3 {
  font-size: 20px;
  line-height: 1.4em;
  text-transform: capitalize;
  margin-bottom: 0;
}

.team-content h3 a {
  color: inherit;
}

.team-content p {
  text-transform: capitalize;
  margin: 0;
}

.our-faqs {
  padding: 100px 0 100px;
}

.faqs-images {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-right: 20px;
}

.faq-img-box-1 {
  width: calc(48% - 15px);
}

.faq-img-box-2 {
  position: relative;
  width: calc(52% - 15px);
}

.faq-img-1 {
  margin-bottom: 30px;
}

.faq-img-1:last-child {
  margin-bottom: 0px;
}

.faq-img-1 figure, .faq-img-2 figure {
  display: block;
  border-radius: 30px;
}

.faq-img-1 img, .faq-img-2 img {
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.faq-img-1 img {
  aspect-ratio: 1 / 1.04;
}

.faq-img-2 img {
  aspect-ratio: 1 / 2.012;
}

.faq-cta-box {
  position: absolute;
  right: 25px;
  bottom: 25px;
  left: 25px;
  background: var(--dark-divider-color);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.faq-cta-box .review-image {
  height: 32px;
  width: 32px;
}

.review-image.add-more i {
  font-size: 16px;
}

.faq-cta-content h2 {
  color: var(--white-color);
  font-size: 20px;
}

.faq-cta-content p {
  color: var(--white-color);
  margin: 0;
}

/* ********************************** */

/* ** 	  19. Menu Page css		  ** */

/* ********************************** */

.page-menu {
  padding: 100px 0 100px;
}

.page-menu .our-menu-tab-nav {
  border-color: var(--divider-color);
}

.page-menu .our-menu-tab-nav ul li .nav-link {
  color: var(--primary-color);
}

.our-menu-tab-nav ul li .nav-link.active, .our-menu-tab-nav ul li .nav-link:hover {
  color: var(--accent-color);
}

.page-menu .menu-item-title h3, .page-menu .menu-item-title span {
  color: var(--primary-color);
}

.page-menu .menu-item-content p {
  color: var(--text-color);
}

/* ********************************** */

/* ** 	 20. Blog Archive css	  ** */

/* ********************************** */

.page-blog {
  padding: 100px 0 100px;
}

.page-pagination {
  margin-top: 30px;
  text-align: center;
}

.page-pagination ul {
  justify-content: center;
  padding: 0;
  margin: 0;
}

.page-pagination ul li a, .page-pagination ul li span {
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  background: var(--secondary-color);
  color: var(--primary-color);
  border-radius: 10px;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  font-weight: 600;
  line-height: 1em;
  transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, .page-pagination ul li a:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

/* ********************************** */

/* ** 	  21. Blog Single css	  ** */

/* ********************************** */

.page-single-post {
  padding: 100px 0 100px;
}

.post-single-meta {
  margin-top: 10px;
}

.post-single-meta ol li {
  font-size: 18px;
  color: var(--white-color);
  margin-right: 15px;
}

.post-single-meta ol li:last-child {
  margin-right: 0;
}

.post-single-meta ol li i {
  font-size: 18px;
  color: var(--white-color);
  margin-right: 5px;
}

.post-image {
  position: relative;
  margin-bottom: 30px;
}

.post-image figure {
  display: block;
  border-radius: 30px;
  overflow: hidden;
}

.post-image img {
  width: 100%;
  aspect-ratio: 1 / 0.50;
  object-fit: cover;
  border-radius: 30px;
}

.post-content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.post-entry {
  border-bottom: 1px solid var(--divider-color);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.post-entry:after {
  content: '';
  display: block;
  clear: both;
}

.post-entry a {
  color: var(--accent-color);
}

.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
  font-weight: 600;
  line-height: 1.1em;
  margin: 0 0 0.46em;
}

.post-entry h1 {
  font-size: 54px;
}

.post-entry h2 {
  font-size: 44px;
}

.post-entry h3 {
  font-size: 40px;
}

.post-entry h4 {
  font-size: 30px;
}

.post-entry h5 {
  font-size: 24px;
}

.post-entry h6 {
  font-size: 20px;
}

.post-entry p {
  font-weight: 500;
  margin-bottom: 20px;
}

.post-entry p:last-child {
  margin-bottom: 0;
}

.post-entry p strong {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
}

.post-entry ol {
  margin: 0 0 30px;
}

.post-entry ul {
  padding: 0;
  margin: 20px 0 20px;
  padding-left: 20px;
}

.post-entry ol li, .post-entry ul li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6em;
  color: var(--text-color);
  margin-bottom: 15px;
}

.post-entry ul li:last-child {
  margin-bottom: 0;
}

.post-entry ul ul, .post-entry ul ol, .post-entry ol ol, .post-entry ol ul {
  margin-top: 20px;
  margin-bottom: 0;
}

.post-entry ul ul li:last-child, .post-entry ul ol li:last-child, .post-entry ol ol li:last-child, .post-entry ol ul li:last-child {
  margin-bottom: 0;
}

.post-entry blockquote {
  background: url('../../assets/img/icon-blockquote.svg'), var(--primary-color);
  background-repeat: no-repeat;
  background-position: 30px 30px;
  background-size: 45px;
  border-radius: 20px;
  padding: 30px 30px 30px 90px;
  margin-bottom: 30px;
}

.post-entry blockquote p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
  color: var(--white-color);
}

.post-entry blockquote p:last-child {
  margin-bottom: 0;
}

.tag-links {
  font-family: var(--accent-font);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--primary-color);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.post-tags .tag-links a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1em;
  background: var(--accent-color);
  color: var(--white-color);
  border-radius: 100px;
  padding: 12px 20px;
  transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover {
  background: var(--primary-color);
}

.post-social-sharing {
  text-align: right;
}

.post-social-sharing ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.post-social-sharing ul li {
  display: inline-block;
  margin-right: 10px;
}

.post-social-sharing ul li:last-child {
  margin-right: 0;
}

.post-social-sharing ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--accent-color);
  color: var(--white-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a {
  background: var(--primary-color);
}

.post-social-sharing ul li a i {
  font-size: 18px;
  color: inherit;
}

/* ********************************** */

/* ** 	  22. Team Page css		  ** */

/* ********************************** */

.page-team {
  padding: 100px 0 100px;
}

/* ********************************** */

/* ** 	  23. Team Single css	  ** */

/* ********************************** */

.page-team-single {
  padding: 100px 0 100px;
}

.team-member-image {
  margin-right: 15px;
}

.team-member-image figure {
  display: block;
  border-radius: 20px;
}

.team-member-image img {
  width: 100%;
  aspect-ratio: 1 / 0.89;
  object-fit: cover;
  border-radius: 20px;
}

.member-content-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.member-content-body ul li {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.5em;
  color: var(--primary-color);
  margin-bottom: 15px;
}

.member-content-body ul li:last-child {
  margin-bottom: 0;
}

.member-content-body ul li span {
  width: 68%;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: var(--text-color);
}

.member-social-list {
  margin-top: 40px;
}

.member-social-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.member-social-list ul li {
  display: inline-block;
  margin-right: 10px;
}

.member-social-list ul li:last-child {
  margin: 0;
}

.member-social-list ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background: var(--accent-color);
  color: var(--white-color);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.member-social-list ul li:hover a {
  background: var(--primary-color);
}

.member-social-list ul li i {
  color: inherit;
  font-size: 18px;
}

.team-personal-info-box {
  padding: 100px 0 100px;
}

.team-expertise-box {
  margin-right: 15px;
}

.team-skills-list {
  margin-bottom: 40px;
}

.skills-progress-bar {
  margin-bottom: 40px;
}

.skills-progress-bar:last-child {
  margin-bottom: 0;
}

.skills-progress-bar .skillbar .skill-data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.skills-progress-bar .skill-data .skill-title {
  color: var(--primary-color);
  text-transform: capitalize;
  font-weight: 600;
}

.skills-progress-bar .skill-data .skill-no {
  color: var(--primary-color);
  font-weight: 600;
  margin-left: 20px;
}

.skills-progress-bar .skillbar .skill-progress {
  position: relative;
  width: 100%;
  height: 14px;
  background: var(--divider-color);
  border-radius: 100px;
}

.skills-progress-bar .skill-progress .count-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--accent-color);
  border-radius: 100px;
}

.team-expertise .section-title {
  margin: 0;
}

.team-expertise .section-title h3 {
  padding-left: 0;
  margin: 15px 0 0 0;
}

.team-expertise .section-title h3::before {
  display: none;
}

.team-contact-form {
  background: var(--white-color);
  border-radius: 20px;
  padding: 40px;
}

.team-contact-form .contact-form .form-control {
  background: var(--bg-color);
}

/* ********************************** */

/* **  24. Testimonials Page css	  ** */

/* ********************************** */

.page-testimonials {
  padding: 100px 0 100px;
}

.page-testimonials .testimonial-item {
  background: var(--white-color);
  border-radius: 20px;
  text-align: center;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  padding: 40px;
}

.page-testimonials .testimonial-item .testimonial-content p {
  font-size: 18px;
  color: var(--text-color);
}

.page-testimonials .testimonial-item .author-content h3 {
  color: var(--primary-color);
}

.page-testimonials .testimonial-item .author-content p {
  color: var(--text-color);
}

/* ********************************** */

/* ** 	 25. Image Gallery css	  ** */

/* ********************************** */

.page-gallery {
  padding: 100px 0 100px;
}

.page-gallery-box .photo-gallery {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a {
  cursor: none;
}

.page-gallery-box .photo-gallery figure {
  display: block;
  border-radius: 30px;
}

.page-gallery-box .photo-gallery img {
  width: 100%;
  aspect-ratio: 1 / 0.829;
  object-fit: cover;
  border-radius: 30px;
}

/* ********************************** */

/* ** 	 26. Video Gallery css	  ** */

/* ********************************** */

.page-video-gallery {
  padding: 100px 0 100px;
}

.video-gallery-image {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  overflow: hidden;
}

.video-gallery-image a {
  position: relative;
  display: block;
  cursor: none;
}

.video-gallery-image a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary-color);
  border-radius: 30px;
  opacity: 0%;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before {
  opacity: 50%;
  visibility: visible;
  transform: scale(1);
}

.video-gallery-image a::after {
  content: '\f04b';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  font-size: 20px;
  background: var(--accent-color);
  color: var(--white-color);
  border-radius: 50%;
  height: 60px;
  width: 60px;
  cursor: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.video-gallery-image:hover a::after {
  opacity: 1;
  visibility: visible;
}

.video-gallery-image img {
  width: 100%;
  aspect-ratio: 1 / 0.829;
  object-fit: cover;
  border-radius: 30px;
}

/* ********************************** */

/* ** 	  27. FAQs Page css 	  ** */

/* ********************************** */

.page-faqs {
  padding: 100px 0 100px;
}

.page-single-sidebar {
  position: sticky;
  top: 20px;
  margin-right: 20px;
}

.page-category-list {
  background-color: var(--secondary-color);
  border-radius: 30px;
  margin-bottom: 60px;
  padding: 30px;
  overflow: hidden;
}

.page-category-list h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.page-category-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-category-list ul li {
  margin-bottom: 20px;
}

.page-category-list ul li:last-child {
  margin: 0;
}

.page-category-list ul li a {
  position: relative;
  display: block;
  line-height: 1.4em;
  text-transform: capitalize;
  color: var(--text-color);
  background: var(--white-color);
  border-radius: 10px;
  padding: 19px 45px 19px 20px;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  z-index: 1;
}

.page-category-list ul li:hover a {
  color: var(--white-color);
}

.page-category-list ul li a::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0px, -50%);
  background: url('../../assets/img/arrow-text.svg') no-repeat;
  background-position: center center;
  background-size: cover;
  width: 12px;
  height: 12px;
  transition: all 0.3s ease-in-out;
}

.page-category-list ul li a:hover::before {
  filter: brightness(0) invert(1);
  transform: translate(0px, -50%) rotate(45deg);
}

.page-category-list ul li a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--accent-color);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}

.page-category-list ul li:hover a::after {
  top: 0;
  height: 100%;
}

.sidebar-cta-box {
  position: relative;
  background: url('../../assets/img/sidebar-cta-bg.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 190px 30px 30px;
  border-radius: 30px;
  overflow: hidden;
}

.sidebar-cta-box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.80) 100%);
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sidebar-cta-contact {
  position: relative;
  background-color: var(--dark-divider-color);
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
  border-radius: 20px;
  display: flex;
  padding: 20px;
  z-index: 1;
}

.sidebar-cta-contact .icon-box {
  position: relative;
  background: var(--accent-color);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  overflow: hidden;
}

.sidebar-cta-contact .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}

.sidebar-cta-contact:hover .icon-box::before {
  transform: scale(1);
}

.sidebar-cta-contact .icon-box img {
  position: relative;
  max-width: 24px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}

.sidebar-cta-contact:hover .icon-box img {
  filter: brightness(1) invert(1);
}

.cta-contact-content {
  width: calc(100% - 70px);
}

.cta-contact-content h3 {
  color: var(--white-color);
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.cta-contact-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cta-contact-content ul li {
  color: var(--white-color);
  line-height: 1.8em;
}

.page-faqs .page-faq-accordion {
  margin-bottom: 60px;
}

.page-faqs .page-faq-accordion:last-child {
  margin-bottom: 0px;
}

/* ********************************** */

/* **   28. Contact Us Page css	  ** */

/* ********************************** */

.page-contact-us {
  padding: 100px 0 100px;
}

.contact-us-image {
  position: relative;
}

.contact-us-img figure {
  display: block;
  border-radius: 30px;
}

.contact-us-img img {
  width: 100%;
  aspect-ratio: 1 / 1.02;
  object-fit: cover;
  border-radius: 30px;
}

.opening-hours-item {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 30px;
  background: var(--dark-divider-color);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 20px;
  overflow: hidden;
  z-index: 2;
}

.opening-hours-item h3 {
  position: relative;
  color: var(--white-color);
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 30px;
  z-index: 1;
}

.opening-hours-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.opening-hours-item ul li {
  color: var(--white-color);
  line-height: 1.5em;
  border-bottom: 1px solid var(--dark-divider-color);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.opening-hours-item ul li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.contact-form .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--text-color);
  background: var(--white-color);
  border-radius: 12px;
  padding: 18px 20px;
  border: none;
  box-shadow: none;
  outline: none;
}

.contact-form .form-control::placeholder {
  color: var(--text-color);
}

.contact-form .btn-default {
  width: 100%;
  padding: 17px 25px;
}

.contact-form .btn-default:before {
  display: none;
}

.contact-info-box {
  padding: 100px 0 100px;
}

.contact-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 80px;
}

.contact-info-item {
  position: relative;
  width: calc(33.33% - 53.33px);
  display: flex;
}

.contact-info-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 1px;
  background: var(--divider-color);
}

.contact-info-item:nth-child(3n + 3):after, .contact-info-item:last-child:after {
  display: none;
}

.contact-info-item .icon-box {
  position: relative;
  background: var(--accent-color);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  overflow: hidden;
}

.contact-info-item .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}

.contact-info-item:hover .icon-box::before {
  transform: scale(1);
}

.contact-info-item .icon-box img {
  position: relative;
  max-width: 24px;
  z-index: 1;
}

.contact-info-content {
  width: calc(100% - 70px);
}

.contact-info-content h3 {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.contact-info-content p {
  margin: 0;
}

.contact-info-content p a {
  color: inherit;
  transition: all 0.4s ease-in-out;
}

.contact-info-content p a:hover {
  color: var(--primary-color);
}

.google-map {
  overflow: hidden;
}

.google-map .container-fluid {
  padding: 0;
}

.google-map-iframe, .google-map-iframe iframe {
  width: 100%;
  height: 750px;
}

/* ********************************** */

/* **  29. Reserve Table Page css  ** */

/* ********************************** */

.page-reserve-table {
  padding: 100px 0 100px;
}

/* ********************************** */

/* ** 	30. 404 Error Page css	  ** */

/* ********************************** */

.error-page {
  padding: 100px 0 100px;
}

.error-page-image {
  text-align: center;
  margin-bottom: 30px;
}

.error-page-image img {
  width: 100%;
  max-width: 45%;
}

.error-page-content {
  text-align: center;
}

.error-page-content .section-title {
  margin-bottom: 15px;
}

/* ********************************** */

/* **      31. Responsive css      ** */

/* ********************************** */

@media only screen and (max-width: 1300px) {
  .topbar {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 1300px) {
  .navbar {
    border-radius: 0;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 1300px) {
  header.main-header .header-sticky.active {
    transform: translateY(0px);
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu ul li {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  header.main-header .header-sticky {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .btn-default {
    padding: 14px 52px 14px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .btn-default::before {
    width: 38px;
    height: 38px;
    right: 4px;
  }
}

@media only screen and (max-width: 991px) {
  .topbar {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 991px) {
  .topbar-contact-info ul {
    gap: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .topbar-contact-info ul li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .topbar-social-links ul {
    gap: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .navbar {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 991px) {
  .slicknav_nav li, .slicknav_nav ul {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .responsive-menu, .navbar-toggle {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .header-btn {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .section-row {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title.section-title-center {
    max-width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .section-content-btn .section-btn {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title p {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title-content {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .section-btn {
    text-align: left;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .hero {
    min-height: auto;
    align-content: start;
    padding: 200px 0 150px;
  }
}

@media only screen and (max-width: 991px) {
  .hero.hero-slider-layout .hero-slide {
    min-height: auto;
    align-content: start;
    padding: 200px 0 150px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-content {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .working-hours-item {
    margin: 30px auto 0 0;
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .working-hours-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .working-hours-body ul li {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-images {
    max-width: 80%;
    margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us-images-box {
    padding: 0 45px 70px 50px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rating-box-animation {
    height: 250px;
    padding: 20px 25px;
  }
}

@media only screen and (max-width: 991px) {
  .rating-box-animation h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .about-box-second .contact-us-circle {
    margin: -60px 0 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-circle a img {
    max-width: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .about-box-second .about-image {
    width: calc(100% - 190px);
  }
}

@media only screen and (max-width: 991px) {
  .about-body-list {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .about-body-list ul li {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .about-body-list ul li::before {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .about-counter-list {
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .about-counter-item h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 991px) {
  .about-btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .our-history {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .history-item {
    gap: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .history-item-content h2 {
    font-size: 45px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .history-item-image figure img {
    max-width: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .xp-service {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .xp-service::before, .xp-service::after {
    width: 160px;
    height: 160px;
    opacity: 30%;
  }
}

@media only screen and (max-width: 991px) {
  .why-choose-btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .xp-service-item {
    width: calc(50% - 15px);
    padding: 100px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .xp-service-item-content h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 991px) {
  .section-footer-text {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .section-footer-text span {
    padding: 2px 8px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-tab-nav {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-tab-nav ul {
    gap: 15px 40px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-list {
    gap: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-item {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-image {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .our-menu-image img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .menu-item-body {
    width: calc(100% - 115px);
  }
}

@media only screen and (max-width: 991px) {
  .menu-item-title {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .what-we-do {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .what-we-item {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 991px) {
  .what-we-img figure, .what-we-img img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .whay-we-content {
    padding: 30px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .what-we-header {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .what-we-header .icon-box img {
    max-width: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .what-we-body h2 {
    font-size: 34px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-box {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-counter-list {
    margin-top: 40px;
    padding-top: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-counter-item {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 991px) {
  .cta-counter-content h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .our-gallery {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .our-gallery-box {
    gap: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .gallery-image {
    width: calc(33.33% - 13.33px);
  }
}

@media only screen and (max-width: 991px) {
  .our-scrolling-ticker {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .scrolling-ticker-box {
    --gap: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .scrolling-ticker-box.scroll-reverse {
    margin-top: 20px;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .scrolling-content span {
    font-size: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .scrolling-content span img {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonials-image figure img {
    height: auto;
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .testimonials-content {
    padding: 50px 15px 50px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonials-content .section-title {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial-quote {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial-quote img {
    max-width: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial-content p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .our-events {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .our-events-content {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-accordion .accordion-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-accordion .accordion-header .accordion-button {
    padding: 0px 35px 0px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-accordion.events-accordion .accordion-header .accordion-button {
    padding: 0px 0px 0px 35px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-accordion .accordion-item .accordion-body {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .events-btn {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .events-image-box {
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .events-image figure img {
    aspect-ratio: 1 / 0.91;
  }
}

@media only screen and (max-width: 991px) {
  .event-counter-item {
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .event-counter-item h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-form {
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-form .form-label {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-form .form-control {
    padding: 12px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-form .form-control.form-select {
    padding: 12px 35px 12px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-content {
    padding: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-info-item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .reserve-table-info-item h3 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .our-blog {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .post-featured-image {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .post-featured-image a {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .post-featured-image img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .post-item-content {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .main-footer {
    padding: 50px 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .about-footer {
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 991px) {
  .footer-social-links {
    padding-top: 20px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-links h3 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-links ul li {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-copyright {
    padding: 30px 0;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .page-header {
    padding: 180px 0 110px;
  }
}

@media only screen and (max-width: 991px) {
  .page-header-box h1 {
    font-size: 40px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 991px) {
  .our-approach {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .approach-content {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .approach-body {
    padding: 30px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .mission-vision-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .mission-vision-content {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .mission-vision-content h3 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .mission-vision-list ul li {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .mission-vision-list ul li::before {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .approach-image {
    height: auto;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .approach-image figure, .approach-image img {
    height: auto;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .approach-image img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .best-food {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .best-food-item {
    padding: 150px 30px 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-image-box {
    height: auto;
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-image, .big-bullet-image figure, .big-bullet-image img {
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-image figure, .big-bullet-image img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-image img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-cta-box {
    max-width: 335px;
    bottom: 20px;
    left: 20px;
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-body {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .home-tradition-item {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-body-item .icon-box {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-item-content {
    width: calc(100% - 60px);
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-list ul li {
    margin-bottom: 15px;
    padding-left: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .big-bullet-list ul li:before {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .our-team {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .team-image {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .team-image img {
    aspect-ratio: 1 / 1.1;
  }
}

@media only screen and (max-width: 991px) {
  .our-faqs {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .faqs-images {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-img-1 figure, .faq-img-1 img, .faq-img-2 figure, .faq-img-2 img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .faq-img-1 img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .faq-img-2 img {
    aspect-ratio: 1 / 1.37;
  }
}

@media only screen and (max-width: 991px) {
  .faq-cta-box {
    right: auto;
    bottom: 15px;
    left: 15px;
    padding: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .page-menu {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-blog {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-pagination {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .page-single-post {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .post-image {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .post-image figure, .post-image img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
    margin: 0 0 0.44em;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry p {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry ol li, .post-entry ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry blockquote {
    background-position: 20px 20px;
    background-size: 40px;
    padding: 20px 20px 20px 70px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .post-entry blockquote p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .post-tags {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .tag-links {
    gap: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .post-tags .tag-links a {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .post-social-sharing ul {
    text-align: left;
  }
}

@media only screen and (max-width: 991px) {
  .page-team {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-team-single {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .team-member-image {
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 991px) {
  .member-social-list {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .team-personal-info-box {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .team-expertise-box {
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 991px) {
  .skills-progress-bar {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .skills-progress-bar .skillbar .skill-data {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .team-contact-form {
    padding: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .page-testimonials {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-testimonials .testimonial-item {
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .page-testimonials .testimonial-item .testimonial-content p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .page-gallery {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-gallery-box .photo-gallery figure, .page-gallery-box .photo-gallery img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .page-video-gallery {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .video-gallery-image a::before, .video-gallery-image img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .page-faqs {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .page-single-sidebar {
    position: static;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .page-category-list {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .page-category-list ul li a {
    padding: 15px 35px 15px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .page-category-list ul li a::before {
    right: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-cta-box {
    padding: 190px 20px 20px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-cta-contact .icon-box {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-contact-content {
    width: calc(100% - 60px);
  }
}

@media only screen and (max-width: 991px) {
  .page-faqs .page-faq-accordion {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .page-contact-us {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-image {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-img figure, .contact-us-img img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us-img img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 991px) {
  .opening-hours-item {
    bottom: 20px;
    left: 20px;
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .opening-hours-item h3 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .opening-hours-item ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-form .form-control {
    padding: 13px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-box {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-item {
    width: calc(50% - 40px);
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-item:nth-child(3n + 3)::after {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-item:last-child:after, .contact-info-item:nth-child(2n + 2)::after {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-item .icon-box {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-content {
    width: calc(100% - 60px);
  }
}

@media only screen and (max-width: 991px) {
  .google-map-iframe, .google-map-iframe iframe {
    height: 550px;
  }
}

@media only screen and (max-width: 991px) {
  .page-reserve-table {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .error-page {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 991px) {
  .error-page-image {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .error-page-image img {
    max-width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .our-steps-feature-list {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .steps-feature-list-item {
    width: calc(33.33% - 13.33px);
  }
}

@media only screen and (max-width: 767px) {
  .steps-feature-list-item .icon-box img {
    max-width: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .steps-feature-list-item::before {
    right: -10px;
    height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .steps-feature-list-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .our-ingredients-img img {
    aspect-ratio: 1 / 1.17;
    object-fit: cover;
  }
}

@media only screen and (max-width: 767px) {
  .topbar-contact-info ul {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .topbar-contact-info ul li img {
    max-width: 18px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .topbar-contact-info ul li a span {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .topbar-social-links {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .section-row {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title h1 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-btn {
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .working-hours-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .working-hours-header h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .working-hours-header img {
    max-width: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-images {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-images-box {
    padding: 0 20px 34px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-img-1 img {
    aspect-ratio: 1 / 1.26;
  }
}

@media only screen and (max-width: 767px) {
  .about-experience-box {
    padding: 10px;
    max-width: 120px;
    transform: translateY(20%);
  }
}

@keyframes experiencemoveobject {
  50% {
    /*left: 20px;*/
  }
}

@media only screen and (max-width: 767px) {
  .about-experience-box .about-experience-content h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-img-2 {
    border-width: 10px;
    max-width: 145px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-img-2::before {
    top: -30px;
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-img-2::after {
    bottom: 34px;
    left: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .company-review {
    transform: rotate(-180deg) translate(0, 20%);
  }
}

@media only screen and (max-width: 767px) {
  .company-review h3 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box-first {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box-first .about-image {
    width: calc(100% - 110px);
  }
}

@media only screen and (max-width: 767px) {
  .rating-box-animation {
    gap: 15px;
    width: 80px;
    height: 185px;
    padding: 15px 20px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rating-box-animation h2 {
    height: 40%;
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .rating-box-animation p {
    height: 60%;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box-second {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box-second .contact-us-circle {
    margin: -50px 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-circle a img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .about-box-second .about-image {
    width: calc(100% - 140px);
    margin-top: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .about-body-list ul {
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .about-body-list ul li {
    width: calc(50% - 7.5px);
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-list {
    border-radius: 20px;
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-list {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-item {
    width: calc(33.33% - 13.33px);
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-item::before {
    right: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-item h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .about-counter-item p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .history-item {
    width: 100%;
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .history-item:nth-child(even) {
    flex-direction: column;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .history-item-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .history-item-image figure img {
    max-width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .xp-service-item {
    width: 100%;
    padding: 80px 30px;
    margin: 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .xp-service-item-content h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .our-menu-image {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .our-menu-image img {
    max-width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .menu-item-body {
    width: calc(100% - 90px);
  }
}

@media only screen and (max-width: 767px) {
  .menu-item-title h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .menu-item-title span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .menu-item-content p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .what-we-item {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .what-we-item:nth-child(3n + 2) {
    flex-direction: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .whay-we-content {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .what-we-body h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-btn {
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-counter-item {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .cta-counter-item .icon-box {
    margin: 0 0 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cta-counter-content {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .cta-counter-content h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .gallery-image {
    width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 767px) {
  .gallery-btn a {
    width: 45px;
    height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .gallery-btn a img {
    max-width: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .scrolling-content span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials-image figure img {
    aspect-ratio: 1 / 0.99;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-quote img {
    max-width: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-content {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-content p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-pagination {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .author-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-accordion .accordion-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-accordion .accordion-header .accordion-button {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .event-counter-box {
    position: initial;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .event-counter-item {
    background: var(--primary-color);
    width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 767px) {
  .event-counter-item h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .event-counter-item p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .reserve-table-form .form-label {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .reserve-table-content {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .reserve-table-info-item h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .reserve-table-info-item ul li a {
    width: 38px;
    height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .reserve-table-info-item ul li a i {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .post-item-content h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-social-links h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-links {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-links h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-newsletter-form {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-copyright {
    justify-content: center;
    padding: 40px 0 15px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .page-header-box h1 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .approach-body {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mission-vision-list ul {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .mission-vision-list ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .mission-vision-list ul li:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .approach-image img {
    aspect-ratio: 1 / 1.1;
  }
}

@media only screen and (max-width: 767px) {
  .best-food-item {
    padding: 100px 20px 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .best-food-content {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .best-food-image img {
    opacity: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-image img {
    aspect-ratio: 1 / 0.85;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-cta-box {
    max-width: 300px;
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-cta-header h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-body {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-body-item {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .big-bullet-item-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .faqs-images {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-img-box-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .faq-img-1 {
    width: calc(50% - 10px);
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq-img-box-2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .faq-img-2 img {
    aspect-ratio: 1 / 0.9;
  }
}

@media only screen and (max-width: 767px) {
  .post-single-meta ol li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .post-single-meta ol li i {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .post-image img {
    aspect-ratio: 1 / 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .post-entry blockquote {
    background-position: 15px 15px;
    padding: 60px 15px 15px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .post-entry blockquote p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .post-entry h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .tag-links {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .member-content-body ul li {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .member-content-body ul li span {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .team-contact-form {
    border-radius: 12px;
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-img img {
    aspect-ratio: 1 / 1.02;
  }
}

@media only screen and (max-width: 767px) {
  .opening-hours-item {
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .opening-hours-item h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-item {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-item:nth-child(2n + 2)::after {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-item:after {
    top: auto;
    right: 0;
    left: 0;
    height: 1px;
    width: 100%;
    bottom: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .google-map-iframe, .google-map-iframe iframe {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .desktop-bild {
    display: none !important;
  }
}

.accordion-button {
  justify-content: center;
}

.accordion-button::after {
  margin-left: 0;
}

.btn {
}

#indexbutton {
  text-align: left!important;
}