/*
Theme Name: Velura
Description: Spa and Beauty Studio WordPress Theme
Author: BeSquares
Version: 1.0.0
Requires at least: 4.5
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: velura
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* TABLE OF CONTENT 

1.Main Header style
2.Hidden Sidebar style
3.Hidden info bar style
4.Banner Slider Section
5.Title Box Section
6.Feature list
7.FAQs Section
8.Story Section
9.video Section
10.Menu Section Tab Style
11.Special Offer Section
12.Testimonials Section
13.Reservation Section 
14.Team Section
15.News Section
16.IG post Section
17.blog list page Section
18.Blog Detail Page
19.Main Footer
20.Inner page Banner Section
21.About us page
22.about-intro Section
23.company overview
24.Feature boxes Section
25.Services Section
26.Treatment style 1 Section
27.Gift Voucher
28.Treatment accrodian style 
29.Membership plan with toggle button
30.Service Category
31.Offer banner
32.Testimonials two Section
33.Testimonials page - masonry style
34.Why Us Two Section
35.Image Gallery Section
36.Treatment block style
37.Service details
38.Contact Page
39.Floating Whatsapp button
40.Masonary Gallery
41.hamburger section
42.utilities
43.Responsive
*/
:root {
  /* #ac193f in decimal RGB */
  --main-color: #ac193f;
  /* #ffffff in decimal RGB */
  --white-color: white;
  /* #736e69 in decimal RGB */
  --text-color-light: #736e69;
  /* #504b46 in decimal RGB */
  --text-color-dark: #504b46;
  /* #a7a7a7 in decimal RGB - for gray text */
  --color-three: #a7a7a7;
  /* #5e6f6d in decimal RGB - border */
  --color-four: #5e6f6d;
  /* #ff9600 in decimal RGB - star color */
  --orange-color: #ff9600;
  /* #fcfaf2 in decimal RGB - body bg */
  --body-bg: #fcfaf2;
  /* #ffffff in decimal RGBA */
  --white-color-opacity: rgba(255, 255, 255, 0.8);
  /* #ffffff in decimal RGBA Two */
  --white-color-opacity-two: rgba(255, 255, 255, 0.6);
  /* #ffffff in decimal RGBA Three */
  --white-color-opacity-three: rgba(255, 255, 255, 0.4);
  /* #ffffff in decimal RGBA Four */
  --white-color-opacity-four: rgba(255, 255, 255, 0.2);
  /* #ffffff in decimal RGBA Five */
  --white-color-opacity-five: rgba(255, 255, 255, 0.1);
  /* #000000 in decimal RGB */
  --black-color: black;
  /* #000000 in decimal RGBA one */
  --black-color-opacity: rgba(0, 0, 0, 0.8);
  /* #000000 in decimal RGBA two */
  --black-color-opacity-two: rgba(0, 0, 0, 0.6);
  /* #000000 in decimal RGBA Three */
  --black-color-opacity-three: rgba(0, 0, 0, 0.4);
  /* #000000 in decimal RGBA Four */
  --black-color-opacity-four: rgba(0, 0, 0, 0.2);
  /* #000000 in decimal RGBA Five */
  --black-color-opacity-five: rgba(0, 0, 0, 0.1);
  /* Fonts Variable */
  --font-family-Italiana: "Italiana", serif;
  --font-family-jost: "jost", sans-serif;
  /* Typography Customizer Variables */
  --font-family-body: var(--font-family-jost);
  --font-size-body: 18px;
  --line-height-body: 1.85em;
  --font-weight-body: 400;
  --letter-spacing-body: normal;
  --font-family-heading: var(--font-family-Italiana);
  --font-weight-heading: 400;
  --letter-spacing-heading: 1px;
  --font-family-heading-secondary: var(--font-family-jost);
  --font-weight-heading-secondary: 400;
  --letter-spacing-h5: normal;
  --letter-spacing-h6: 0.5px;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * ----------------------------------------------------------------------------------------
 * 01.GLOBAL RESET
 * ----------------------------------------------------------------------------------------
 */
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
  line-height: inherit;
}

*:focus {
  outline: none;
}

/* To get rid of blue on input focus */
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

/* To get rid of blue on input focus */
a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
}

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

button {
  border: none;
  background: none;
  cursor: pointer;
}

iframe {
  border: 0;
}

/**
 * ----------------------------------------------------------------------------------------
 * Base Styles
 * ----------------------------------------------------------------------------------------
 */
body {
  background: var(--body-bg);
  background-repeat: repeat;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

a {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

.auto-container {
  position: static;
  max-width: 1326px;
  padding: 0px 20px;
  margin: 0 auto;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.centered {
  text-align: center !important;
}

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

.dropdown-toggle::after {
  display: none;
}

.fa {
  line-height: inherit;
}

/**
 * ----------------------------------------------------------------------------------------
 * Global Typography
 * ----------------------------------------------------------------------------------------
 */
body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  color: var(--text-color-dark);
  line-height: var(--line-height-body);
  font-weight: var(--font-weight-body);
  letter-spacing: var(--letter-spacing-body);
}

a {
  color: var(--main-color);
}

h1,
h2,
h3,
h4 {
  position: relative;
  margin: 0px 0px;
  background: none;
  line-height: 1.20em;
  color: var(--main-color);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-shadow: 0.4px 0 var(--main-color), -0.4px 0 var(--main-color), 0 0.4px var(--main-color), 0 -0.4px var(--main-color);
}

h6 {
  position: relative;
  margin: 0px 0px;
  background: none;
  line-height: 1.20em;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  text-transform: uppercase;
}

h1 {
  font-size: 70px;
  text-transform: uppercase;
}

h2 {
  font-size: 60px;
  text-transform: uppercase;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-family: var(--font-family-heading-secondary);
  font-weight: var(--font-weight-heading-secondary);
  font-size: 22px;
}

h6 {
  font-family: var(--font-family-heading-secondary);
  font-weight: var(--font-weight-heading-secondary);
  font-size: 18px;
  letter-spacing: var(--letter-spacing-h6);
}

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

.text {
  line-height: 1.6em;
}

.theme_color {
  color: var(--main-color);
}

.white_text p,
.white_text .title-box h2,
.white_text h2,
.white_text h3,
.white_text .title-box .subtitle,
.white_text span {
  color: var(--white-color);
}

input,
select,
button {
  font-family: var(--font-family-jost);
}

/**
 * ----------------------------------------------------------------------------------------
 * Layout - Header
 *
 * This file imports all the partials related to the site header.
 * ----------------------------------------------------------------------------------------
 */
/**
 * ----------------------------------------------------------------------------------------
 * Main Header
 * ----------------------------------------------------------------------------------------
 */
.main-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  background: var(--velura-header-bg-color, none);
  min-height: 0;
  z-index: 999;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.main-header .auto-container {
  max-width: 1850px;
  padding: 0 20px;
}
.main-header .header-upper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  background: none;
  padding: 0 0;
  border-bottom: 1px solid var(--velura-header-border-color, transparent);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.main-header .header-upper .links-box {
  position: relative;
  float: left;
  padding-top: 38px;
  padding-bottom: 38px;
  margin-left: 150px;
}
.main-header .header-upper .links-box .link {
  position: relative;
  float: left;
  margin-left: 50px;
}
.main-header .header-upper .links-box .link:first-child {
  margin-left: 0;
}
.main-header .main-box {
  position: relative;
  padding: 0px;
}
.main-header .main-box .logo-box {
  position: relative;
  display: block;
  float: left;
  padding: 40px 0px;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  z-index: 5;
}
.main-header .main-box .logo-box .logo {
  position: relative;
  display: block;
}
.main-header .main-box .logo-box .logo img {
  position: relative;
  display: block;
  height: 46px;
  z-index: 1;
}
.main-header .nav-box {
  position: static;
  float: right;
}
.main-header .info-btn {
  position: relative;
  cursor: pointer;
  background: none;
  font-size: 16px;
  color: var(--velura-header-text-color, var(--white-color));
  padding-top: 15px;
  line-height: 34px;
}
.main-header .info-btn img {
  height: 20px;
}
.main-header .nav-toggler {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  padding: 0;
  margin-top: 40px;
  margin-left: 20px;
  display: none;
}
.main-header .nav-toggler button {
  position: relative;
  width: 30px;
  height: 40px;
  line-height: 40px;
  background: none;
  color: #e1e1e1;
  font-size: 16px;
  margin: 0px;
  border-radius: 0px;
  outline: none !important;
}
.main-header .nav-toggler button img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.main-header .nav-outer {
  position: static;
  float: left;
}
.main-header .btn-style-one {
  background: var(--velura-button-bg-color, var(--main-color));
  border-color: var(--velura-button-bg-color, var(--main-color));
  color: var(--velura-button-text-color, var(--white-color));
}
.main-header .btn-style-one:before {
  background: var(--velura-button-hover-bg-color, var(--main-color));
}
.main-header .btn-style-one .btn-wrap .text-one,
.main-header .btn-style-one .btn-wrap .text-two {
  color: var(--velura-button-text-color, var(--white-color));
}
.main-header .btn-style-one:hover .btn-wrap .text-two {
  color: var(--velura-button-hover-text-color, var(--white-color));
}
.main-header ul,
.main-header ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-two.fixed-header .header-upper {
  background: #ffffff;
}

.header-top {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--velura-top-header-bg-color, none);
  color: var(--velura-top-header-text-color, #ffffff);
  border-bottom: 1px solid var(--velura-top-header-border-color, var(--white-color-opacity-four));
  display: none;
}

.header-top .top-left {
  position: relative;
  float: left;
  line-height: 30px;
}

.header-top .top-info {
  position: relative;
}

.header-top .top-info li {
  position: relative;
  float: left;
  margin-right: 70px;
  line-height: 30px;
  color: var(--velura-top-header-link-color, #ffffff);
  font-size: 14px;
  font-weight: 400;
}

.header-top .top-info li:last-child {
  margin-right: 0;
}

.header-top .top-info li .icon {
  position: relative;
  padding-right: 5px;
}

.header-top .top-info li:after {
  content: '';
  position: absolute;
  left: 100%;
  margin-left: 30px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-top .top-info li:last-child:after {
  display: none;
}

.header-top .top-info li a {
  position: relative;
  display: block;
  line-height: 30px;
  color: var(--velura-top-header-link-color, #ffffff);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.header-top .top-info li a:hover {
  color: var(--velura-header-menu-hover-color, var(--main-color));
}

.header-top .top-right {
  position: relative;
  float: right;
  line-height: 30px;
}

/**
 * ----------------------------------------------------------------------------------------
 * Fixed Header
 * ----------------------------------------------------------------------------------------
 */
.fixed-header.header-down {
  top: 0;
}
.fixed-header.header-up {
  top: -175px;
}
.fixed-header .header-upper {
  position: relative;
  backdrop-filter: blur(9px);
  background-color: var(--velura-fixed-header-bg-color, rgba(252, 250, 242, 0.8));
  border-bottom: 1px solid var(--velura-fixed-header-border-color, transparent);
}
.fixed-header .header-upper .links-box {
  padding: 15px 0px;
}
.fixed-header .main-box .logo-box {
  padding: 20px 0px;
}
.fixed-header .main-menu .navigation > li {
  padding: 10px 0px;
}
.fixed-header .main-menu .navigation > li > a {
  color: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
.fixed-header .nav-toggler {
  margin-top: 18px;
}
.fixed-header .hamburger span {
  background: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
.fixed-header .info-btn {
  color: var(--velura-fixed-header-text-color, var(--velura-fixed-header-link-color, var(--black-color)));
}
.fixed-header .header-top {
  background: var(--velura-fixed-top-header-bg-color, transparent);
  color: var(--velura-fixed-top-header-text-color, var(--black-color));
  border-bottom-color: var(--velura-fixed-top-header-border-color, transparent);
}
.fixed-header .header-top .top-info li,
.fixed-header .header-top .top-info li a {
  color: var(--velura-fixed-top-header-link-color, var(--black-color));
}
.fixed-header .header-top .top-info li a:hover {
  color: var(--velura-header-menu-hover-color, var(--main-color));
}
.fixed-header .header-top .top-info li:after {
  border-color: var(--velura-fixed-top-header-link-color, var(--black-color));
}
.fixed-header .btn-style-one {
  background: var(--velura-fixed-header-button-bg-color, var(--main-color));
  border-color: var(--velura-fixed-header-button-bg-color, var(--main-color));
  color: var(--velura-fixed-header-button-text-color, var(--white-color));
}
.fixed-header .btn-style-one:before {
  background: var(--velura-fixed-header-button-bg-color, var(--main-color));
}
.fixed-header .btn-style-one .btn-wrap .text-one,
.fixed-header .btn-style-one .btn-wrap .text-two {
  color: var(--velura-fixed-header-button-text-color, var(--white-color));
}
.fixed-header .btn-style-one:hover .btn-wrap .text-two {
  color: var(--velura-fixed-header-button-text-color, var(--white-color));
}

/**
 * ----------------------------------------------------------------------------------------
 * Main Navigation
 * ----------------------------------------------------------------------------------------
 */
.main-menu {
  position: static;
  display: block;
  padding: 0px 0px;
}
.main-menu .navbar-collapse {
  padding: 0px;
  margin: 0px;
  border: none;
  box-shadow: none;
}
.main-menu .navigation {
  position: static;
  z-index: 1;
}
.main-menu .navigation > li {
  position: static;
  display: block;
  float: left;
  padding: 30px 0px;
  margin-left: 50px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  font-size: 20px;
  color: var(--velura-header-menu-color, var(--black-color));
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: normal;
  text-transform: capitalize;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  display: block;
  height: 5px;
  border-top: 1px solid var(--main-color);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
  color: var(--velura-header-menu-hover-color, var(--main-color));
  text-decoration: none;
  opacity: 1;
}
.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li.current-menu-item > a:before {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li.dropdown {
  position: relative;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 20px;
}
.main-menu .navigation > li.dropdown > a:after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 18px;
  display: block;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400;
  z-index: 5;
}
.main-menu .navigation > li.dropdown > a:before {
  right: 20px;
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.main-menu .navigation > li.dropdown.has-mega-menu {
  position: static;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul {
  left: 0;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 20px;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul .auto-container {
  max-width: 1200px;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:before, .main-menu .navigation > li.dropdown.has-mega-menu > ul:after {
  content: '';
  position: absolute;
  top: 0;
  width: 2000px;
  height: 100%;
  background: var(--main-color);
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:before {
  right: 100%;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:after {
  left: 100%;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: -35px;
  top: 100%;
  width: 310px;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--main-color);
  border: none;
  border-radius: 0;
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  transform: translateY(20px);
  transition: all 100ms ease;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  margin-bottom: 10px;
}
.main-menu .navigation > li > ul > li:last-child {
  margin-bottom: 0;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 17px;
  line-height: 30px;
  font-weight: normal;
  color: var(--white-color);
  text-transform: capitalize;
  transition: all 300ms ease;
  letter-spacing: normal;
}
.main-menu .navigation > li > ul > li > a:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border-radius: 100px;
  background-color: var(--white-color);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f105";
  position: absolute;
  right: 30px;
  top: 0px;
  display: block;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400;
  z-index: 5;
}
.main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li.current > a {
  color: var(--white-color);
  padding-left: 55px;
}
.main-menu .navigation > li > ul > li:hover > a:before, .main-menu .navigation > li > ul > li.current > a:before {
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 2px;
  width: 280px;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--main-color);
  border: none;
  border-radius: 0;
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  transform: translateY(20px);
  transition: all 100ms ease;
}
.main-menu .navigation > li > ul > li > ul:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  transform: translateY(-30px);
  transition: all 500ms ease;
}
.main-menu .mega-menu {
  position: relative;
}
.main-menu .mega-menu .menu-inner {
  position: relative;
}
.main-menu .mega-menu .row {
  margin: 0 -25px;
}
.main-menu .mega-menu .menu-block {
  position: relative;
  padding: 0 25px;
  margin-bottom: 30px;
  text-align: center;
}
.main-menu .mega-menu .menu-block .image {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid transparent;
  margin-bottom: 15px;
  overflow: hidden;
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block .image img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block .title {
  position: relative;
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.main-menu .mega-menu .menu-block .title a {
  position: relative;
  color: var(--white-color);
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block:hover .image {
  border-color: var(--main-color);
  border-radius: 8px;
}
.main-menu .mega-menu .menu-block:hover .image img {
  transform: scale(1.05);
  border-radius: 8px;
}
.main-menu .mega-menu .menu-block:hover .title a {
  color: var(--white-color);
}

.main-header.fixed-header .main-menu .navigation > li > ul {
  top: 134%;
}

/**
 * ---------------------------------------------------------------------------------------
 * Header Style: Overlay & Fixed (Customizer)
 * ---------------------------------------------------------------------------------------
 * These styles apply when the user selects "Overlay" or "Fixed" header style
 * in the Customizer > Header > Main Header Style section.
 * The body receives .header-style-overlay or .header-style-fixed classes.
 */
/* ========= Overlay Header Style ========= */
body.header-style-overlay .main-header {
  background: transparent;
}
body.header-style-overlay .main-header .header-upper {
  background: transparent;
  backdrop-filter: none;
  border-bottom: 1px solid var(--white-color-opacity-four);
}
body.header-style-overlay .main-header .main-menu .navigation > li > a {
  color: var(--white-color);
}
body.header-style-overlay .main-header .main-menu .navigation > li.dropdown > a:after {
  color: var(--white-color);
}
body.header-style-overlay .main-header .main-menu .navigation > li:hover > a, body.header-style-overlay .main-header .main-menu .navigation > li.current > a, body.header-style-overlay .main-header .main-menu .navigation > li.current-menu-item > a {
  color: var(--velura-header-menu-hover-color, var(--main-color));
}
body.header-style-overlay .main-header .hamburger span {
  background: var(--white-color);
}
body.header-style-overlay .main-header .header-top {
  display: block;
  color: var(--white-color);
}
body.header-style-overlay .main-header .info-btn {
  color: var(--white-color);
}

/* Overlay: inner-banner sits at top edge since header is transparent */
body.header-style-overlay .inner-banner.overlay {
  margin-top: 0;
}

/* Overlay: extra top padding when the top header is visible */
body.header-style-overlay.top-header-enabled .inner-banner.overlay {
  padding: 290px 0 130px 0;
}

/* Overlay: adjusted top padding when the top header is hidden */
body.header-style-overlay:not(.top-header-enabled) .inner-banner.overlay {
  padding: 250px 0 130px 0;
}

/* On scroll (fixed-header state) for overlay - add background/colors */
body.header-style-overlay .fixed-header .header-upper {
  background-color: var(--velura-fixed-header-bg-color, rgba(252, 250, 242, 0.8));
  backdrop-filter: blur(9px);
  border-bottom: 1px solid var(--velura-fixed-header-border-color, transparent);
}
body.header-style-overlay .fixed-header .main-menu .navigation > li > a {
  color: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
body.header-style-overlay .fixed-header .main-menu .navigation > li.dropdown > a:after {
  color: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
body.header-style-overlay .fixed-header .hamburger span {
  background: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
body.header-style-overlay .fixed-header .info-btn {
  color: var(--velura-fixed-header-text-color, var(--velura-fixed-header-link-color, var(--black-color)));
}

/* ========= Fixed Header Style ========= */
body.header-style-fixed .main-header {
  background: var(--velura-fixed-header-bg-color, rgba(252, 250, 242, 0.95));
  backdrop-filter: blur(9px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
body.header-style-fixed .main-header .header-upper {
  background: transparent;
}
body.header-style-fixed .main-header .main-box .logo-box {
  padding: 20px 0px;
}
body.header-style-fixed .main-header .header-upper .links-box {
  padding: 15px 0px;
}
body.header-style-fixed .main-header .main-menu .navigation > li {
  padding: 10px 0px;
}
body.header-style-fixed .main-header .nav-toggler {
  margin-top: 18px;
}
body.header-style-fixed .main-header .hamburger span {
  background: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
body.header-style-fixed .main-header .main-menu .navigation > li > a {
  color: var(--velura-fixed-header-link-color, var(--velura-fixed-header-menu-color, var(--black-color)));
}
body.header-style-fixed .main-header .btn-style-one {
  background: var(--velura-fixed-header-button-bg-color, var(--main-color));
  border-color: var(--velura-fixed-header-button-bg-color, var(--main-color));
  color: var(--velura-fixed-header-button-text-color, var(--white-color));
}
body.header-style-fixed .main-header .btn-style-one:before {
  background: var(--velura-fixed-header-button-bg-color, var(--main-color));
}
body.header-style-fixed .main-header .btn-style-one .btn-wrap .text-one,
body.header-style-fixed .main-header .btn-style-one .btn-wrap .text-two {
  color: var(--velura-fixed-header-button-text-color, var(--white-color));
}
body.header-style-fixed .main-header .info-btn {
  color: var(--velura-fixed-header-text-color, var(--velura-fixed-header-link-color, var(--black-color)));
}

/* Fixed: ensure inner-banner has enough top margin to clear the fixed header */
body.header-style-fixed .inner-banner.fixed {
  margin-top: 130px;
}

/* Fixed-header scroll state for Fixed style - already styled, ensure consistency */
body.header-style-fixed .fixed-header .header-upper {
  background: transparent;
}

/* Responsive: Reset overlay nav colors on mobile */
@media only screen and (max-width: 991px) {
  body.header-style-overlay .main-header .main-menu .navigation > li > a {
    color: var(--black-color);
  }
  body.header-style-overlay .main-header .main-menu .navigation > li.dropdown > a:after {
    color: var(--black-color);
  }
}
.hidden-bar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  background: var(--main-color);
  height: 100%;
  overflow-y: auto;
  z-index: 9999;
  visibility: hidden;
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
  transition: all 500ms ease-in;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}
.hidden-bar.visible-sidebar {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.hidden-bar ol,
.hidden-bar ol li,
.hidden-bar ul,
.hidden-bar ul li {
  list-style-type: none;
  margin: 0px;
}
.hidden-bar h5 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: 15px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hidden-bar h5::before, .hidden-bar h5::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../images/icons/star-element.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.hidden-bar .inner-box {
  position: relative;
  background-color: var(--main-color);
  padding-top: 75px;
  padding-bottom: 50px;
}
.hidden-bar .inner-box .cross-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  color: var(--white-color);
  font-size: 14px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--white-color);
  border-radius: 50%;
}
.hidden-bar .inner-box .cross-icon:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}
.hidden-bar .inner-box .logo-box {
  position: relative;
  line-height: 50px;
  margin-bottom: 60px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}
.hidden-bar .inner-box .logo-box img {
  position: relative;
  max-height: 50px;
}
.hidden-bar .info {
  position: relative;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.hidden-bar .info li {
  position: relative;
  line-height: 1.6em;
  color: var(--main-color);
  margin-bottom: 10px;
}
.hidden-bar .info li:last-child {
  margin-bottom: 0;
}
.hidden-bar .info li a {
  color: var(--main-color);
}
.hidden-bar .info li a:hover {
  color: var(--main-color);
}
.hidden-bar .separator {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.hidden-bar .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hidden-bar .booking-info {
  position: relative;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.hidden-bar .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.hidden-bar .booking-info .bk-no {
  position: relative;
  font-size: 30px;
  color: var(--main-color);
  line-height: 1em;
}
.hidden-bar .booking-info .bk-no a {
  position: relative;
  display: inline-block;
  color: var(--main-color);
}
.hidden-bar .booking-info .bk-no a:before {
  position: absolute;
  content: '';
  left: 5px;
  right: 5px;
  bottom: -7px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}
.hidden-bar .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
.hidden-bar .side-menu {
  position: relative;
  display: block;
  padding-left: 30px;
  padding-right: 60px;
  margin-bottom: 100px;
}
.hidden-bar .side-menu ul {
  position: relative;
  border-top: 1px solid var(--white-color-opacity-four);
}
.hidden-bar .side-menu ul li {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--white-color-opacity-four);
}
.hidden-bar .side-menu ul li a {
  position: relative;
  color: var(--white-color);
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.hidden-bar .side-menu ul li:hover > a, .hidden-bar .side-menu ul li.current > a, .hidden-bar .side-menu ul li > ul > li.current > a {
  color: var(--white-color);
}
.hidden-bar .side-menu ul li ul li:last-child {
  border-bottom: none;
}
.hidden-bar .side-menu ul li .btn-expander {
  position: absolute;
  top: 10px;
  right: 0px;
  background: none;
  color: var(--white-color);
  font-size: 12px;
  height: 30px;
  width: 30px;
  text-align: right;
  line-height: 30px;
  border-radius: 0px;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
.hidden-bar .side-menu ul li .btn-expander i {
  font-weight: 700;
}
.hidden-bar .side-menu .dropdown ul li a {
  color: var(--white-color-opacity-two);
  font-size: 16px;
}

/*** 

====================================================================
  Hidden info bar style
====================================================================

***/
.info-bar {
  position: fixed;
  right: -440px;
  top: 0px;
  width: 100%;
  max-width: 440px;
  height: 100%;
  overflow-y: auto;
  z-index: 99999;
  opacity: 0;
  background: var(--main-color);
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: var(--white-color);
}

.info-back-drop {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: var(--black-color-opacity-two);
  visibility: hidden;
  z-index: 9990;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.side-content-visible .info-back-drop {
  opacity: 1;
  visibility: visible;
}

.side-content-visible .info-bar {
  right: 0px;
  opacity: 1;
  visibility: visible;
}

.info-bar .inner-box {
  position: relative;
  background: var(--main-color);
  padding-top: 100px;
  padding-bottom: 50px;
  padding-left: 70px;
  padding-right: 70px;
  text-align: left;
}

.info-bar .inner-box .cross-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  color: var(--white-color);
  font-size: 14px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--white-color);
  border-radius: 50%;
}

.info-bar .inner-box .cross-icon:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

.info-bar .inner-box .logo-box {
  position: relative;
  line-height: 50px;
  margin-bottom: 35px;
}

.info-bar .inner-box .logo-box img {
  position: relative;
  max-height: 50px;
}

.info-bar .data-box {
  padding: 40px 0;
  margin-top: 40px;
  border-top: solid 1px var(--white-color-opacity-three);
}

.info-bar .info {
  padding-bottom: 30px;
}

.info-bar .info .ib-ttl {
  padding-bottom: 15px;
  font-size: 20px;
}

.info-bar .info .ib-ttl i {
  margin-right: 5px;
}

.info-bar .info p {
  color: var(--white-color-opacity-two);
  padding-left: 28px;
}

.info-bar .info p a {
  color: var(--white-color-opacity-two);
  padding-left: 6px;
  line-height: 1.8em;
  position: relative;
  text-decoration: none;
}

/* Hidden underline (start) */
.info-bar .info p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  /* sits exactly under the text */
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.3s ease;
  margin-left: 6px;
}

/* Full underline on hover */
.info-bar .info p a:hover::after {
  width: 100%;
}

.info-bar .booking-info {
  position: relative;
}

.info-bar .booking-info .bk-no {
  position: relative;
  color: var(--main-color);
  line-height: 1em;
}

.info-bar .booking-info .bk-no a {
  position: relative;
  display: inline-block;
  color: var(--main-color);
}

.info-bar .booking-info .bk-no a:before {
  position: absolute;
  content: '';
  left: 5px;
  right: 5px;
  bottom: -8px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
}

.info-bar .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

/**
 * ----------------------------------------------------------------------------------------
 * Main Navigation
 * ----------------------------------------------------------------------------------------
 */
.main-menu {
  position: static;
  display: block;
  padding: 0px 0px;
}
.main-menu .navbar-collapse {
  padding: 0px;
  margin: 0px;
  border: none;
  box-shadow: none;
}
.main-menu .navigation {
  position: static;
  z-index: 1;
}
.main-menu .navigation > li {
  position: static;
  display: block;
  float: left;
  padding: 30px 0px;
  margin-left: 50px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  font-size: 20px;
  color: var(--velura-header-menu-color, var(--black-color));
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: normal;
  text-transform: capitalize;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  display: block;
  height: 5px;
  border-top: 1px solid var(--main-color);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
  color: var(--velura-header-menu-hover-color, var(--main-color));
  text-decoration: none;
  opacity: 1;
}
.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li.current-menu-item > a:before {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li.dropdown {
  position: relative;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 20px;
}
.main-menu .navigation > li.dropdown > a:after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 18px;
  display: block;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400;
  z-index: 5;
}
.main-menu .navigation > li.dropdown > a:before {
  right: 20px;
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.main-menu .navigation > li.dropdown.has-mega-menu {
  position: static;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul {
  left: 0;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 20px;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul .auto-container {
  max-width: 1200px;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:before, .main-menu .navigation > li.dropdown.has-mega-menu > ul:after {
  content: '';
  position: absolute;
  top: 0;
  width: 2000px;
  height: 100%;
  background: var(--main-color);
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:before {
  right: 100%;
}
.main-menu .navigation > li.dropdown.has-mega-menu > ul:after {
  left: 100%;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: -35px;
  top: 100%;
  width: 310px;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--main-color);
  border: none;
  border-radius: 0;
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  transform: translateY(20px);
  transition: all 100ms ease;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  margin-bottom: 10px;
}
.main-menu .navigation > li > ul > li:last-child {
  margin-bottom: 0;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 17px;
  line-height: 30px;
  font-weight: normal;
  color: var(--white-color);
  text-transform: capitalize;
  transition: all 300ms ease;
  letter-spacing: normal;
}
.main-menu .navigation > li > ul > li > a:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border-radius: 100px;
  background-color: var(--white-color);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f105";
  position: absolute;
  right: 30px;
  top: 0px;
  display: block;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400;
  z-index: 5;
}
.main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li.current > a {
  color: var(--white-color);
  padding-left: 55px;
}
.main-menu .navigation > li > ul > li:hover > a:before, .main-menu .navigation > li > ul > li.current > a:before {
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 2px;
  width: 280px;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--main-color);
  border: none;
  border-radius: 0;
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  transform: translateY(20px);
  transition: all 100ms ease;
}
.main-menu .navigation > li > ul > li > ul:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  transform: translateY(-30px);
  transition: all 500ms ease;
}
.main-menu .mega-menu {
  position: relative;
}
.main-menu .mega-menu .menu-inner {
  position: relative;
}
.main-menu .mega-menu .row {
  margin: 0 -25px;
}
.main-menu .mega-menu .menu-block {
  position: relative;
  padding: 0 25px;
  margin-bottom: 30px;
  text-align: center;
}
.main-menu .mega-menu .menu-block .image {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid transparent;
  margin-bottom: 15px;
  overflow: hidden;
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block .image img {
  display: block;
  width: 100%;
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block .title {
  position: relative;
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.main-menu .mega-menu .menu-block .title a {
  position: relative;
  color: var(--white-color);
  transition: all 300ms ease;
}
.main-menu .mega-menu .menu-block:hover .image {
  border-color: var(--main-color);
  border-radius: 8px;
}
.main-menu .mega-menu .menu-block:hover .image img {
  transform: scale(1.05);
  border-radius: 8px;
}
.main-menu .mega-menu .menu-block:hover .title a {
  color: var(--white-color);
}

.main-header.fixed-header .main-menu .navigation > li > ul {
  top: 134%;
}

/*** 

====================================================================
  Main Footer
====================================================================

***/
.main-footer {
  position: relative;
  background: var(--main-color);
}

.main-footer .footer-contact-section {
  position: relative;
  width: 100%;
  padding-bottom: 75px;
  border-bottom: solid 1px var(--white-color-opacity-four);
}

.main-footer .footer-contact-box {
  position: relative;
  width: 100%;
}

/* Add vertical line after 1st, and 2nd boxes */
.main-footer .footer-contact-section .footer-contact-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--white-color-opacity-four);
}

.main-footer .footer-contact-box p {
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--white-color-opacity-two);
  margin-bottom: 4px;
}

.main-footer .footer-contact-box p i {
  font-size: 18px;
  color: var(--white-color);
  padding-right: 8px;
}

.main-footer .footer-contact-box span a {
  font-size: 18px;
  color: var(--white-color);
}

.main-footer .footer-contact-box .footer-cta {
  position: relative;
  display: inline-block;
  color: var(--white-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

.main-footer .footer-contact-box .footer-cta::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  /* space below text */
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.3s ease;
}

.main-footer .footer-contact-box .footer-cta:hover::after {
  width: 100%;
}

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

.main-footer .middle-footer .middle-col {
  position: relative;
  width: 100%;
}

/* footer newsletter */
.main-footer .newsletter {
  position: relative;
  padding-top: 50px;
  width: 60%;
}

.main-footer .newsletter h3 {
  margin-bottom: 0;
  color: var(--white-color);
  text-shadow: 0.4px 0 var(--white-color), -0.4px 0 var(--white-color), 0 0.4px var(--white-color), 0 -0.4px var(--white-color);
}

.main-footer .newsletter .text p {
  font-size: 18px;
  color: var(--white-color-opacity-two);
}

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

.main-footer .newsletter-form .alt-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  font-size: 14px;
  color: var(--white-color);
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
}

.main-footer .newsletter-form input[type="email"] {
  position: relative;
  display: block;
  height: 56px;
  width: 100%;
  font-size: 16px;
  color: var(--white-color);
  line-height: 34px;
  font-weight: 400;
  padding: 10px 20px 10px 40px;
  background-color: var(--white-color-opacity-five);
  border: 1px solid var(--white-color-opacity-five);
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .newsletter-form input[type="email"]:focus {
  border-color: var(--main-color);
}

.main-footer .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 56px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* footer links */
.main-footer .footer-links {
  width: 100%;
}

.main-footer .footer-links h2,
.main-footer .footer-links .widgettitle,
.main-footer .footer-links .wp-block-heading {
  color: var(--white-color-opacity-two);
  padding-bottom: 30px;
}

.main-footer .footer-links ul li {
  list-style: none;
  padding: 0 0 10px 0;
}

.main-footer .footer-links ul li a {
  font-size: 18px;
  color: var(--white-color);
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* underline effect */
.main-footer .footer-links ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  /* small space below text */
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.3s ease;
}

/* expand underline on hover */
.main-footer .footer-links ul li a:hover::after {
  width: 100%;
}

/* footer last */
footer .bottom_footer {
  position: relative;
  padding: 30px 0 0 0;
  border-top: solid 1px var(--white-color-opacity-four);
}

/* footer social media icon */
footer .bottom_footer .bottom-f-section {
  display: flex;
}

footer .bottom_footer .social_media {
  display: flex;
}

/* footer link list */
footer .bottom_footer .social_media li a {
  display: block;
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 34px;
  font-size: 15px;
  color: var(--white-color);
  border: 1px solid var(--white-color-opacity-four);
  border-radius: 50px;
  margin-right: 10px;
  transition: .4s all;
}

footer .bottom_footer .social_media li a:hover {
  background-color: var(--white-color);
  color: var(--main-color);
}

footer .bottom_footer p {
  color: var(--white-color-opacity-two);
}

footer .bottom_footer .copyright {
  padding: 4px 0 0 30px;
  margin-bottom: 0;
  letter-spacing: normal;
}

footer .bottom_footer .developer_text {
  text-align: left;
  padding-left: 0;
}

footer .bottom_footer .developer_text a {
  position: relative;
  text-decoration: none;
  color: var(--white-color);
  transition: color 0.3s ease;
}

/* Underline animation */
footer .bottom_footer .developer_text a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  /* slight gap below text */
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.3s ease;
}

/* On hover, show full underline */
footer .bottom_footer .developer_text a:hover::after {
  width: 100%;
}

/* side elements */
.main-footer .side-element .right-side-element {
  position: absolute;
  width: 201px;
  right: 30px;
  top: -250px;
}

/**
 * ----------------------------------------------------------------------------------------
 * Buttons Component
 * ----------------------------------------------------------------------------------------
 */
.theme-btn {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-btn i {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin-left: 3px;
}

.btn-style-one {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 0px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  color: var(--white-color);
}
.btn-style-one:before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
}
.btn-style-one:hover:before {
  top: -40%;
}
.btn-style-one .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.btn-style-one .btn-wrap .text-one {
  position: relative;
  display: block;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.btn-style-one .btn-wrap .text-two {
  position: absolute;
  top: 100%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-style-one:hover .btn-wrap .text-one:first-child {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
}
.btn-style-one:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-style-one:before {
  background: var(--main-color);
}
.btn-style-one .btn-wrap .text-one {
  color: var(--white-color);
}
.btn-style-one .btn-wrap .text-two {
  color: var(--white-color);
}
.btn-style-one:hover .btn-wrap .text-two {
  color: var(--white-color);
}

.btn-style-two {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 0px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  background: var(--white-color);
  border: 1px solid var(--white-color);
  color: var(--main-color);
}
.btn-style-two:before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
}
.btn-style-two:hover:before {
  top: -40%;
}
.btn-style-two .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.btn-style-two .btn-wrap .text-one {
  position: relative;
  display: block;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.btn-style-two .btn-wrap .text-two {
  position: absolute;
  top: 100%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-style-two:hover .btn-wrap .text-one:first-child {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
}
.btn-style-two:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-style-two:before {
  background: var(--main-color);
}
.btn-style-two .btn-wrap .text-one {
  color: var(--main-color);
}
.btn-style-two .btn-wrap .text-two {
  color: var(--main-color);
}
.btn-style-two:hover .btn-wrap .text-two {
  color: var(--white-color);
}

.btn-style-three {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 0px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  background: transparent;
  border: 1px solid var(--white-color-opacity-four);
  color: var(--white-color);
}
.btn-style-three:before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
}
.btn-style-three:hover:before {
  top: -40%;
}
.btn-style-three .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.btn-style-three .btn-wrap .text-one {
  position: relative;
  display: block;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.btn-style-three .btn-wrap .text-two {
  position: absolute;
  top: 100%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-style-three:hover .btn-wrap .text-one:first-child {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
}
.btn-style-three:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-style-three:before {
  background: var(--main-color);
}
.btn-style-three .btn-wrap .text-one {
  color: var(--white-color);
}
.btn-style-three .btn-wrap .text-two {
  color: var(--white-color);
}
.btn-style-three:hover .btn-wrap .text-two {
  color: var(--white-color);
}
.btn-style-three:hover {
  border-color: var(--main-color);
}

.btn-style-four {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 0px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  background: transparent;
  border: 1px solid var(--color-four);
  color: var(--text-color-dark);
}
.btn-style-four:before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
}
.btn-style-four:hover:before {
  top: -40%;
}
.btn-style-four .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.btn-style-four .btn-wrap .text-one {
  position: relative;
  display: block;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.btn-style-four .btn-wrap .text-two {
  position: absolute;
  top: 100%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-style-four:hover .btn-wrap .text-one:first-child {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
}
.btn-style-four:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-style-four:before {
  background: var(--main-color);
}
.btn-style-four .btn-wrap .text-one {
  color: var(--text-color-dark);
}
.btn-style-four .btn-wrap .text-two {
  color: var(--text-color-dark);
}
.btn-style-four:hover .btn-wrap .text-two {
  color: var(--white-color);
}
.btn-style-four:hover {
  border-color: var(--main-color);
}

.default-form {
  position: relative;
}

.default-form .row {
  margin: 0 -15px;
}

.default-form .form-group {
  position: relative;
  margin-bottom: 15px;
}

.default-form .field-inner {
  position: relative;
  display: block;
}

.default-form .field-inner .alt-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  font-size: 12px;
  color: var(--main-color);
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
}

.default-form .field-inner .arrow-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  font-size: 12px;
  color: var(--main-color);
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
}

.default-form .form-group .field-label {
  position: relative;
  display: block;
  color: var(--text-color-light);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.default-form .form-group .e-label {
  position: relative;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="url"],
.default-form .form-group input[type="file"],
.default-form .form-group input[type="number"],
.default-form .form-group textarea,
.default-form .form-group select {
  position: relative;
  display: block;
  height: 56px;
  width: 100%;
  font-size: 16px;
  color: var(--text-color-light);
  line-height: 34px;
  font-weight: 400;
  padding: 10px 20px;
  background-color: var(--white-color);
  border: 1px solid var(--black-color-opacity-three);
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.default-form .form-group input[type="text"].l-icon,
.default-form .form-group input[type="email"].l-icon,
.default-form .form-group input[type="password"].l-icon,
.default-form .form-group input[type="tel"].l-icon,
.default-form .form-group input[type="url"].l-icon,
.default-form .form-group input[type="file"].l-icon,
.default-form .form-group input[type="number"].l-icon,
.default-form .form-group textarea.l-icon,
.default-form .form-group select.l-icon {
  padding-left: 40px;
}

.default-form .form-group textarea {
  height: 130px;
  resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button {
  display: inline-block;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group input[type="file"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group textarea:focus,
.default-form .form-group select:focus {
  border-color: var(--main-color);
}

.default-form .form-group select {
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: none;
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.default-form .form-group select option {
  padding-left: 20px;
  text-indent: 20px;
  cursor: pointer;
}

.default-form .form-group .datepicker {
  cursor: pointer;
}

.default-form ::-webkit-input-placeholder {
  color: var(--text-color-light);
}

.default-form ::-moz-input-placeholder {
  color: var(--text-color-light);
}

.default-form ::-ms-input-placeholder {
  color: var(--text-color-light);
}

.default-form label.error {
  color: var(--main-color);
  font-size: 14px;
  text-transform: capitalize;
  text-align: left;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  line-height: 24px;
  margin-bottom: 0px;
}

/* comment section Css Start */
.comment_section {
  padding-bottom: 100px;
}

.comment_section .blog_cooment_block {
  padding: 0 200px;
}

.comment_section .blog_cooment_block .posted_cooment {
  margin-bottom: 60px;
}

.comment_section .blog_cooment_block .posted_cooment .section_title {
  text-align: left;
}

.comment_section ul {
  margin-top: 30px;
}

.comment_section ul li {
  display: flex;
  align-items: center;
  padding: 30px 0;
  border-top: 1px solid var(--black-color-opacity-four);
}

.comment_section ul li:last-child {
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.comment_section ul li.replay_comment {
  margin-left: 110px;
}

.comment_section ul li .authore_info {
  display: flex;
  align-items: center;
  width: 260px;
}

.comment_section ul li .authore_info .avtar {
  width: 88px;
  margin-right: 20px;
}

.comment_section ul li .authore_info .avtar img {
  border-radius: 200px;
  border-color: 2 solid var(--white-color-opacity-four);
}

.comment_section ul li .authore_info .text {
  width: calc(100% - 108px);
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}

.comment_section ul li .authore_info .text span {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--text-color-light);
}

.comment_section ul li .comment {
  width: calc(100% - 310px);
  margin-left: 50px;
}

.comment_section ul li .comment p {
  margin-bottom: 0;
  color: var(--text-color-dark);
}

/* comment-form-section */
.comment_form_section .section_title {
  text-align: left;
}

.comment_form_section form {
  margin-top: 30px;
}

.comment_form_section form .form-group .form-control {
  height: 60px;
  margin-bottom: 30px;
  color: var(--text-color-dark);
  padding: 15px;
  border: 1px solid var(--black-color-opacity-four);
  background-color: var(--white-color);
  border-radius: 0px;
}

.comment_form_section form .form-group .form-control::placeholder {
  color: var(--text-color-dark);
}

.comment_form_section form .form-group textarea.form-control {
  height: 140px;
  padding-top: 15px;
  resize: none;
}

.comment_form_section .coment-btn {
  text-align: right;
}

.title-box.style1,
.title-box:not(.style1):not(.style2) {
  position: relative;
  padding-bottom: 40px;
  max-width: 800px;
}
.title-box.style1.centered,
.title-box:not(.style1):not(.style2).centered {
  margin: 0 auto;
  text-align: center;
}
.title-box.style1.centered .text,
.title-box:not(.style1):not(.style2).centered .text {
  max-width: 420px;
  margin: 0 auto;
}
.title-box.style1.centered .heading-element,
.title-box:not(.style1):not(.style2).centered .heading-element {
  text-align: center;
  display: flex;
  margin: 0 auto;
  padding-bottom: 25px;
}
.title-box.style1 p,
.title-box:not(.style1):not(.style2) p {
  padding-top: 20px;
}
.title-box.style1 .subtitle,
.title-box:not(.style1):not(.style2) .subtitle {
  position: relative;
  display: inline-flex;
  /* Make it inline so it wraps only around content */
  align-items: center;
  /* Vertically center the SVGs and text */
  text-transform: uppercase;
  font-weight: 500;
  color: var(--white-color);
  font-size: 14px;
  letter-spacing: 0.10em;
  line-height: 1em;
  margin-bottom: 10px;
  background-color: var(--main-color);
  border-radius: 100px;
  padding: 5px 13px;
  /* white subtitle */
}
.title-box.style1 .subtitle.white,
.title-box:not(.style1):not(.style2) .subtitle.white {
  color: var(--main-color);
  background-color: var(--white-color);
}
.title-box.style1 .title-badge,
.title-box:not(.style1):not(.style2) .title-badge {
  width: 205px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 10px 0;
}
.title-box.style1 h2,
.title-box.style1 h3,
.title-box:not(.style1):not(.style2) h2,
.title-box:not(.style1):not(.style2) h3 {
  position: relative;
  margin-bottom: 0;
  color: inherit;
}
.title-box.style1 .text,
.title-box:not(.style1):not(.style2) .text {
  position: relative;
  line-height: 1.85em;
}

.title-box.style2 {
  position: relative;
  padding-bottom: 40px;
  max-width: 800px;
}

.title-box.style2.centered {
  margin: 0 auto;
  text-align: center;
}

.title-box.style2 p {
  padding-top: 20px;
}

.title-box.style2 .subtitle {
  position: relative;
  display: inline-flex;
  /* Make it inline so it wraps only around content */
  align-items: center;
  /* Vertically center the SVGs and text */
  gap: 8px;
  /* Space between SVG and text */
  text-transform: uppercase;
  font-weight: 500;
  color: var(--main-color);
  font-size: 14px;
  letter-spacing: 0.10em;
  line-height: 1em;
  margin-bottom: 10px;
}

/* Leaf icons via CSS mask — single SVG per direction, color controlled by background-color */
.title-box.style2 .subtitle::before,
.title-box.style2 .subtitle::after {
  content: "";
  width: 8px;
  height: 15px;
  display: inline-block;
  background-color: var(--main-color);
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.title-box.style2 .subtitle::before {
  mask-image: url(./assets/images/icons/leaf-left.svg);
  -webkit-mask-image: url(./assets/images/icons/leaf-left.svg);
}

.title-box.style2 .subtitle::after {
  mask-image: url(./assets/images/icons/leaf-right.svg);
  -webkit-mask-image: url(./assets/images/icons/leaf-right.svg);
}

/* White leaf color — .subtitle.white on the element itself */
.title-box.style2 .subtitle.white::before,
.title-box.style2 .subtitle.white::after {
  background-color: var(--white-color);
}

/* White leaf color — .white class on the title-box container */
.title-box.style2.white .subtitle::before,
.title-box.style2.white .subtitle::after {
  background-color: var(--white-color);
}

/* White subtitle text color when container has .white */
.title-box.style2.white .subtitle {
  color: var(--white-color);
}

.title-box.style2 .title-badge {
  width: 205px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 10px 0;
}

.title-box.style2 h2 {
  position: relative;
  margin-bottom: 0;
}

.title-box.style2 h3 {
  position: relative;
  margin-bottom: 0;
}

.title-box.style2 .text {
  position: relative;
  line-height: 1.85em;
}

.title-box.style2.centered .text {
  max-width: 420px;
  margin: 0 auto;
}

.title-box.style2.centered .heading-element {
  text-align: center;
  display: flex;
  margin: 0 auto;
  padding-bottom: 25px;
}

/* white variant for title-box - for use on dark/darker sections */
.title-box.white h2, .title-box.white h3 {
  color: var(--white-color);
}

/*** 

====================================================================
  hamburger section
====================================================================

***/
.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 24px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}
.hamburger span {
  height: 2px;
  width: 83.33333333%;
  background: var(--velura-header-menu-color, var(--black-color));
  transition: all 400ms ease-in-out;
}
.hamburger .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
  width: 58.33333333%;
  transition: all 100ms ease-in-out;
}
.hamburger:hover span {
  width: 100%;
}

html:not(.body-menu-opened) .hamburger .top-bun {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 200ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 200ms;
}
html:not(.body-menu-opened) .hamburger .meat {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 400ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 400ms;
}
html:not(.body-menu-opened) .hamburger .bottom-bun {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 600ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 600ms;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 24px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}

.hamburger span {
  /* align-self: flex-end; */
  height: 2px;
  width: 83.33333333%;
  background: var(--velura-header-menu-color, var(--black-color));
  transition: all 400ms ease-in-out;
}

.hamburger .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
}

.hamburger .bottom-bun {
  width: 58.33333333%;
  transition: all 100ms ease-in-out;
}

.hamburger:hover span {
  width: 100%;
}

html:not(.body-menu-opened) .hamburger .top-bun {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 200ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 200ms;
}

html:not(.body-menu-opened) .hamburger .meat {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 400ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 400ms;
}

html:not(.body-menu-opened) .hamburger .bottom-bun {
  -webkit-animation: burger-hover 2s infinite ease-in-out alternate forwards 600ms;
  animation: burger-hover 2s infinite ease-in-out alternate forwards 600ms;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
/* text link - common */
a.txt-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: var(--white-color);
}
a.txt-link i {
  transform: rotate(45deg);
}
a.txt-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 60%;
  /* visible base underline */
  height: 1px;
  background: var(--white-color);
  transition: width 0.3s ease;
}
a.txt-link:hover::after {
  width: 100%;
  /* extend to full width on hover */
}
a.txt-link.dark {
  color: var(--main-color);
}
a.txt-link.dark::after {
  background: var(--main-color);
}

/* cta text link - common css used from global css ->text link  */
a.cta-link {
  position: absolute;
  right: 20px;
  margin-top: 20px;
}

/* Pagination Css Start */
.pagination_block ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.pagination_block ul li a {
  margin: 0 5px;
  transition: 0.4s all;
  display: block;
  width: 39px;
  height: 39px;
  background-color: none;
  text-align: center;
  line-height: 39px;
  color: var(--text-color-light);
  border: 1px solid var(--black-color-opacity-four);
  border-radius: 500px;
}

.pagination_block ul li a:hover,
.pagination_block ul li a.active {
  background-color: var(--main-color);
  color: var(--white-color);
  border-color: var(--main-color);
}

.pagination_block ul li a:hover i {
  color: var(--white-color);
}

.pagination_block ul li:first-child a:hover {
  color: var(--main-color);
}

.pagination_block ul li:last-child a:hover {
  color: var(--main-color);
}

/*** 

====================================================================
  Masonary Gallery
====================================================================

***/
.masonry {
  column-count: 3;
  column-gap: 2em;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 2em;
}

.masonry-item img {
  width: 100%;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.masonry-item img:hover {
  transform: scale(1.03);
}

@media (max-width: 992px) {
  .masonry {
    column-count: 2;
  }
}
@media (max-width: 576px) {
  .masonry {
    column-count: 1;
  }
}
/*** 

====================================================================
  Floating Whatsapp button
====================================================================

***/
.whatsapp-btn {
  position: fixed;
  bottom: 130px;
  right: 18px;
  z-index: 100;
}

.whatsapp-btn a {
  background-color: var(--white-color);
  border-radius: 100px;
  font-size: 40px;
  padding: 20px;
  color: var(--main-color);
  border: solid 1px var(--main-color);
}

.whatsapp-btn a:hover {
  background-color: var(--main-color);
  color: var(--white-color);
  border: solid 1px var(--white-color);
}

@media only screen and (max-width: 991px) {
  .whatsapp-btn a {
    font-size: 35px;
    padding: 15px;
  }

  .whatsapp-btn {
    bottom: 110px;
  }
}
/*** 

====================================================================
  Promo banner Section
====================================================================

***/
.promo-block-section {
  position: relative;
}

.promo-block-section .promo-banner {
  position: relative;
  width: 100%;
  background: var(--promo-bg) center/cover no-repeat;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 40px;
}

/* dark overlay */
.promo-block-section .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black-color-opacity-five);
}

.promo-block-section .promo-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  /* uses same background image */
  background-size: cover;
  background-position: center;
  transform: scale(1) rotate(0deg);
  transition: transform 0.8s ease;
  z-index: 0;
}

.promo-block-section .promo-banner:hover::after {
  transform: scale(1.08) rotate(-1.2deg);
}

/* content */
.promo-block-section .promo-content {
  position: relative;
  z-index: 2;
  color: var(--white-color);
}

/* offer badge */
.promo-block-section .offer-badge {
  display: inline-block;
  background: var(--white-color);
  color: var(--black-color);
  font-size: 16px;
  font-weight: 600;
  padding: 0px 16px;
  border-radius: 100px;
  margin-bottom: 18px;
}

/* heading */
.promo-block-section .promo-content h3 {
  font-family: var(--font-family-Italiana);
  color: var(--white-color);
  margin-bottom: 6px;
}

/* subtitle */
.promo-block-section .promo-content p {
  margin-bottom: 26px;
}

.promo-block-section .txt-link {
  text-transform: uppercase;
  font-size: 14px;
}

/*** 

====================================================================
  Inner page Banner Section
====================================================================

***/
.inner-banner {
  position: relative;
  padding: 150px 0 130px 0;
  background: var(--black-color);
  margin: 130px 50px 0 50px;
  border-radius: 8px;
}
.inner-banner.overlay {
  margin-top: 0;
}
.inner-banner.fixed {
  margin-top: 130px;
}

.inner-banner .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.70;
  border-radius: 8px;
}

.inner-banner .inner {
  position: relative;
  display: block;
  max-width: 1090px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}

.inner-banner .inner .sub_text {
  padding: 0 100px;
}

.inner-banner .inner .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: 12px;
  letter-spacing: 0.40em;
  margin-bottom: 0px;
}

.inner-banner .inner h1 {
  position: relative;
  text-transform: none;
  line-height: 1.0em;
  margin: 0px 0px;
  display: inline-block;
  vertical-align: top;
  color: var(--white-color);
  text-transform: uppercase;
  text-shadow: 0.4px 0 var(--white-color), -0.4px 0 var(--white-color), 0 0.4px var(--white-color), 0 -0.4px var(--white-color);
}

.inner-banner .inner .sub_text p {
  font-size: 20px;
  color: var(--white-color);
  padding-top: 10px;
}

.inner-banner .inner .sub_text .primary-color {
  color: var(--main-color);
}

/* inner page bredcum */
.inner-banner .bredcum,
.velura-breadcrumb .bredcum {
  list-style: none;
  padding: 10px 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color-opacity-two);
}
.inner-banner .bredcum li,
.velura-breadcrumb .bredcum li {
  list-style: none;
  position: relative;
  margin: 0 6px;
}
.inner-banner .bredcum li a,
.velura-breadcrumb .bredcum li a {
  font-size: 16px;
  color: var(--white-color-opacity-two);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
  display: inline-block;
}
.inner-banner .bredcum li a:hover,
.velura-breadcrumb .bredcum li a:hover {
  color: var(--white-color);
}
.inner-banner .bredcum li a:hover:after,
.velura-breadcrumb .bredcum li a:hover:after {
  width: 100%;
}
.inner-banner .bredcum li a:after,
.velura-breadcrumb .bredcum li a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  /* space below text */
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.3s ease;
}

/* ====== Base Setup ====== */
.inner-banner.large .banner-images .pb-img1 img,
.inner-banner.large .banner-images .pb-img2 img,
.inner-banner.large .banner-images .pb-img3 img {
  width: 100%;
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  transition: all 1s ease;
}

/* ====== Page Load Animation ====== */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Animate each image with a small delay */
.inner-banner.large .pb-img1 img {
  animation: fadeUp 1.2s ease forwards 0.4s;
}

.inner-banner.large .pb-img2 img {
  animation: fadeUp 1.2s ease forwards 0.8s;
}

.inner-banner.large .pb-img3 img {
  animation: fadeUp 1.2s ease forwards 0.9s;
}

.inner-banner.large .side-element .left-side-element,
.inner-banner.large .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.inner-banner.large .side-element .left-side-element {
  left: -30px;
  top: 150px;
}

.inner-banner.large .side-element .right-side-element {
  right: -20px;
  top: 0px;
}

.banner-section.full {
  position: relative;
  padding: 0 0;
  background: var(--main-color);
}

.banner-section.full.banner-section.full .banner-container {
  position: relative;
}

.banner-section.full .banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner-section.full .slide-item {
  position: relative;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}

.banner-section.full .slide-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.banner-section.full .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0ms linear 0ms;
  -ms-transition: all 0ms linear 0ms;
  -o-transition: all 0ms linear 0ms;
  -moz-transition: all 0ms linear 0ms;
  transition: all 0ms linear 0ms;
}

.banner-section.full .slide-item.swiper-slide-active .image-layer {
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 7000ms linear 0ms;
  -ms-transition: all 7000ms linear 0ms;
  -o-transition: all 7000ms linear 0ms;
  -moz-transition: all 7000ms linear 0ms;
  transition: all 7000ms linear 0ms;
}

.banner-section.full .slide-item .image-layer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.banner-section.full .slide-item .content-box {
  position: relative;
  display: table;
  vertical-align: middle;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 50px;
  height: 880px;
  min-height: 100vh;
  z-index: 10;
}

.banner-section.full .slide-item .content {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  z-index: 5;
}

.banner-section.full .slide-item .inner {
  position: relative;
  display: block;
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}

.banner-section.full .slide-item .subtitle {
  position: relative;
  color: var(--white-color);
  font-size: 16px;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section.full .swiper-slide-active .subtitle,
.banner-section.full .swiper-slide-active .pattern-image {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 2000ms;
  -ms-transition: all 1000ms ease 2000ms;
  -o-transition: all 1000ms ease 2000ms;
  -moz-transition: all 1000ms ease 2000ms;
  transition: all 1000ms ease 2000ms;
}

.banner-section.full .slide-item h1 {
  position: relative;
  font-size: 80px;
  font-weight: normal;
  color: var(--white-color);
  text-transform: none;
  line-height: 1.0em;
  margin: 0px 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section.full .slide-item h1 span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.banner-section.full .swiper-slide-active h1 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 1000ms;
  -ms-transition: all 1000ms ease 1000ms;
  -o-transition: all 1000ms ease 1000ms;
  -moz-transition: all 1000ms ease 1000ms;
  transition: all 1000ms ease 1000ms;
}

.banner-section.full .slide-item .text {
  position: relative;
  display: block;
  font-size: 20px;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section.full .swiper-slide-active .text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 1500ms;
  -ms-transition: all 1000ms ease 1500ms;
  -o-transition: all 1000ms ease 1500ms;
  -moz-transition: all 1000ms ease 1500ms;
  transition: all 1000ms ease 1500ms;
  color: var(--white-color);
}

.banner-section.full .slide-item .links-box {
  position: relative;
  display: block;
  padding-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section.full .swiper-slide-active .links-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 2000ms;
  -ms-transition: all 1000ms ease 2000ms;
  -o-transition: all 1000ms ease 2000ms;
  -moz-transition: all 1000ms ease 2000ms;
  transition: all 1000ms ease 2000ms;
}

.banner-section.full .slide-item .links-box .link {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.banner-section.full .swiper-button-next,
.banner-section.full .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--white-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.banner-section.full .swiper-button-next span,
.banner-section.full .swiper-button-prev span {
  position: relative;
  z-index: 1;
}

.banner-section.full .swiper-button-next:after,
.banner-section.full .swiper-button-prev:after {
  display: none;
}

.banner-section.full .swiper-button-next:before,
.banner-section.full .swiper-button-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--white-color-opacity-three);
  border-radius: 100px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.banner-section.full .swiper-button-next {
  right: 80px;
}

.banner-section.full .swiper-button-prev {
  left: 80px;
}

.banner-section.full .swiper-button-next:hover,
.banner-section.full .swiper-button-prev:hover {
  color: var(--white-color);
}

.banner-section.full .swiper-button-next:hover:before,
.banner-section.full .swiper-button-prev:hover:before {
  background: var(--main-color);
}

/* explore menu badge */
.banner-section.full .explore-menu-btn {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0px;
  width: 117px;
  /* full badge size */
  height: 170px;
  z-index: 10;
  /*display: flex;*/
  display: none;
  align-items: center;
  justify-content: center;
  background: url(../images/resource/menu-badge.png) no-repeat center center;
  background-size: contain;
  text-decoration: none;
  /* remove underline if any */
}

.banner-section.full .explore-menu-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 40px;
  z-index: 1;
}

.banner-section.full .explore-menu-btn .icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  animation: bounce-down-delay 3s infinite ease-in-out;
}

@keyframes bounce-down-delay {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  10% {
    transform: translateY(10px);
    opacity: 0.6;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Parent container to position it inside the banner */
.banner-section.full .banner-social-list {
  position: absolute;
  left: 30px;
  /* adjust as needed */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  /* stack vertically */
  align-items: center;
  gap: 10px;
  z-index: 10;
}

/* Top and bottom vertical lines */
.banner-section.full .banner-social-list .line {
  width: 1px;
  height: 25px;
  background-color: var(--white-color-opacity-three);
}

/* Vertical list */
.banner-section.full .banner-social-list .custom-ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 25px;
}

.banner-section.full .banner-social-list .custom-ul li {
  position: relative;
  font-size: 14px;
  color: var(--white-color);
  padding: 0 5px;
  transform: rotate(-90deg);
  transform-origin: center center;
}

.banner-section.full .banner-social-list .custom-ul li a {
  color: var(--white-color);
}

.banner-section.full .banner-social-list .custom-ul li a:hover {
  color: var(--white-color);
}

/* Add star only to non-last items */
.banner-section.full .banner-social-list .custom-ul li:not(:first-child)::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: var(--white-color-opacity-three);
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
}

/* Container positioning */
.banner-section.full .banner-section.full .banner-call {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  /* space between lines and text */
  z-index: 10;
}

/* Lines (above and below text) */
.banner-section.full .banner-call .line {
  width: 1px;
  height: 25px;
  background-color: var(--white-color-opacity-three);
}

/* List styling */
.banner-section.full .banner-call .call-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.banner-section.full .banner-call .call-ul li {
  transform: rotate(-90deg);
  transform-origin: center center;
  white-space: nowrap;
  /* prevent wrapping */
  text-transform: uppercase;
  letter-spacing: 1px;
}

.banner-section.full .banner-call .call-ul li a {
  font-size: 14px;
  color: var(--white-color);
  text-decoration: none;
}

.banner-section.full .banner-call .call-ul li a:hover {
  color: var(--white-color);
}

/* banner contact info text */
.banner-section.full .banner-info {
  position: absolute;
  bottom: 30px;
  z-index: 100;
  width: 100%;
}

.banner-section.full .banner-info .cinfo-box {
  position: relative;
  color: var(--white-color);
  text-align: center;
}

.banner-section.full .banner-info .cinfo-box .cinfo-ttl {
  font-family: var(--font-family-Rufina);
  font-size: 22px;
}

.banner-section.full .banner-info .cinfo-box p {
  font-family: var(--font-family-jost);
  font-size: 16px;
  padding-top: 10px;
  margin: 0;
}

.banner-section.full .banner-info .cinfo-box p a {
  color: var(--white-color);
}

.banner-section.full .banner-info .cinfo-box p a {
  display: inline-block;
  vertical-align: top;
  color: var(--white-color);
  line-height: 1.5em;
  padding-bottom: 2px;
}

/* on hover underline animation */
.banner-section.full .banner-info .cinfo-box p a:before {
  position: absolute;
  content: '';
  left: 3px;
  right: 3px;
  bottom: 0px;
  height: 4px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid var(--white-color);
}

.banner-section.full .banner-info .cinfo-box p a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.banner-section.full .banner-info .cinfo-box p a:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

/*  */
.banner-section.full .banner-info .cinfo-box.middle {
  position: relative;
}

.banner-section.full .banner-info .cinfo-box.middle::before,
.banner-section.full .banner-info .cinfo-box.middle::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--white-color-opacity-three);
}

.banner-section.full .banner-info .cinfo-box.middle::before {
  left: 0;
}

.banner-section.full .banner-info .cinfo-box.middle::after {
  right: 0;
}

.banner-section.full .banner-call {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  z-index: 10;
}

/***

====================================================================
  Hero Minimal Section (derived from demo banner-section styles)
====================================================================

***/
.hero-minimal {
  position: relative;
  padding: 150px 0 50px 0;
}

.hero-minimal .auto-container {
  max-width: 1600px;
}

.hero-minimal .content-box {
  padding: 0 100px 50px 100px;
}

.hero-minimal .content-box .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-minimal .content-box .content .inner h1 {
  font-size: 80px;
}

.hero-minimal .content-box .banner-rating {
  border: 1px solid var(--black-color-opacity-four);
  border-radius: 250px 120px;
  -webkit-box-shadow: 7px 7px 0px -5px #2f2924;
  -moz-box-shadow: 7px 7px 0px -5px #2f2924;
  box-shadow: 7px 7px 0px -5px #2f2924;
  text-align: left;
  padding: 50px 60px;
}

.hero-minimal .banner-rating .rating-num {
  font-family: var(--font-family-Rufina);
  font-size: 50px;
  line-height: 1em;
}

.hero-minimal .banner-rating .rating-star {
  font-size: 14px;
  color: var(--white-color);
  background-color: var(--main-color);
  border-radius: 100px;
  display: inline-block;
  padding: 0 14px;
  line-height: 1.8em;
  margin: 20px 0;
  min-width: 125px;
}

.hero-minimal .banner-rating p {
  font-weight: 500;
  line-height: 1.2em;
}

.hero-minimal .banner-rating .rating-star i {
  animation: starPulse 2.8s ease-in-out infinite;
  display: inline-block;
}

.hero-minimal .banner-rating .rating-star i:nth-child(1) {
  animation-delay: 0s;
}

.hero-minimal .banner-rating .rating-star i:nth-child(2) {
  animation-delay: 0.2s;
}

.hero-minimal .banner-rating .rating-star i:nth-child(3) {
  animation-delay: 0.4s;
}

.hero-minimal .banner-rating .rating-star i:nth-child(4) {
  animation-delay: 0.6s;
}

.hero-minimal .banner-rating .rating-star i:nth-child(5) {
  animation-delay: 0.8s;
}

@keyframes starPulse {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 0.6;
    transform: scale(1);
  }
}
.hero-minimal .slider-contained .swiper-slide {
  position: relative;
  height: 500px;
}

.hero-minimal .slider-contained {
  border-radius: 500px 500px 100px 100px;
}

.hero-minimal .banner-container {
  position: relative;
}

.hero-minimal .banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-minimal .banner-slider::before {
  content: "";
  position: absolute;
  inset: 16px 18px 16px 18px;
  border: 1px solid var(--white-color);
  z-index: 10;
  border-radius: 570px 570px 100px 100px;
  pointer-events: none;
}

.hero-minimal .slide-item {
  position: relative;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}

.hero-minimal .slide-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
}

.hero-minimal .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transform: scale(1);
  transform: scale(1);
}

.hero-minimal .slide-item.swiper-slide-active .image-layer {
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 7000ms linear 0ms;
  -ms-transition: all 7000ms linear 0ms;
  -o-transition: all 7000ms linear 0ms;
  -moz-transition: all 7000ms linear 0ms;
  transition: all 7000ms linear 0ms;
}

.hero-minimal .slide-item .image-layer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-minimal .swiper-button-next,
.hero-minimal .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--white-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.hero-minimal .swiper-button-next span,
.hero-minimal .swiper-button-prev span {
  position: relative;
  z-index: 1;
}

.hero-minimal .swiper-button-next:after,
.hero-minimal .swiper-button-prev:after {
  display: none;
}

.hero-minimal .swiper-button-next:before,
.hero-minimal .swiper-button-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--white-color-opacity-three);
  border-radius: 100px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.hero-minimal .swiper-button-next {
  right: 80px;
}

.hero-minimal .swiper-button-prev {
  left: 80px;
}

.hero-minimal .swiper-button-next:hover,
.hero-minimal .swiper-button-prev:hover {
  color: var(--white-color);
}

.hero-minimal .swiper-button-next:hover:before,
.hero-minimal .swiper-button-prev:hover:before {
  background: var(--main-color);
}

/* explore menu badge */
.hero-minimal .explore-menu-btn {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0px;
  width: 117px;
  height: 170px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/resource/menu-badge.png) no-repeat center center;
  background-size: contain;
  text-decoration: none;
}

.hero-minimal .explore-menu-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 40px;
  z-index: 1;
}

.hero-minimal .explore-menu-btn .icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  animation: bounce-down-delay 3s infinite ease-in-out;
}

@keyframes bounce-down-delay {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  10% {
    transform: translateY(10px);
    opacity: 0.6;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* social list sidebar */
.hero-minimal .banner-social-list {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 10;
}

.hero-minimal .banner-social-list .line {
  width: 15px;
  height: 1px;
  background-color: var(--black-color-opacity-three);
}

.hero-minimal .banner-social-list .custom-ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  gap: 15px;
}

.hero-minimal .banner-social-list .custom-ul li {
  position: relative;
  font-size: 14px;
  color: var(--black-color);
  padding: 0;
  transform-origin: center center;
}

.hero-minimal .banner-social-list .custom-ul li a {
  color: var(--black-color);
}

.hero-minimal .banner-social-list .custom-ul li a:hover {
  color: var(--main-color);
}

.hero-minimal .banner-social-list .custom-ul li:not(:last-child)::after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: var(--black-color-opacity-three);
  margin: 12px auto 0;
}

/* call link sidebar */
.hero-minimal .banner-call {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 10;
}

.hero-minimal .banner-call .call-ul {
  list-style: none;
  margin: 0;
  padding: 12px 0;
}

.hero-minimal .banner-call .line {
  width: 15px;
  height: 1px;
  background-color: var(--black-color-opacity-three);
}

.hero-minimal .banner-call .call-ul li {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.hero-minimal .banner-call .call-ul li a {
  font-size: 14px;
  color: var(--black-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.hero-minimal .banner-call .call-ul li a:hover {
  color: var(--main-color);
}

.hero-minimal .banner-call .call-ul li i {
  font-size: 25px;
}

/* banner info (not used in this layout) */
.hero-minimal .banner-info {
  display: none;
}

/*** 

====================================================================
  Feature list
====================================================================

***/
.feature-info {
  position: relative;
  padding: 60px 0;
  border-bottom: solid 1px var(--black-color-opacity-four);
}
.feature-info .feature-info-box {
  position: relative;
  width: 100%;
  /* Add vertical line after 1st, 2nd, and 3rd boxes */
}
.feature-info .feature-info-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--black-color-opacity-four);
}
.feature-info .feature-info-box .data {
  display: flex;
  align-items: center;
  text-align: left;
}
.feature-info .feature-info-box .data h5 {
  color: var(--main-color);
  text-align: left;
  padding-left: 15px;
}
.feature-info .feature-info-box img {
  transition: transform 0.5s ease;
}
.feature-info .feature-info-box:hover img {
  transform: scaleX(-1);
}

/*** 

====================================================================
  Feature boxes Section
====================================================================

***/
.feature-section {
  position: relative;
}

.feature-section .row {
  padding: 0 20px;
}

.feature-section .auto-container {
  border-top: solid 1px var(--black-color-opacity-four);
}

.feature-section .feature-box {
  position: relative;
  padding: 0 80px 0 0;
  margin-bottom: 40px;
  overflow: hidden;
}

/* Remove margin-bottom for the last 3 boxes */
.feature-section .col-xl-4:nth-last-child(-n+3) .feature-box {
  margin-bottom: 0;
}

/* Base 1px static line */
.feature-section .feature-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1px;
  background: var(--black-color-opacity-four);
}

/* Animated line on hover */
.feature-section .feature-box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: var(--main-color);
  transition: width 0.5s ease;
}

/* On hover, the 3px line animates left → right */
.feature-section .feature-box:hover::before {
  width: 90%;
}

.feature-section .feature-box .ftr-ttl-group {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 30px;
}

.feature-section .feature-box .ftr-icon {
  width: 50px;
}

.feature-section .feature-box p {
  padding-bottom: 40px;
}

/* side elements */
.feature-section .side-element .left-side-element,
.feature-section .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.feature-section .side-element .left-side-element {
  left: -30px;
  top: 550px;
}

.feature-section .side-element .right-side-element {
  right: -20px;
  top: 100px;
}

/*** 

====================================================================
  home about Section
====================================================================

***/
.about-section {
  position: relative;
}
.about-section .title-box {
  max-width: 1050px;
}
.about-section .text-col .text {
  text-align: center;
  padding: 0 100px 40px 100px;
}
.about-section .lower-link-box {
  margin-bottom: 80px;
}
.about-section .floating-images {
  position: relative;
  width: 100%;
  height: 200px;
  /* adjust as needed */
  /*top: -350px;*/
}
.about-section .floating-images > div {
  position: absolute;
}
.about-section .floating-images .abt-image1 {
  top: -300px;
  left: 50px;
}
.about-section .floating-images .abt-image1 img {
  rotate: -10deg;
}
.about-section .floating-images .abt-image2 {
  top: 0;
  left: 50%;
  transform: translateX(-50%) !important;
}
.about-section .floating-images .abt-image2 img {
  width: 330px;
}
.about-section .floating-images .abt-image3 {
  top: -500px;
  right: 0;
}
.about-section .floating-images .abt-image3 img {
  rotate: 5deg;
}
.about-section .floating-images .abt-image4 {
  top: -600px;
  left: 150px;
}
.about-section .floating-images img {
  /*width: 280px; /* or any size that works visually */
  height: auto;
  display: block;
}
.about-section .booking-info {
  position: relative;
  display: flex;
  padding-bottom: 100px;
  gap: 30px;
  justify-content: center;
}
.about-section .booking-info .bk-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: -5px;
  color: var(--white-color);
}
.about-section .booking-info .bk-title .call-icon {
  transform: rotate(-45deg);
}
.about-section .booking-info .bk-title i {
  font-size: 35px;
  color: var(--main-color);
}
.about-section .booking-info .bk-no {
  color: var(--main-color);
  line-height: 1.5em;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  text-align: left;
  /* underline animation */
  /* show underline on hover */
}
.about-section .booking-info .bk-no a {
  color: var(--main-color);
  padding-bottom: 5px;
}
.about-section .booking-info .bk-no::after {
  content: "";
  position: absolute;
  left: 15px;
  /* aligns under phone number text */
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--main-color);
  transition: width 0.4s ease;
}
.about-section .booking-info .bk-no:hover::after {
  width: calc(100% - 15px);
}

/*** 

====================================================================
  about-intro Section
====================================================================

***/
.about-intro {
  position: relative;
}

.about-intro .text-col {
  position: relative;
}

.about-intro .text-col .inner {
  position: relative;
  display: block;
  text-align: left;
}

.about-intro .title-group {
  display: flex;
  align-items: center;
}

.about-intro .title-box {
  flex-direction: column;
}

.about-intro .title-group .heading-element {
  width: 130px;
  height: auto;
  flex-shrink: 0;
  margin-left: -25px;
}

.about-intro .text-col .text {
  padding-right: 90px;
}

.about-intro .text-col .text p {
  color: var(--text-color-dark);
}

.about-intro .booking-info {
  position: relative;
  display: flex;
  padding-top: 30px;
  gap: 30px;
}

.about-intro .booking-info .bk-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: -5px;
  color: var(--white-color);
}

.about-intro .booking-info .bk-title .call-icon {
  transform: rotate(-45deg);
}

.about-intro .booking-info .bk-title i {
  font-size: 35px;
  color: var(--main-color);
}

.about-intro .booking-info .bk-no {
  color: var(--main-color);
  line-height: 1.5em;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  text-align: left;
}

.about-intro .booking-info .bk-no a {
  color: var(--main-color);
  padding-bottom: 5px;
}

/* underline animation */
.about-intro .booking-info .bk-no::after {
  content: "";
  position: absolute;
  left: 15px;
  /* aligns under phone number text */
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--main-color);
  transition: width 0.4s ease;
}

/* show underline on hover */
.about-intro .booking-info .bk-no:hover::after {
  width: calc(100% - 15px);
}

.about-intro .image-col {
  position: relative;
}

.about-intro .image-col .inner {
  position: relative;
  display: block;
  padding-left: 70px;
}

.about-intro .image-col .images {
  position: relative;
}

.about-intro .image-col .images img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 1;
}

.about-intro .image-col .image {
  position: relative;
  display: inline-block;
}

.about-intro .about-year {
  position: relative;
  display: flex;
  /* make it flexbox */
  align-items: flex-start;
  /* align left */
  gap: 15px;
  color: var(--main-color);
  border-top: solid 1px var(--black-color-opacity-four);
  padding: 40px 0 0 0;
  margin-top: 40px;
}

.about-intro .about-year i {
  font-size: 45px;
  display: block;
}

.about-intro .about-year .year-txt {
  font-size: 60px;
  font-weight: 600;
  padding: 5px 0 0 0px;
}

.about-intro .about-year p {
  font-weight: 500;
  margin-top: -5px;
}

.about-intro .round-stamp-2 {
  position: absolute;
  left: 0px;
  top: 280px;
  width: 148px;
  height: 148px;
  display: flex;
  /* Flexbox added */
  align-items: center;
  /* Vertical centering */
  justify-content: center;
  /* Horizontal centering */
  z-index: 100;
}

.about-intro .round-stamp-2 .stamp_icon {
  position: relative;
  z-index: 100;
}

.about-intro .round-stamp-2:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/resource/badge-outer.png) no-repeat;
}

.about-intro .text-link-box {
  position: absolute;
  right: 20px;
  margin-top: 20px;
}

.about-intro .round-stamp-2:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/resource/badge-outer2.png) no-repeat;
}

/*** 

====================================================================
  FAQs Section
====================================================================

***/
.faq_section .title-box p {
  padding-bottom: 20px;
}
.faq_section .accordion {
  margin-bottom: -20px;
}
.faq_section .card {
  background-color: inherit;
  border: none;
  border-top: solid 1px var(--black-color-opacity-four);
  border-bottom: solid 1px var(--black-color-opacity-four);
}
.faq_section .card .card-header {
  padding: 25px 0;
  border: 0;
  background-color: inherit;
}
.faq_section .card .card-header button {
  width: 100%;
  text-align: left;
  color: var(--main-color);
  text-decoration: none;
  padding: 0;
  font-weight: 500;
  position: relative;
  padding-right: 50px;
  font-size: 21px;
}
.faq_section .card .card-header button:focus {
  outline: none;
  box-shadow: none;
}
.faq_section .card .card-header button .icons i {
  position: absolute;
  right: 0;
  top: 4px;
  color: var(--text-color-light);
}
.faq_section .card .card-header button .icons .fa-plus {
  display: none;
}
.faq_section .card .card-header button .icons .fa-minus {
  display: block;
}
.faq_section .card .card-header button.collapsed {
  color: var(--black-color);
}
.faq_section .card .card-header button.collapsed .icons .fa-minus {
  display: none;
}
.faq_section .card .card-header button.collapsed .icons .fa-plus {
  display: block;
}
.faq_section .card .card-header i {
  color: var(--main-color);
  font-size: 21px;
}
.faq_section .card .card-body {
  padding-top: 0;
  padding-left: 0;
}

/*** 

====================================================================
  Story Section
====================================================================

***/
.story-section {
  position: relative;
  /* Continuous rotation animation */
}
.story-section .title-box {
  max-width: 1050px;
  margin-bottom: 10px;
}
.story-section .text-col {
  position: relative;
  z-index: 1000;
}
.story-section .text-col .inner {
  position: relative;
  display: block;
  padding-right: 90px;
  text-align: left;
}
.story-section .booking-info {
  position: relative;
  display: flex;
  padding-top: 30px;
}
.story-section .booking-info .bk-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: -5px;
  margin-left: 40px;
}
.story-section .booking-info .bk-title .call-icon {
  transform: rotate(-45deg);
}
.story-section .booking-info .bk-title i {
  font-size: 35px;
}
.story-section .booking-info .bk-no {
  line-height: 1.5em;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  text-align: left;
  /* underline animation */
  /* show underline on hover */
}
.story-section .booking-info .bk-no a {
  padding-bottom: 5px;
}
.story-section .booking-info .bk-no::after {
  content: "";
  position: absolute;
  left: 15px;
  /* aligns under phone number text */
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease;
}
.story-section .booking-info .bk-no:hover::after {
  width: calc(100% - 15px);
}
.story-section.white_text .booking-info .bk-title {
  color: var(--white-color);
}
.story-section.white_text .booking-info .bk-no {
  color: var(--white-color);
  /* underline animation color */
}
.story-section.white_text .booking-info .bk-no a {
  color: var(--white-color);
}
.story-section.white_text .booking-info .bk-no::after {
  background: var(--white-color);
}
.story-section.white_text .about-year .year-box {
  color: var(--white-color);
}
.story-section .image-col {
  position: relative;
}
.story-section .image-col .inner {
  position: relative;
  display: block;
  padding-left: 70px;
}
.story-section .image-col .images {
  position: relative;
}
.story-section .image-col .images img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 1;
}
.story-section .image-col .image {
  position: relative;
  display: inline-block;
}
.story-section .about-year {
  position: relative;
  display: flex;
  padding-top: 100px;
  align-items: flex-end;
  /* ⬅ bottom-aligns image & text box */
}
.story-section .about-year .about-img2 {
  height: 240px;
  width: 300px;
}
.story-section .about-year .about-img2 img {
  position: relative;
  border-radius: 400px 400px 0 0;
  height: 100%;
  object-fit: cover;
}
.story-section .about-year .year-box {
  position: relative;
  padding-left: 30px;
  display: flex;
  /* make it flexbox */
  flex-direction: column;
  /* stack children vertically */
  align-items: flex-start;
  /* align left */
  gap: 5px;
}
.story-section .about-year .year-box i {
  font-size: 30px;
  display: block;
}
.story-section .about-year .year-box .year-txt {
  font-size: 55px;
  font-weight: 600;
  padding: 20px 0 15px 0;
}
.story-section .about-year .year-box p {
  font-weight: 500;
  margin: 0;
}
.story-section .round-stamp-2 {
  position: absolute;
  left: 0px;
  top: 280px;
  width: 148px;
  height: 148px;
  display: flex;
  /* Flexbox added */
  align-items: center;
  /* Vertical centering */
  justify-content: center;
  /* Horizontal centering */
  z-index: 100;
}
.story-section .round-stamp-2 .stamp_icon {
  position: relative;
  z-index: 100;
}
.story-section .round-stamp-2 img {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  margin: auto;
  width: 65px;
  height: 65px;
  object-fit: cover;
}
.story-section .badge-container {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.story-section .rotating-text {
  width: 100%;
  height: 100%;
  animation: rotateText 14s linear infinite;
  transform-origin: center;
}
.story-section .badge-bg {
  fill: #faf3ef;
}
.story-section .rotating-text text {
  font-family: var(--font-family-heading);
  font-size: 20px;
  letter-spacing: 9.5px;
  fill: var(--main-color);
  text-transform: uppercase;
}
@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.story-section-2 {
  position: relative;
  /* Rotating text badge (same markup & treatment as the base story section). */
}
.story-section-2 .text-col {
  position: relative;
}
.story-section-2 .text-col .inner {
  position: relative;
  display: block;
  text-align: left;
}
.story-section-2 .text-col .text {
  padding-right: 90px;
}
.story-section-2 .text-col .text p {
  color: var(--text-color-dark);
}
.story-section-2 .title-group {
  display: flex;
  align-items: center;
}
.story-section-2 .title-box {
  display: flex;
  flex-direction: column;
}
.story-section-2 .title-group .heading-element {
  width: 156px;
  height: auto;
  flex-shrink: 0;
  margin-left: -25px;
}
.story-section-2 .booking-info {
  position: relative;
  display: flex;
  padding-top: 30px;
  gap: 30px;
}
.story-section-2 .booking-info .bk-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: -5px;
  color: var(--white-color);
}
.story-section-2 .booking-info .bk-title .call-icon {
  transform: rotate(-45deg);
}
.story-section-2 .booking-info .bk-title i {
  font-size: 35px;
  color: var(--main-color);
}
.story-section-2 .booking-info .bk-no {
  color: var(--main-color);
  line-height: 1.5em;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  text-align: left;
  /* underline animation */
  /* show underline on hover */
}
.story-section-2 .booking-info .bk-no a {
  color: var(--main-color);
  padding-bottom: 5px;
}
.story-section-2 .booking-info .bk-no::after {
  content: "";
  position: absolute;
  left: 15px;
  /* aligns under phone number text */
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--main-color);
  transition: width 0.4s ease;
}
.story-section-2 .booking-info .bk-no:hover::after {
  width: calc(100% - 15px);
}
.story-section-2 .image-col {
  position: relative;
}
.story-section-2 .image-col .inner {
  position: relative;
  display: block;
  padding-left: 70px;
}
.story-section-2 .image-col .images {
  position: relative;
}
.story-section-2 .image-col .images img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 1;
}
.story-section-2 .image-col .image {
  position: relative;
  display: inline-block;
}
.story-section-2 .about-year .year-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  color: var(--main-color);
  border-top: solid 1px var(--black-color-opacity-four);
  padding: 40px 0 0 0;
  margin-top: 40px;
}
.story-section-2 .about-year .year-box i {
  font-size: 45px;
  display: block;
}
.story-section-2 .about-year .year-box .year-txt {
  font-size: 60px;
  font-weight: 600;
  padding: 5px 0 0 0;
}
.story-section-2 .about-year .year-box p {
  font-weight: 500;
  margin-top: -5px;
}
.story-section-2 .round-stamp-2 {
  position: absolute;
  left: 0px;
  top: 280px;
  width: 148px;
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.story-section-2 .round-stamp-2 .stamp_icon {
  position: relative;
  z-index: 100;
}
.story-section-2 .round-stamp-2:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/resource/badge-outer2.png) no-repeat;
}
.story-section-2 .text-link-box {
  position: absolute;
  right: 20px;
  margin-top: 20px;
}
.story-section-2 .badge-container {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: -1;
}
.story-section-2 .rotating-text {
  width: 100%;
  height: 100%;
  animation: rotateText 14s linear infinite;
  transform-origin: center;
}
.story-section-2 .badge-bg {
  fill: #faf3ef;
}
.story-section-2 .rotating-text text {
  font-family: var(--font-family-heading);
  font-size: 20px;
  letter-spacing: 9.5px;
  fill: var(--main-color);
  text-transform: uppercase;
}
.story-section-2.white_text .text-col .text p,
.story-section-2.white_text .booking-info .bk-title i {
  color: var(--white-color);
}
.story-section-2.white_text .about-year .year-box {
  border-top: 1px solid rgba(250, 250, 250, 0.4);
}
.story-section-2.white_text .booking-info .bk-title {
  color: var(--white-color);
}
.story-section-2.white_text .booking-info .bk-no {
  color: var(--white-color);
  /* underline animation color */
}
.story-section-2.white_text .booking-info .bk-no a {
  color: var(--white-color);
}
.story-section-2.white_text .booking-info .bk-no::after {
  background: var(--white-color);
}
.story-section-2.white_text .about-year .year-box {
  color: var(--white-color);
}

/*** 

====================================================================
  video Section
====================================================================

***/
/* video section css start */
.video-section {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.video-section .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 70vh;
  border-radius: 10px;
}

.video-section .bg-video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
  border-radius: 10px;
}

.video-section .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  border-radius: 10px;
}

.video-section .content-box {
  position: absolute;
  width: 50%;
  left: 80px;
  bottom: 80px;
  z-index: 3;
  text-align: left;
}

.video-section .content-box p {
  padding: 10px 0 20px 0;
}

.video-section .content-box p span {
  font-weight: 700;
  text-transform: uppercase;
}

.video-section .content-box .cta-box {
  display: flex;
  gap: 20px;
}

/* video hero section css start */
.video-hero-section {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.video-hero-section .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.video-hero-section .bg-video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
}

.video-hero-section .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.video-hero-section .content-box {
  position: absolute;
  width: 40%;
  left: 140px;
  bottom: 140px;
  z-index: 3;
  text-align: left;
  color: var(--white-color);
}

.video-hero-section .content-box h1 {
  color: var(--white-color);
}

.video-hero-section .content-box p {
  padding: 10px 0 20px 0;
}

.video-hero-section .content-box p span {
  font-weight: 700;
  text-transform: uppercase;
}

.video-hero-section .content-box .cta-box {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.video-hero-section .content-box .offer-text {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--white-color);
}

/*** 

====================================================================
  Menu Section Tab Style
====================================================================

***/
.menu-section {
  position: relative;
  overflow: hidden;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab-buttons {
  position: relative;
}

.tabs-box .tab-buttons .tab-btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tabs-box .tabs-content {
  position: relative;
}

.tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  padding: 0;
}

.tabs-box .tabs-content .active-tab {
  display: block;
}

.menu-tabs {
  position: relative;
}

.menu-tabs .buttons {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 0px;
}

.menu-tabs .buttons .tab-buttons {
  position: relative;
  text-align: center;
  font-family: var(--font-family-Rufina);
}

.menu-tabs .buttons .tab-buttons .tab-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  text-transform: capitalize;
  padding: 8px 30px;
  font-family: var(--font-family-jost);
  border: solid 1px var(--main-color);
  border-radius: 100px;
}

.menu-tabs .buttons .tab-buttons .tab-btn.active-btn {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background-color: var(--main-color);
  color: var(--white-color);
}

.tabs-box .tabs-content .tab .row {
  display: flex;
  align-items: center;
  /* This vertically centers the two columns */
  flex-wrap: wrap;
  /* Ensures responsiveness for smaller screens */
}

.menu-tabs .menu-col .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Vertical centering inside the column */
  height: 100%;
}

.menu-tabs .menu-col.img-col {
  text-align: center;
}

.menu-tabs .menu-col.img-col .inner {
  display: block;
}

.menu-tabs .menu-col:nth-child(2) .inner {
  padding-right: 0;
  border-right: none;
}

.menu-tabs .menu-col:nth-child(2) .inner:after {
  display: none;
}

.menu-tabs .menu-col.img-col .image {
  position: relative;
  display: inline-block;
}

.menu-tabs .menu-col.img-col .image img {
  display: block;
  border-radius: 300px 300px 0 0;
  position: relative;
  z-index: 1;
}

.menu-tabs .dish-block {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
}

.menu-tabs .dish-block.popular {
  background-color: var(--white-color-opacity-three);
  border: solid 1px var(--black-color-opacity-four);
}

.menu-tabs .dish-block:last-child {
  margin-bottom: 0;
}

.menu-tabs .dish-block .inner-box {
  position: relative;
  padding-left: 150px;
  min-height: 120px;
  display: grid;
  align-items: center;
}

.menu-tabs .dish-block .dish-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  border-radius: 400px;
  overflow: hidden;
}

.menu-tabs .dish-block .dish-image img {
  position: relative;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 400px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.menu-tabs .dish-block .inner-box:hover .dish-image img {
  transform: scale(1.1);
}

.menu-tabs .dish-block .title {
  position: relative;
  line-height: 24px;
  margin-bottom: 10px;
  display: flex;
}

.menu-tabs .dish-block .title .menu-list-line {
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--black-color-opacity-three);
  height: 21px;
}

.menu-tabs .dish-block .title .ttl {
  position: relative;
  float: left;
  padding-right: 0px;
  text-transform: capitalize;
}

.menu-tabs .dish-block .title .ttl a {
  color: var(--main-color);
}

.menu-tabs .dish-block .title .ttl .s-info {
  position: relative;
  display: inline-block;
  line-height: 18px;
  padding: 1px 8px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  color: var(--white-color);
  letter-spacing: 1px;
  background: var(--main-color);
  margin-left: 8px;
  font-family: var(--font-family-jost);
  text-transform: uppercase;
}

.menu-tabs .dish-block .title .price {
  position: relative;
  float: right;
  font-family: var(--font-family-Rufina);
  font-size: 25px;
  color: var(--main-color);
  padding-left: 5px;
  margin-top: -5px;
}

.menu-tabs .dish-block .title .price span {
  font-size: 22px;
  position: relative;
  bottom: -.2em;
}

.menu-tabs .dish-block .desc {
  position: relative;
  font-size: 18px;
  color: var(--text-color-light);
  padding-right: 50px;
}

.menu-tabs .dish-block .desc a {
  color: var(--text-color-light);
}

.menu-section .open-timing {
  position: relative;
  text-align: center;
}

.menu-section .open-timing .hours {
  position: relative;
  padding: 25px 0;
}

.special-offer {
  position: relative;
  background: var(--color-two);
}

.special-offer {
  position: relative;
  background: var(--color-two);
}

.special-offer .outer-container {
  position: relative;
  /*max-width: 1600px;*/
  padding: 0 15px;
  margin: 0 auto;
}

.special-offer .auto-container {
  max-width: 1650px;
}

.special-offer .offer-block-two {
  position: relative;
  margin-bottom: 30px;
}

.special-offer .owl-theme .offer-block-two {
  margin-bottom: 0;
}

.special-offer .offer-block-two .inner-box {
  position: relative;
  display: block;
  text-align: center;
  background-color: var(--white-color-opacity-three);
  border: solid 1px var(--black-color-opacity-four);
  padding: 40px;
}

.special-offer .offer-block-two .inner-box:hover {
  background-color: var(--white-color);
  border: solid 1px var(--main-color);
  transition: all ease 0.5s;
}

.special-offer .offer-block-two .pkg-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 20px;
}

.special-offer .offer-block-two .pkg-header {
  flex: 1;
  text-align: left;
}

.special-offer .offer-block-two .pkg-ttl {
  font-family: var(--font-family-Rufina);
  font-size: 26px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.special-offer .offer-block-two p {
  padding-right: 50px;
  color: var(--text-color-light);
}

.special-offer .offer-block-two .pkg-image {
  flex-shrink: 0;
  /* don’t shrink the image container */
  display: inline-block;
  text-align: right;
}

.special-offer .offer-block-two .pkg-image img {
  width: auto;
  /* keep actual image width */
  max-width: none;
  /* ensure it's not limited by parent */
  height: auto;
  /* maintain aspect ratio */
  border-radius: 200px 120px;
  border: solid 1px var(--white-color);
  -webkit-box-shadow: 7px 7px 0px -5px #2f2924;
  -moz-box-shadow: 7px 7px 0px -5px #2f2924;
  box-shadow: 7px 7px 0px -5px #2f2924;
}

.special-offer .offer-block-two .pkg-price {
  display: flex;
  align-items: center;
  width: 100%;
}

.special-offer .offer-block-two .main-price {
  font-size: 40px;
  color: var(--main-color);
  font-weight: 600;
}

.special-offer .offer-block-two .duration {
  position: relative;
  font-size: 14px;
  color: var(--text-color-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  margin-left: 15px;
  padding-left: 15px;
  line-height: 1.6em;
}

/* add a vertical line that fits content height */
.special-offer .offer-block-two .duration::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  bottom: 15%;
  width: 1px;
  background: var(--black-color-opacity-four);
}

.special-offer .offer-block-two .duration span {
  font-size: 18px;
  color: var(--text-color-light);
  font-weight: 500;
}

.special-offer .offer-block-two .pkg-service-group {
  position: relative;
  width: 100%;
  padding: 60px 0 40px 0;
}

.special-offer .offer-block-two .pkg-service-group h6 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--main-color);
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

.special-offer .offer-block-two .pkg-service-group h6::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--black-color-opacity-four);
}

/* packages service list */
.special-offer .offer-block-two .pkg-service-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* each row: left name, middle connector, right duration */
.special-offer .offer-block-two .pkg-service-list .service-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  color: var(--text-color-dark);
}

/* name (left) */
.special-offer .offer-block-two .pkg-service-list .service-name {
  flex: 0 0 auto;
  /* only as wide as its content */
  white-space: nowrap;
}

/* connector — this draws the dashed line and grows to fill the gap */
.special-offer .offer-block-two .pkg-service-list .service-connector {
  flex: 1 1 auto;
  /* fills remaining space */
  border-bottom: 1px dashed var(--black-color-opacity-four);
  height: 1px;
  align-self: center;
  margin: 12px 0 0 0;
  /* spacing handled by gap on .service-item */
}

/* duration (right) */
.special-offer .offer-block-two .pkg-service-list .service-duration {
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--main-color);
  font-weight: 400;
}

.special-offer .link-box {
  text-align: left;
}

.special-offer .pkg-cta {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 30px 0 0 0;
}

.special-offer .pkg-cta a {
  font-weight: 500;
  color: var(--main-color);
  text-decoration: none;
}

/* underline (half by default) */
.special-offer .pkg-cta a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 50%;
  /* half underline */
  background-color: var(--main-color);
  transition: width 0.4s ease;
}

/* on hover → animate to full underline */
.special-offer .pkg-cta a:hover::after {
  width: 100%;
}

.special-offer .owl-theme .owl-dots {
  display: none;
}

.special-offer .owl-theme .owl-nav {
  position: absolute;
  left: -100px;
  right: -100px;
  height: 0;
  top: 50%;
  margin-top: -22px;
}

.special-offer .owl-theme .owl-nav .owl-next,
.special-offer .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.special-offer .owl-theme .owl-nav .owl-next span,
.special-offer .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.special-offer .owl-theme .owl-nav .owl-next:before,
.special-offer .owl-theme .owl-nav .owl-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--black-color-opacity-four);
  background-color: var(--white-color);
  border-radius: 100px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.special-offer .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.special-offer .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.special-offer .owl-theme .owl-nav .owl-next:hover,
.special-offer .owl-theme .owl-nav .owl-prev:hover {
  color: var(--white-color);
}

.special-offer .owl-theme .owl-nav .owl-next:hover:before,
.special-offer .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/*** 

====================================================================
  Testimonials Section
====================================================================

***/
.testimonials-section {
  position: relative;
}

.testimonials-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.30;
}

.testimonials-section .carousel-box {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.testimonials-section .testi-top {
  position: relative;
  text-align: center;
  padding: 40px 80px 100px 80px;
}

.testimonials-section .testi-top .rating {
  color: var(--orange-color);
  padding-bottom: 10px;
}

.testimonials-section .testi-top .quote-text {
  position: relative;
  line-height: 1.6em;
  font-size: 26px;
}

.testimonials-section .thumbs-carousel-box {
  position: relative;
  max-width: 390px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: -50px;
}

.testimonials-section .testi-thumbs {
  position: relative;
  max-width: 130px;
  margin: 0 auto;
  text-align: center;
}

.testimonials-section .testi-thumbs .owl-stage-outer {
  overflow: visible;
}

.testimonials-section .testi-thumbs .image {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 15px;
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  cursor: pointer;
  border-radius: 50%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  border: solid 2px var(--black-color-opacity-four);
}

.testimonials-section .testi-thumbs .image img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 50%;
}

.testimonials-section .testi-thumbs .active .image {
  -ms-transform: scale(1);
  transform: scale(1);
  border: solid 2px var(--main-color);
}

.testimonials-section .testi-thumbs .auth-title {
  position: relative;
  text-transform: uppercase;
  color: var(--main-color);
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.testimonials-section .testi-thumbs .active .auth-title {
  opacity: 1;
  visibility: visible;
}

.testimonials-section .owl-theme .owl-nav,
.testimonials-section .owl-theme .owl-dots {
  display: none;
}

/*** 

====================================================================
  Testimonials two Section
====================================================================

***/
.testimonials-two {
  position: relative;
}

.special-offer .carousel-box {
  position: relative;
}

.testimonials-two .testi-block {
  position: relative;
}

.testimonials-two .testi-block .inner-box {
  position: relative;
  padding: 40px;
  background: var(--white-color);
  text-align: left;
}

.testimonials-two .testi-block .rating {
  position: relative;
  font-size: 12px;
  color: var(--orange-color);
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 20px;
}

.testimonials-two .testi-block .text p {
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0;
  color: var(--text-color-dark);
}

.testimonials-two .testi-block .auth-info {
  display: flex;
  flex-direction: row;
  /* side by side */
  align-items: center;
  /* vertically center */
  justify-content: left;
  /* horizontally center inside parent */
  text-align: left;
  /* text aligns naturally */
  gap: 20px;
  /* space between image and text */
  background-color: var(--white-color-opacity-two);
  padding: 25px 40px;
}

.testimonials-two .testi-block .auth-info .auth-title {
  position: relative;
  text-transform: uppercase;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
}

.testimonials-two .testi-block .auth-info .treatment {
  display: block;
  position: relative;
  text-transform: capitalize;
  letter-spacing: normal;
  font-weight: normal;
  margin-top: -6px;
}

.testimonials-two .testi-block .auth-info .image {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.testimonials-two .testi-block .auth-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.testimonials-two .owl-theme .owl-dots {
  display: block;
  text-align: center;
  margin-top: 20px;
}

.testimonials-two .owl-theme .owl-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid 1px var(--main-color);
  border-radius: 50%;
  margin: 0 4px;
  transition: background 0.3s ease;
}

.testimonials-two .owl-theme .owl-dot.active {
  background: var(--main-color);
  /* active dot color */
}

.testimonials-two .owl-theme .owl-nav {
  position: absolute;
  left: -100px;
  right: -100px;
  height: 0;
  top: 50%;
  margin-top: -22px;
}

.testimonials-two .owl-theme .owl-nav .owl-next,
.testimonials-two .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.testimonials-two .owl-theme .owl-nav .owl-next span,
.testimonials-two .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.testimonials-two .owl-theme .owl-nav .owl-next:before,
.testimonials-two .owl-theme .owl-nav .owl-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  border-radius: 200px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.testimonials-two .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.testimonials-two .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.testimonials-two .owl-theme .owl-nav .owl-next:hover,
.testimonials-two .owl-theme .owl-nav .owl-prev:hover {
  color: var(--white-color);
}

.testimonials-two .owl-theme .owl-nav .owl-next:hover:before,
.testimonials-two .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/* side elements */
.testimonials-two .side-element .left-side-element,
.testimonials-two .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.testimonials-two .side-element .left-side-element {
  left: -30px;
  top: 300px;
}

.testimonials-two .side-element .right-side-element {
  right: -20px;
  top: 0;
}

/*** 

====================================================================
  Testimonials page - masonry style
====================================================================

***/
.testimonial-infomain {
  position: relative;
}

.testimonial-infomain .tinfo-block {
  position: relative;
  padding-right: 50px;
}

.testimonial-infomain .rting-box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 50px;
  gap: 15px;
}

.testimonial-infomain .rting-box::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--black-color-opacity-four);
  order: 1;
}

.testimonial-infomain .rting-box .rnumber-group {
  display: flex;
  gap: 15px;
  align-items: center;
  order: 0;
}

.testimonial-infomain .rting-box .rnumber-group span {
  font-size: 55px;
  text-align: left;
  color: var(--main-color);
  font-weight: 600;
}

.testimonial-infomain .rting-box .rnumber-group p {
  font-size: 18px;
}

.testimonial-infomain .rting-box .rating-logo {
  display: flex;
  gap: 20px;
  align-items: center;
  order: 2;
}

.testimonial-infomain .rting-box .rating-logo a {
  opacity: 0.5;
}

.testimonial-infomain .rting-box .rating-logo a:hover {
  opacity: 10;
}

.testimonial-infomain .tdesc-block {
  padding-left: 100px;
}

.testimonial-infomain .tdesc-block .satisfy-row {
  display: flex;
  gap: 15px;
  color: var(--main-color);
  padding-bottom: 40px;
}

.testimonial-infomain .tdesc-block .satisfy-group span {
  font-size: 55px;
  font-weight: 600;
}

.testimonial-infomain .tdesc-block .satisfy-row img {
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  align-self: center;
}

/* Shake animation for last user image */
.testimonial-infomain .tdesc-block .satisfy-row img {
  animation: shakeUser 1s ease-in-out infinite;
  transform-origin: center center;
}

.testimonial-infomain .tdesc-block ul {
  position: relative;
}

.testimonial-infomain .tdesc-block ul li {
  list-style: none;
  padding-bottom: 15px;
}

.testimonial-infomain .tdesc-block ul li i {
  color: var(--main-color);
}

.testimonial-infomain .tdesc-block .link-box {
  margin-top: 30px;
}

.testimonials-masonry {
  position: relative;
}

.testimonials-masonry .google_rating .rate_link img {
  height: 25px;
  margin-right: 5px;
}

.testimonials-masonry .google_rating:hover .star {
  border: solid 1px var(--main-color);
  background-color: var(--main-color);
  color: var(--white-color);
  transition: all ease .3s;
}

.testimonials-masonry .testimonial-boxlist {
  column-count: 3;
  column-gap: 30px;
  /* space between the columns */
}

.testimonials-masonry .testimonial-boxlist .testi-block {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  /* vertical spacing between boxes */
}

.testimonials-masonry .testi-block {
  position: relative;
}

.testimonials-masonry .testi-block .inner-box {
  position: relative;
  padding: 40px;
  text-align: left;
  border: solid 1px var(--black-color-opacity-three);
}

.testimonials-masonry .testi-block .rating {
  position: relative;
  font-size: 12px;
  color: var(--orange-color);
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 20px;
}

.testimonials-masonry .testi-block .text {
  position: relative;
  line-height: 1.5em;
}

.testimonials-masonry .testi-block .auth-info {
  display: flex;
  flex-direction: row;
  /* side by side */
  align-items: center;
  /* vertically center */
  justify-content: left;
  /* horizontally center inside parent */
  text-align: left;
  /* text aligns naturally */
  gap: 20px;
  /* space between image and text */
  background-color: var(--white-color-opacity-two);
  padding: 25px 40px;
  border: solid 1px var(--black-color-opacity-three);
  border-top: none;
}

.testimonials-masonry .testi-block .auth-info .auth-title {
  position: relative;
  text-transform: uppercase;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
}

.testimonials-masonry .testi-block .auth-info .location {
  display: block;
  position: relative;
  text-transform: capitalize;
  letter-spacing: normal;
  font-weight: normal;
  margin-top: 0;
  line-height: 1.2em;
  color: var(--black-color-opacity-two);
}

.testimonials-masonry .testi-block .auth-info .image {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.testimonials-masonry .testi-block .auth-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/*** 

====================================================================
  Reservation Section - Common css and other css for different options
====================================================================

***/
.reserve-section {
  position: relative;
}

.reserve-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.50;
}

.reserve-section .outer-box {
  position: relative;
  z-index: 1;
}

.reserve-section .outer-box > .row {
  margin: 0 0;
}

.reserve-section .reserv-col {
  position: relative;
  padding: 0 0;
}

.reserve-section .reserv-col .inner {
  position: relative;
  min-height: 100%;
}

.reserve-section .reserv-col .title {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.reserve-section .reserv-col .title h2 {
  line-height: 1.2em;
}

.reserve-section .reserv-col .request-info a {
  color: var(--main-color);
}

.reserve-section .reserv-col .request-info a:hover {
  color: var(--main-color);
  text-decoration: underline;
}

.reserve-section .reserv-col form .row {
  margin: 0 -10px;
}

.reserve-section .reserv-col form .row .form-group {
  padding: 0 10px;
  margin-bottom: 15px;
}

.reserve-section .reserv-col form .btn-style-one {
  display: block;
  width: 100%;
}

.reserve-section .reserv-col form .btn-style-one .btn-wrap .text-two,
.reserve-section .reserv-col form .btn-style-one .btn-wrap {
  width: 100%;
}

/* reservation split style ( common css used from above css) */
.reserve-section.splitscreen .graphic-col .graphic-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.reserve-section.splitscreen .graphic-col .image {
  display: none;
}

.reserve-section.splitscreen .reserv-col {
  background-color: var(--main-color);
}

.reserve-section.splitscreen .reserv-col .inner {
  background-color: var(--main-color);
}

.reserve-section.splitscreen .reserv-col .inner {
  position: relative;
  padding: 150px 180px;
  min-height: 100%;
  display: inline-block;
}

.reserve-section.splitscreen .reserv-col .inner::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid var(--main-color);
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
}

.reserve-section.splitscreen .reserv-col .inner .title-box h2 {
  padding-bottom: 0;
}

/* css for style two ( comon css used as above css) */
.reserve-section.style-two {
  position: relative;
}

.reserve-section.style-two .outer-box {
  margin: 0 0;
  top: 0;
}

.reserve-section.style-two .reserv-col .inner .title-box h2 {
  padding-bottom: 0;
}

/* css for style two Reserve PAGE ( comon css used as above css) */
.reserve-section.style-two.reserve-page {
  display: flex;
  height: 100vh;
  /* full screen height */
}

.reserve-section.style-two.reserve-page .leftpart {
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 400px;
  position: relative;
}

.reserve-section.style-two.reserve-page .leftpart .inner {
  position: relative;
  z-index: 2;
}

.reserve-section.style-two.reserve-page .leftpart .form-part {
  padding-top: 100px;
}

.reserve-section.style-two.reserve-page .leftpart .form-back {
  position: relative;
  text-align: left;
  color: var(--text-color-light);
  bottom: 25px;
}

.reserve-section.style-two.reserve-page .leftpart .form-back:hover {
  text-align: left;
  color: var(--main-color);
}

/* side elements */
.reserve-page .side-element {
  position: absolute;
  inset: 0;
  /* ensures it fills .leftpart */
  pointer-events: none;
  z-index: 1;
  /* behind the main form */
}

.reserve-page .side-element .left-side-element,
.reserve-page .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.reserve-page .side-element .left-side-element {
  left: -25px;
  top: 150px;
}

.reserve-page .side-element .right-side-element {
  right: 0;
  bottom: -50px;
}

/* right part summery */
.reserve-section.style-two.reserve-page .rightpart {
  width: 25%;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.reserve-section .rightpart .booking {
  width: 100%;
  padding: 0 50px;
}

.reserve-section .rightpart .booking .ttl-group {
  border-bottom: solid 1px var(--white-color-opacity-three);
  padding-bottom: 25px;
  margin-bottom: 30px;
}

.reserve-section .rightpart .booking h4 {
  color: var(--white-color);
}

.reserve-section .booking-summary {
  width: 100%;
  margin: 0 auto;
}

.reserve-section .booking-summary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reserve-section .booking-summary li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  font-size: 18px;
  flex-wrap: wrap;
}

.reserve-section .booking-summary .label {
  color: var(--white-color-opacity-two);
  /* lighter label */
}

.reserve-section .booking-summary .value {
  color: var(--white-color);
}

.reserve-section .booking-summary .divider {
  height: 1px;
  background-color: #ffffff66;
  margin: 30px 0;
}

.reserve-section .booking-summary .total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reserve-section .booking-summary .total-amount {
  font-size: 25px;
  color: var(--white-color);
}

.reserve-section .booking-summary .link-box {
  margin-top: 50px;
  text-align: center;
}

.reserve-section .booking-summary .link-box .btn-style-two {
  width: 100%;
  display: block;
}

.reserve-section .booking-summary .link-box .btn-style-two .btn-wrap {
  float: none;
  /* cancel the float */
  vertical-align: top;
}

.reserve-section .booking-summary .live-chat {
  text-align: left;
  padding-top: 30px;
  color: var(--white-color-opacity-three);
}

.reserve-section .booking-summary .live-chat a {
  position: relative;
  text-align: left;
  padding-top: 30px;
  color: var(--white-color);
}

.reserve-section .booking-summary .live-chat a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  /* 3px below text */
  width: 100%;
  height: 1px;
  /* underline thickness */
  background-color: var(--white-color);
  transition: all 0.3s ease;
}

.reserve-section .booking-summary .live-chat a:hover::after {
  width: 0;
  right: 0;
  left: auto;
}

/* css for style two Reserve PAGE 2 ( comon css used as above css) */
.reserve-section.style-two.reserve-page-2 .row {
  display: flex;
  align-items: stretch;
  /* makes all children same height */
  flex-wrap: wrap;
  /* keep responsiveness for smaller screens */
}

/* Make each column fill height of the row */
.reserve-section.style-two.reserve-page-2 .reserv-col {
  display: flex;
  flex-direction: column;
}

/* Inner containers stretch fully */
.reserve-section.style-two.reserve-page-2 .reserv-col .inner,
.reserve-section.style-two.reserve-page-2 .contact-details {
  flex: 1;
}

.reserve-section.style-two.reserve-page-2 .reserv-col .inner {
  padding: 0;
}

.reserve-section.style-two.reserve-page-2 .form-col {
  padding: 70px 150px;
  background-color: var(--white-color);
  border: solid 1px var(--black-color-opacity-four);
}

.reserve-section.style-two.reserve-page-2 .contact-info {
  position: relative;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  /* vertically center */
  justify-content: center;
  /* optional – centers horizontally too */
}

/* background image overlay */
.reserve-section.style-two.reserve-page-2 .contact-info::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/resource/leaf-2-white.svg") center/cover no-repeat;
  opacity: 0.05;
  /* adjust opacity as needed (0.1–0.5) */
  z-index: 0;
  background-size: contain;
}

.reserve-section.style-two.reserve-page-2 .contact-details {
  align-items: center;
  position: relative;
  padding: 30px 0;
  flex: 0 0 auto;
}

.reserve-section.style-two.reserve-page-2 .contact-details .c-details {
  position: relative;
  text-align: center;
}

/* Vertical line after the 1st and 2nd .c-details */
.reserve-section.style-two.reserve-page-2 .contact-details .c-details:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -15px;
  /* space between content and line */
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 30px;
  background-color: var(--white-color);
  /* or your desired color */
}

.reserve-section.style-two.reserve-page-2 .contact-details,
.reserve-section.style-two.reserve-page-2 .contact-details h4 {
  color: var(--white-color);
  text-align: center;
}

.reserve-section.style-two.reserve-page-2 .contact-details i {
  font-size: 30px;
  padding-bottom: 20px;
}

.reserve-section.style-two.reserve-page-2 .contact-details .stu-location,
.reserve-section.style-two.reserve-page-2 .contact-details .stu-time,
.reserve-section.style-two.reserve-page-2 .contact-details .stu-call-mail {
  padding: 40px 0;
}

.reserve-section.style-two.reserve-page-2 .contact-details .stu-call-mail a {
  position: relative;
  color: var(--white-color);
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  transition: color 0.3s ease;
}

/* Base underline (hidden) */
.reserve-section.style-two.reserve-page-2 .contact-details .stu-call-mail a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: var(--white-color);
  transition: width 0.4s ease;
}

/* Hover animation */
.reserve-section.style-two.reserve-page-2 .contact-details .stu-call-mail a:hover::after {
  width: 100%;
}

/*** 

====================================================================
  blog list page Section
====================================================================

***/
.blog_list_section {
  position: relative;
  z-index: 9;
}

.blog_list_section .blog_panel {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px var(--black-color-opacity-four);
}

.blog_list_section .blog_panel .ttl-grp {
  padding-bottom: 25px;
}

.blog_list_section .blog_panel .blog_info {
  padding: 30px 0 0 0;
}

.blog_list_section .blog_panel ul,
.blog_detail_section .blog_info ul {
  position: relative;
  margin-bottom: 10px;
}

.blog_list_section .blog_panel ul li,
.blog_detail_section .blog_info ul li {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-color-light);
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}

.blog_list_section .blog_panel ul li .blog-tag,
.blog_detail_section .blog_info ul li .blog-tag {
  color: var(--main-color);
  border: solid 1px var(--main-color);
  padding: 2px 12px;
  border-radius: 100px;
}

.blog_list_section .blog_panel ul li .blog-tag:hover,
.blog_detail_section .blog_info ul li .blog-tag:hover {
  color: var(--white-color);
  border: solid 1px var(--main-color);
  background-color: var(--main-color);
  padding: 2px 12px;
  border-radius: 100px;
}

.blog_list_section .blog_panel ul li:not(:last-child)::after,
.blog_detail_section .blog_info ul li:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: var(--black-color-opacity-three);
}

.blog_list_section .blog_panel h4 {
  position: relative;
  display: block;
  transition: .4s all;
}

.blog_list_section .blog_panel h4 a {
  position: relative;
  display: inline-block;
  /* ← Fix: restrict underline to text width */
  color: var(--main-color);
  text-decoration: none;
  background-image: linear-gradient(var(--main-color), var(--main-color));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 1px;
  transition: background-size 0.4s ease;
}

/* On hover: underline appears and expands fully */
.blog_list_section .blog_panel:hover h4 a {
  background-size: 100% 1px;
}

.blog_list_section .blog_panel .blog_info p {
  padding-bottom: 25px;
  color: var(--text-color-dark);
}

.blog_list_section .blog_panel .main_img {
  overflow: hidden;
  display: block;
}

.blog_list_section .blog_panel .main_img img {
  width: 100%;
  transition: transform 0.5s ease;
  display: block;
}

.blog_list_section .blog_panel:hover .main_img img {
  transform: scale(1.05);
}

/* -----blog-right-side------ */
.blog_list_section .blog_right_side {
  border-left: 1px solid var(--white-color-opacity-four);
  padding: 0 0 0 50px;
}

.blog_list_section .blog_right_side .bg_box {
  margin-bottom: 60px;
}

/***
====================================================================
  Blog Search Widget
====================================================================
***/
.blog_list_section .blog_right_side .blog_search_block form label {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner {
  position: relative;
  width: 100%;
  height: 60px;
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner .form-control {
  height: 100%;
  border-radius: 0;
  border: 1px solid var(--black-color-opacity-four);
  padding-right: 50px;
  color: var(--text-color-dark);
  background-color: var(--white-color);
  font-size: 18px;
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner button {
  font-size: 20px;
  position: absolute;
  background-color: transparent;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  padding: 5px;
  transition: .4s all;
  color: var(--main-color);
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner button:hover {
  color: var(--main-color);
}

/***
====================================================================
  Recent Blog Posts Widget
====================================================================
***/
/* Recent Blog Css Start — custom recent_blog_list */
.blog_list_section .blog_right_side .wp-block-latest-posts li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.blog_list_section .blog_right_side .wp-block-latest-posts li:last-child a {
  margin-bottom: 10px;
  transition: .4s all;
}

.blog_list_section .blog_right_side .wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  width: 80px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  transition: .4s all;
}

.blog_list_section .blog_right_side .wp-block-latest-posts li a .wp-block-latest-posts__featured-image img {
  width: 100%;
  transition: .4s all;
}

.blog_list_section .blog_right_side .wp-block-latest-posts li:hover .wp-block-latest-posts__featured-image img {
  transform: scale(1.08);
  filter: brightness(1.1);
}

.blog_list_section .blog_right_side .wp-block-latest-posts li a .text {
  width: calc(100% - 100px);
}

.blog_list_section .blog_right_side .wp-block-latest-posts li a {
  color: var(--main-color);
  font-size: 18px;
  transition: .4s all;
  text-transform: capitalize;
  margin-bottom: 5px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.blog_list_section .blog_right_side .wp-block-latest-posts li a:hover {
  color: var(--main-color);
}

.blog_list_section .blog_right_side .wp-block-latest-posts li a .text span {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-color-light);
}

/* WordPress wp-block-latest-posts */
.blog_list_section .blog_right_side ul.wp-block-latest-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog_list_section .blog_right_side ul.wp-block-latest-posts li {
  margin-bottom: 18px;
}

.blog_list_section .blog_right_side ul.wp-block-latest-posts li a {
  display: block;
  padding: 12px 0 0 0;
  color: var(--main-color);
  font-size: 18px;
  text-transform: capitalize;
  transition: color 0.3s ease;
  text-decoration: none;
}

.blog_list_section .blog_right_side ul.wp-block-latest-posts li:last-child a {
  border-bottom: none;
}

.blog_list_section .blog_right_side ul.wp-block-latest-posts li a:hover {
  color: var(--main-color);
}

.blog_list_section .blog_right_side ul.wp-block-latest-posts__post-date {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-color-light);
}

/***
====================================================================
  Categories Widget
====================================================================
***/
/* Categories block Css */
.blog_list_section .blog_right_side .categories_block ul li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px 0;
}

.blog_list_section .blog_right_side .categories_block ul li:last-child {
  margin-bottom: 0;
}

.blog_list_section .blog_right_side .categories_block ul li .cat {
  position: relative;
  display: inline-block;
  width: auto;
  color: var(--text-color-light);
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog_list_section .blog_right_side .categories_block ul li .cat::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--main-color);
  color: var(--main-color);
  transition: width 0.4s ease;
}

.blog_list_section .blog_right_side .categories_block ul li .cat:hover {
  color: var(--main-color);
}

.blog_list_section .blog_right_side .categories_block ul li .cat:hover::after {
  width: 100%;
}

.blog_list_section .blog_right_side .categories_block ul li span {
  color: var(--text-color-light);
}

/***
====================================================================
  Tags Widget
====================================================================
***/
/* Tag Blocks Css Start */
.blog_list_section .blog_right_side .tags_block ul {
  display: flex;
  flex-wrap: wrap;
}

.blog_list_section .blog_right_side .tags_block ul li a {
  display: inline-block;
  padding: 4px 14px;
  margin: 0 15px 15px 0;
  transition: .4s all;
  border: solid 1px var(--black-color-opacity-four);
  color: var(--text-color-dark);
  background-color: var(--white-color-opacity-three);
  font-size: 18px;
}

.blog_list_section .blog_right_side .tags_block ul li a:hover {
  background-color: var(--main-color);
  color: var(--white-color);
  border: solid 1px var(--main-color);
}

.blog_list_section .blog_right_side h5,
.blog_list_section .blog_right_side .widget-title,
.blog_list_section .blog_right_side .wp-block-heading {
  border-bottom: solid 1px var(--black-color-opacity-four);
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-family: var(--font-family-heading-secondary);
  text-transform: capitalize;
  font-weight: var(--font-weight-heading-secondary);
  font-size: 22px;
  color: var(--text-color-dark);
  text-shadow: none;
}

.blog_list_section .blog_right_side .widget {
  margin-bottom: 50px;
}

/***
====================================================================
  Offer Banner Widget
====================================================================
***/
/* offer banner Blocks Css Start */
.blog_list_section .blog_right_side .banner-block {
  position: relative;
  background-color: var(--main-color);
  padding: 300px 0 50px 0;
}

/* background image overlay */
.blog_list_section .blog_right_side .banner-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/resource/offerbanner.jpg") center/cover no-repeat;
  opacity: 0.7;
  /* adjust opacity as needed (0.1–0.5) */
  z-index: 0;
  background-size: cover;
}

.blog_list_section .blog_right_side .banner-block .data-group {
  position: relative;
  bottom: 50px;
  text-align: center;
}

.blog_list_section .banner-block .data-group .discount {
  display: inline-block;
  background: var(--white-color);
  color: var(--main-color);
  text-transform: uppercase;
  padding: 2px 8px;
  font-weight: 500;
  transition: transform 0.8s ease;
}

/* rotate 360° on hover */
.blog_list_section .banner-block:hover .discount {
  transform: rotateY(360deg);
}

.blog_list_section .banner-block .data-group .offer-ttl {
  font-family: var(--font-family-Italiana);
  color: var(--white-color);
  padding: 10px 0 15px 0;
  font-size: 30px;
}

.blog_list_section .banner-block .data-group a {
  color: var(--white-color);
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

/* Blog Single Css Start */
.blog_detail_section .container {
  max-width: 1010px;
}

.blog_detail_section .blog_info h2 {
  display: block;
  transition: .4s all;
  margin-bottom: 15px;
  margin-top: 5px;
}

/*** 

====================================================================
  Blog Detail Page
====================================================================

***/
.blog_detail_section .blog_inner_pannel {
  padding: 0 200px;
  position: relative;
}

.blog_detail_section .blog_inner_pannel .info.inside {
  padding: 0 0 30px 50px;
}

.blog_detail_section .blog_inner_pannel .wp-block-group ul:last-child {
  margin-bottom: 0 !important;
}

.blog_detail_section .blog_inner_pannel .info h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info .wp-block-embed {
  margin-top: 50px;
  margin-bottom: 30px;
}

.blog_detail_section .blog_inner_pannel .section_title {
  margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .section_title h2 {
  margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel img {
  max-width: 100%;
}

.blog_detail_section .blog_inner_pannel .wp-block-image {
  margin: 50px 0;
}

.blog_detail_section .blog_inner_pannel .wp-block-image img {
  width: 100%;
  transition: transform 0.4s ease;
}

.blog_detail_section .blog_inner_pannel iframe {
  width: 100%;
  height: 510px;
}

/* double image */
.blog_detail_section .blog_inner_pannel .wp-block-group {
  display: flex;
  gap: 40px;
  /* space between images */
  margin: 50px 0;
}

.blog_detail_section .blog_inner_pannel .wp-block-group .wp-block-image {
  margin: 0;
}

.blog_detail_section .blog_inner_pannel .wp-block-group .wp-block-image img {
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

/* Optional hover effect */
.blog_detail_section .blog_inner_pannel .wp-block-image img:hover {
  transform: scale(1.05);
}

.blog_detail_section .blog_inner_pannel .info h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info h4 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info.entry-content ul {
  margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .info.entry-content ul li {
  position: relative;
  padding-left: 30px;
  margin: 10px 0;
  font-size: 18px;
  list-style: none;
}

.blog_detail_section .blog_inner_pannel .info.entry-content ul li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 16px;
  color: var(--main-color);
}

.blog_detail_section .blog_inner_pannel .two_img {
  margin-bottom: 70px;
}

.blog_detail_section .blog_inner_pannel .wp-block-quote {
  background-color: var(--white-color-opacity-three);
  padding: 40px 80px;
  position: relative;
  margin: 40px 0;
  border: solid 1px var(--black-color-opacity-four);
  transition: all ease .5s;
}

.blog_detail_section .blog_inner_pannel .wp-block-quote:hover {
  background-color: var(--white-color);
  border: solid 1px var(--main-color);
}

.blog_detail_section .blog_inner_pannel .wp-block-quote h5,
.blog_detail_section .blog_inner_pannel .wp-block-quote p {
  color: var(--main-color);
  margin: 15px 0;
  text-align: center;
}

.blog_detail_section .blog_inner_pannel .wp-block-quote::before {
  content: "\f10d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 30px;
  color: var(--main-color);
  display: block;
  text-align: center;
}

.blog_detail_section .blog_inner_pannel .wp-block-quote::after {
  content: "\f10e";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 30px;
  color: var(--main-color);
  display: block;
  text-align: center;
}

/* blog author */
.blog_detail_section .blog_inner_pannel .blog_authore {
  display: flex;
  background-color: var(--white-color-opacity-three);
  padding: 40px;
  position: relative;
  margin: 40px 0 0 0;
  border: solid 1px var(--black-color-opacity-four);
  gap: 30px;
}

.blog_detail_section .blog_authore .auther-desc-grp {
  display: grid;
  gap: 10px;
}

.blog_detail_section .blog_authore .auth-img {
  max-width: 150px;
  border-radius: 500px 500px 0 0;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}

.blog_detail_section .blog_authore .auth-social {
  display: flex;
  padding-top: 5px;
  align-items: center;
}

.blog_detail_section .blog_authore .auth-social li {
  position: relative;
  padding-right: 4px;
  margin-right: 4px;
}

.blog_detail_section .blog_authore .auth-social li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  /* adjust height */
  background-color: var(--black-color-opacity-four);
}

.blog_detail_section .blog_authore .auth-social li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  margin-right: 5px;
  transition: 0.4s all;
  color: var(--black-color-opacity-two);
}

.blog_detail_section .blog_authore .auth-social li a:hover {
  color: var(--main-color);
}

/* Social Media link list */
.blog_detail_section .blog_inner_pannel .social_media {
  display: flex;
  margin-top: 35px;
  align-items: center;
}

.blog_detail_section .blog_inner_pannel .social_media h6 {
  padding: 0 20px 0 0;
}

.blog_detail_section .blog_inner_pannel .social_media ul {
  display: flex;
}

.blog_detail_section .blog_inner_pannel .social_media ul li a {
  display: block;
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 34px;
  font-size: 15px;
  border: 1px solid var(--black-color-opacity-three);
  border-radius: 50px;
  margin-right: 10px;
  transition: 0.4s all;
  color: var(--main-color);
}

.blog_detail_section .blog_inner_pannel .social_media ul li a:hover {
  background-color: var(--main-color);
  color: var(--white-color);
  border: 1px solid var(--main-color);
}

/*** 

====================================================================
  Team Section
====================================================================

***/
.team-section {
  position: relative;
  border-top: solid 1px var(--black-color-opacity-five);
  border-bottom: solid 1px var(--black-color-opacity-five);
}

.team-section.no-border {
  border-top: none;
}

.team-section .row {
  margin: 0 -25px;
}

.team-section .row .team-block {
  position: relative;
  padding: 0 25px;
}

.team-block .inner-box {
  position: relative;
  display: block;
}

.team-block .inner-box .image {
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.team-block .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 500px;
  border: solid 1px var(--black-color-opacity-four);
}

.team-block .overlay-box {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  background-position: center center;
}

.team-block .overlay-box:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.60;
  background-color: var(--main-color);
  border-radius: 500px;
}

.team-block .overlay-box .overlay-inner {
  position: relative;
  text-align: center;
}

.team-block .inner-box:hover .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.team-block .social-box {
  position: relative;
}

.team-block .social-box li {
  position: relative;
  margin: 0px 1px;
  display: inline-block;
  font-family: 'Font Awesome 6 Pro';
}

.team-block .social-box li a {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: var(--main-color);
  background-color: var(--white-color);
  border-radius: 200px;
}

.team-block .social-box li a:hover {
  background: var(--main-color);
  color: var(--white-color);
  border: solid 1px var(--white-color);
}

.team-block h5 {
  position: relative;
  margin-bottom: 4px;
  text-align: center;
}

.team-block h5 a {
  color: var(--main-color);
}

.team-block h5 a:hover {
  color: var(--main-color);
}

.team-block .designation {
  position: relative;
  text-transform: capitalize;
  color: var(--text-color-dark);
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
}

.team-block .desc {
  position: relative;
  font-size: 18px;
  color: var(--text-color-dark);
  text-align: center;
  display: none;
}

/*** 

====================================================================
  News Section
====================================================================

***/
.news-section {
  position: relative;
}

.news-section.b-innerpage {
  border-top: none;
}

.news-section .auto-container {
  max-width: 1600px;
}

.news-section .row {
  margin: 0 -25px;
}

.news-block {
  position: relative;
  margin-bottom: 30px;
  display: flex;
}

.news-section .row .news-block {
  display: block;
  padding: 0 25px;
  margin-bottom: 40px;
}

.news-block .inner-box {
  position: relative;
  display: flex;
  background-color: var(--body-bg);
  padding: 40px;
  border: solid 1px var(--black-color-opacity-four);
}

.news-block .inner-box:hover {
  background-color: var(--white-color);
}

.news-block .image-box {
  width: 50%;
}

.news-block .image-box img {
  border-radius: 8px;
}

.news-block .image img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .date {
  font-size: 14px;
  color: var(--text-color-light);
  text-transform: uppercase;
  font-weight: 400;
}

.news-block .date span {
  color: var(--main-color);
  font-weight: 500;
}

.news-block .over-content {
  position: relative;
  width: 50%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
}

.news-block h4 {
  position: relative;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news-block h4 a {
  position: relative;
  color: var(--black-color);
  text-decoration: none;
  background-image: linear-gradient(var(--main-color), var(--main-color));
  background-repeat: no-repeat;
  background-position: 0 100%;
  /* underline sits directly under the text */
  background-size: 0% 1px;
  /* hidden initially */
  transition: background-size 0.4s ease;
  text-shadow: 0.4px 0 var(--black-color), -0.4px 0 var(--black-color), 0 0.4px var(--black-color), 0 -0.4px var(--black-color);
}

/* On hover: underline appears and expands fully */
.news-block .inner-box:hover h4 a {
  background-size: 100% 1px;
  color: var(--main-color);
}

.news-block .arrow-btn {
  position: relative;
  margin-top: auto;
}

/*** 

====================================================================
  IG post Section
====================================================================

***/
.ig-post-section {
  position: relative;
  border-top: solid 1px var(--black-color-opacity-four);
}

.ig-post-section .ig-post-block .ig-post-image img {
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.ig-post-section .ig-post-block .ig-post-image:hover img {
  transform: scale(1.05, 1.05);
}

.ig-post-section .social-links {
  position: relative;
  text-align: right;
  padding-top: 20px;
  margin-right: -20px;
}

.ig-post-section .social-links ul {
  list-style: none;
}

.ig-post-section .social-links ul li {
  display: inline-block;
}

.ig-post-section .social-links ul li a {
  list-style: none;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--main-color);
  font-weight: 500;
  padding: 0 20px;
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}

.ig-post-section .social-links ul li a::after {
  content: "";
  position: absolute;
  left: 20px;
  /* matches padding-left for proper start */
  bottom: -3px;
  /* distance below text */
  width: 0;
  height: 1px;
  background-color: var(--main-color);
  transition: width 0.3s ease;
}

.ig-post-section .social-links ul li a:hover::after {
  width: calc(100% - 40px);
  /* animate full underline */
}

/*** 

====================================================================
  company overview
====================================================================

***/
.company-overview {
  position: relative;
}

.company-overview .text-col {
  position: relative;
  z-index: 1;
}

.company-overview .text-col .inner-left {
  position: relative;
  display: block;
  text-align: left;
  display: flex;
  flex-direction: column;
  /* stack items vertically */
  justify-content: space-between;
  /* push first element up, last element down */
  height: 100%;
}

.company-overview .text-col .text p {
  color: var(--text-color-dark);
}

.company-overview .text-col .text p span {
  font-weight: 600;
}

.company-overview .about-year {
  margin-top: auto;
  display: grid;
  gap: 20px;
}

.company-overview .about-year i {
  font-size: 45px;
  display: block;
  color: var(--main-color);
}

.company-overview .about-year .year-txt {
  font-size: 50px;
  padding: 0;
  color: var(--text-color-dark);
}

.company-overview .about-year p {
  font-weight: 500;
  margin-top: -5px;
  margin-bottom: 0;
  color: var(--text-color-dark);
}

.company-overview .image-col {
  position: relative;
}

.company-overview .image-col .inner {
  position: relative;
  display: block;
  padding-left: 70px;
}

.company-overview .image-col .images {
  position: relative;
}

.company-overview .image-col .images img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 1;
  border-radius: 400px 250px;
  border: solid 1px var(--white-color);
  -webkit-box-shadow: 8px 8px 0px -3px #2f2924;
  -moz-box-shadow: 8px 8px 0px -3px #2f2924;
  box-shadow: 8px 8px 0px -3px #2f2924;
}

.company-overview .image-col .image {
  position: relative;
  display: inline-block;
}

.company-overview .round-stamp-2 {
  position: absolute;
  left: 20px;
  top: 280px;
  width: 148px;
  height: 148px;
  display: flex;
  /* Flexbox added */
  align-items: center;
  /* Vertical centering */
  justify-content: center;
  /* Horizontal centering */
  z-index: 100;
}
.company-overview .round-stamp-2 .stamp_icon {
  position: relative;
  z-index: 100;
}
.company-overview .round-stamp-2 img {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  margin: auto;
  width: 65px;
  height: 65px;
  object-fit: cover;
}

.company-overview .badge-container {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.company-overview .rotating-text {
  width: 100%;
  height: 100%;
  animation: rotateText 14s linear infinite;
  transform-origin: center;
}
.company-overview .badge-bg {
  fill: #faf3ef;
}
.company-overview .rotating-text text {
  font-family: var(--font-family-heading);
  font-size: 20px;
  letter-spacing: 9.5px;
  fill: var(--main-color);
  text-transform: uppercase;
}

/* right colom */
.company-overview .text-col .inner-right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* pushes booking-info to bottom */
  height: 100%;
  text-align: right;
}

/*  users */
.company-overview .users-thumb {
  margin: 0;
  text-align: right;
}

.company-overview .users-thumb ul {
  display: flex;
  justify-content: flex-end;
  /* aligns all li to the right */
  align-items: center;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: right;
}

.company-overview .users-thumb ul li:not(:first-child) {
  margin-left: -15px;
}

.company-overview .users-thumb ul li img {
  border-radius: 100px;
  border: 3px solid var(--white-color);
}

/* Shake animation for last user image */
.company-overview .users-thumb ul li:last-child img {
  animation: shakeUser 1s ease-in-out infinite;
  transform-origin: center center;
}

/* Keyframes for continuous shake */
@keyframes shakeUser {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  20% {
    transform: translate(-2px, 0) rotate(-3deg);
  }
  40% {
    transform: translate(2px, 0) rotate(3deg);
  }
  60% {
    transform: translate(-1px, 0) rotate(-2deg);
  }
  80% {
    transform: translate(1px, 0) rotate(2deg);
  }
}
.company-overview .users-thumb .user-number {
  font-size: 50px;
}

.company-overview .users-thumb p {
  font-size: 18px;
}

/* overview section booking info */
.company-overview .booking-info {
  margin-top: auto;
  /* ensures it stays at the bottom */
  display: grid;
  padding-top: 80px;
  text-align: right;
}

.company-overview .booking-info .time-txt, .location-txt {
  padding-bottom: 15px;
}

.company-overview .booking-info .bk-title {
  position: relative;
  margin-bottom: 40px;
}

.company-overview .booking-info .bk-title .call-icon {
  transform: rotate(-45deg);
}

.company-overview .booking-info .bk-title i {
  color: var(--main-color);
}

.company-overview .booking-info .bk-no {
  color: var(--main-color);
  line-height: 1.5em;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
}

.company-overview .booking-info .bk-no a {
  color: var(--main-color);
  padding-bottom: 5px;
}

/* underline animation */
.company-overview .booking-info .bk-no::after {
  content: "";
  position: absolute;
  left: 15px;
  /* aligns under phone number text */
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--main-color);
  transition: width 0.4s ease;
}

/* show underline on hover */
.company-overview .booking-info .bk-no:hover::after {
  width: calc(100% - 15px);
}

.company-overview .text-link-box {
  position: absolute;
  right: -20px;
  margin-top: -20px;
  width: 100%;
}

/*** 

====================================================================
  Services Section
====================================================================

***/
.services-section {
  position: relative;
  z-index: 1;
  border-top: solid 1px var(--black-color-opacity-four);
}

.services-section .row {
  display: flex;
  align-items: center;
  /* Vertically center columns */
  flex-wrap: wrap;
  /* Allow wrapping on smaller screens */
}

.services-section .s-col {
  position: relative;
  padding-right: 50px;
}

.services-section .s-col .inner {
  position: relative;
  display: block;
}

.services-section .s-col.last {
  order: 12;
  padding-left: 50px;
  padding-right: 0;
}

.services-section .image-col {
  position: relative;
  order: 5;
}

.services-section .image-col .image-box {
  position: relative;
  display: inline-block;
  text-align: center;
}

.services-section .image-col .image-box img {
  position: relative;
  z-index: 1;
  border-radius: 500px;
}

.services-section .image-col .image-box::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid var(--white-color);
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 500px;
  z-index: 100;
}

.services-section .s-block {
  position: relative;
  margin-bottom: 100px;
}

.services-section .s-col .s-block:last-child {
  margin-bottom: 0;
}

.services-section .s-block .inner {
  position: relative;
  display: block;
  min-height: 100px;
}

.services-section .s-block.alternate .inner {
  padding-left: 0;
  text-align: right;
}

.services-section .s-block .icon-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 60px;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.services-section .s-block .inner:hover .icon-box {
  transform: rotateY(180deg);
}

.services-section .s-block.alternate .icon-box {
  left: auto;
  right: 0;
}

.services-section .s-block .icon-box img {
  max-height: 80px;
}

.services-section .s-block.alternate h5 {
  padding-top: 5px;
  padding-right: 70px;
  padding-left: 0;
  color: var(--black-color);
}

.services-section .s-block h5 {
  padding-top: 5px;
  padding-right: 0;
  padding-left: 70px;
  color: var(--black-color);
}

.services-section .s-block .text p {
  position: relative;
  color: var(--text-color-light);
  padding-top: 15px;
}

/* side elements */
.services-section .side-element .left-side-element,
.services-section .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.services-section .side-element .left-side-element {
  left: -30px;
  top: 350px;
}

.services-section .side-element .right-side-element {
  right: -20px;
  top: 50px;
}

/*** 

====================================================================
  Treatment style 1 Section
====================================================================

***/
.treatment-style1 {
  position: relative;
}

.treatment-style1 .treatment-box {
  width: 100%;
  border: solid 1px var(--black-color-opacity-four);
  padding: 50px;
  margin-bottom: 50px;
}

.treatment-style1 .treatment-box:last-child {
  margin-bottom: 0;
}

.treatment-style1 .treatment-box:hover {
  border: solid 1px var(--main-color);
  transition: all ease 0.5s;
  background-color: var(--white-color-opacity-two);
}

.treatment-style1 .treatment-box .treatment-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.treatment-style1 .treatment-box .treatment-ttl {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.treatment-style1 .treatment-box .treatment-ttl img {
  width: 75px;
  margin-top: 8px;
}

.treatment-style1 .treatment-box .treatment-ttl h4 {
  font-size: 35px;
  color: var(--main-color);
  padding-left: 15px;
  text-transform: uppercase;
}
@media only screen and (min-width: 767px) {
  .treatment-style1 .treatment-box .treatment-ttl h4 {
    max-width: 300px;
  }
}

.treatment-style1 .treatment-box .treatment-time {
  position: relative;
  display: grid;
  color: var(--text-color-light);
  font-size: 16px;
  text-align: left;
  border-left: solid 1px var(--black-color-opacity-four);
  padding: 0 0 0 20px;
}

.treatment-style1 .treatment-box .trt-time {
  margin: 0;
}

.treatment-style1 .treatment-box .trt-amount {
  display: grid;
}

.treatment-style1 .treatment-box .trt-amount span {
  font-size: 30px;
  font-weight: 600;
  color: var(--main-color);
}

.treatment-style1 .treatment-box .treatment-desc {
  padding: 30px 0;
}

.treatment-style1 .treatment-box .hook {
  position: relative;
  font-weight: 500;
  padding-left: 20px;
  margin-bottom: 8px;
}

.treatment-style1 .treatment-box .hook::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  transform: translateY(-50%);
  width: 12px;
  /* circle size */
  height: 12px;
  border: 3px solid var(--main-color);
  /* 3px border circle */
  border-radius: 50%;
}

.treatment-style1 .treatment-box .include {
  padding-bottom: 10px;
}

.treatment-style1 .treatment-box .include .includes-ttl {
  font-weight: 600;
}

.treatment-style1 .treatment-box .trt-btn {
  display: flex;
  gap: 20px;
}

.treatment-style1 .treatment-box .treatment-right img {
  border-radius: 500px;
}

/*** 

====================================================================
  Treatment accrodian style 
====================================================================

***/
.treatment-accord-style .card {
  background-color: inherit;
  border: solid 1px var(--black-color-opacity-four) !important;
  margin-bottom: 30px;
  border-radius: 0;
}

.treatment-accord-style .card .card-header {
  padding: 30px 50px;
  border: 0;
}

.card-header {
  background-color: inherit;
}

.treatment-accord-style .card .card-header button {
  width: 100%;
  text-align: left;
  color: var(--main-color);
  text-decoration: none;
  padding: 0;
  position: relative;
  padding-right: 30px;
  font-size: 21px;
}

.treatment-accord-style .accord-ttl-group {
  display: flex;
  gap: 20px;
}

.treatment-accord-style .accord-ttl-group .accord-ttl {
  display: grid;
}

.treatment-accord-style .accord-ttl-group .trt-icon {
  object-fit: contain;
}

.treatment-accord-style .accord-ttl-group .trt-ttl {
  font-family: var(--font-family-Italiana);
  font-size: 35px;
  text-transform: uppercase;
  text-shadow: 0.4px 0 var(--main-color), -0.4px 0 var(--main-color), 0 0.4px var(--main-color), 0 -0.4px var(--main-color);
}

.treatment-accord-style .accord-ttl-group .trt-ttl span {
  position: relative;
  font-family: var(--font-family-jost);
  font-size: 14px;
  text-transform: uppercase;
  background-color: var(--white-color);
  border: solid 1px var(--main-color);
  padding: 3px 12px;
  border-radius: 100px;
  top: -3px;
}

.treatment-accord-style .accord-ttl-group .sub-text {
  font-size: 18px;
  color: var(--text-color-dark);
}

.treatment-accord-style .card .card-header button.collapsed {
  color: var(--main-color);
}

.treatment-accord-style .card .card-header button:focus {
  outline: none;
  box-shadow: none;
}

.treatment-accord-style .card .card-header button .icons i {
  position: absolute;
  right: 0;
  top: 35%;
  color: var(--text-color-light);
}

.treatment-accord-style .card .card-header button.collapsed .icons .fa-minus,
.treatment-accord-style .card .card-header button .icons .fa-plus {
  display: none;
}

.treatment-accord-style .card .card-header button .icons .fa-minus,
.treatment-accord-style .card .card-header button.collapsed .icons .fa-plus {
  display: block;
}

.treatment-accord-style .card .card-body {
  padding: 50px 0;
  margin: 0 50px;
  border-top: solid 1px var(--black-color-opacity-four);
}

.treatment-accord-style .card .card-body .trt-inner {
  display: flex;
  gap: 100px;
  align-items: center;
}

/* treatment card left */
.treatment-accord-style .card-body .trt-left,
.treatment-accord-style .card-body .trt-right {
  width: calc(50% - 50px);
}

.treatment-accord-style .spa-price-list {
  width: 100%;
  padding: 20px 0 40px 0;
}

.treatment-accord-style .spa-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--black-color-opacity-four);
}

.treatment-accord-style .spa-title {
  font-size: 18px;
  color: var(--text-color-dark);
}

.treatment-accord-style .spa-price {
  font-size: 18px;
  color: var(--main-color);
  font-weight: 600;
}

.treatment-accord-style .spa-price small {
  font-size: 16px;
  color: var(--text-color-dark);
}

.treatment-accord-style .btn-grp {
  display: flex;
  gap: 20px;
}

/* treatment card right */
.treatment-accord-style .card-body .trt-right {
  position: relative;
}

.treatment-accord-style .trt-review {
  width: 100%;
  padding-top: 30px;
  border-top: solid 1px var(--black-color-opacity-four);
  margin-top: 50px;
}

.treatment-accord-style .trt-review span {
  color: var(--orange-color);
  letter-spacing: -1px;
  font-size: 14px;
  margin-right: 12px;
}

/*  accordian image slider */
.treatment-accord-style .trt-slider-box {
  position: relative;
  max-width: 600px;
  width: 100%;
}

.treatment-accord-style .image-slider .owl-theme .trt-slider-box {
  margin-bottom: 0;
}

.treatment-accord-style .trt-slider-box .inner-box {
  position: relative;
  display: block;
  text-align: center;
}

.treatment-accord-style .trt-slider-box .inner-box img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  border-radius: 500px;
}

.trt-slider-box .overlay-text {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--white-color-opacity-two);
  padding: 3px 20px;
  border-radius: 200px;
  font-size: 16px;
  color: var(--black-color);
  text-align: center;
  backdrop-filter: blur(3px);
  pointer-events: none;
  /* overlay doesn't block slider */
}

.treatment-accord-style .owl-theme .owl-nav {
  position: absolute;
  left: 0;
  right: 0px;
  height: 0;
  top: 50%;
  margin-top: -35px;
}

.treatment-accord-style .owl-theme .owl-nav .owl-next,
.treatment-accord-style .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.treatment-accord-style .owl-theme .owl-nav .owl-next span,
.treatment-accord-style .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.treatment-accord-style .owl-theme .owl-nav .owl-next:before,
.treatment-accord-style .owl-theme .owl-nav .owl-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--black-color-opacity-four);
  background-color: var(--white-color);
  border-radius: 100px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.treatment-accord-style .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.treatment-accord-style .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.treatment-accord-style .owl-theme .owl-nav .owl-next:hover,
.treatment-accord-style .owl-theme .owl-nav .owl-prev:hover {
  color: var(--white-color);
}

.treatment-accord-style .owl-theme .owl-nav .owl-next:hover:before,
.treatment-accord-style .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/*** 

====================================================================
  Treatment block style
====================================================================

***/
.treatment-block {
  position: relative;
  overflow: hidden;
}

.treatment-block .row {
  display: flex;
  align-items: center;
  /* vertically centers both columns */
  flex-wrap: wrap;
  /* keeps layout responsive */
}

.treatment-block .image-col {
  position: relative;
}

.treatment-block.alternate .image-col {
  order: 12;
}

.treatment-block .image-col .inner {
  position: relative;
  display: block;
  padding: 0;
}

.treatment-block.alternate .image-col .vertical-title {
  position: absolute;
  top: auto;
  right: 30px;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right center;
  font-size: 130px;
  text-transform: uppercase;
  color: var(--main-color);
  font-family: var(--font-family-Italiana);
  white-space: nowrap;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

.treatment-block .image-col .vertical-title {
  position: absolute;
  top: 103%;
  left: 30px;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
  font-size: 130px;
  text-transform: uppercase;
  color: var(--main-color);
  font-family: var(--font-family-Italiana);
  white-space: nowrap;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

.treatment-block.alternate .image-col .image {
  /*margin-right: 100px;*/
  margin-left: 20px;
}

.treatment-block .image-col .image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.treatment-block .image-col .image img {
  display: block;
  border-radius: 300px 300px 0 0;
  position: relative;
  z-index: 1;
}

.treatment-block .trt-col {
  position: relative;
  padding-left: 100px;
  padding-right: 15px;
}

.treatment-block.alternate .trt-col {
  order: 0;
  padding-right: 100px;
  padding-left: 15px;
}

.treatment-block .trt-col .inner {
  position: relative;
  display: block;
  min-height: 100%;
  padding: 0;
}

.treatment-block .trt-col .inner h3 {
  text-transform: uppercase;
}

.treatment-block .trt-col .dish-block {
  position: relative;
  margin-bottom: 35px;
}

.treatment-block .trt-col .dish-block .inner-box {
  position: relative;
}

.treatment-block .trt-col .dish-block .title {
  position: relative;
  line-height: 24px;
  margin-bottom: 10px;
  font-family: var(--font-family-Italiana);
  display: flex;
}

.treatment-block .trt-col .dish-block .title .ttl {
  position: relative;
  float: left;
  text-transform: capitalize;
}

.treatment-block .trt-col .dish-block .title .menu-list-line {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--black-color-opacity-three);
  height: 21px;
}

.treatment-block .trt-col .dish-block .title .ttl a {
  color: var(--main-color);
}

.treatment-block .trt-col .dish-block .title .ttl .s-info {
  position: relative;
  top: -3px;
  display: inline-block;
  line-height: 18px;
  padding: 1px 12px;
  font-family: var(--font-family-jost);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--white-color);
  letter-spacing: 1px;
  background: var(--main-color);
  margin-left: 6px;
  border-radius: 100px;
}

.treatment-block .trt-col .dish-block .title .price {
  position: relative;
  float: right;
  font-size: 25px;
  color: var(--main-color);
  font-family: var(--font-family-jost);
}

.treatment-block .trt-col .dish-block .title .price .currency {
  font-size: 22px;
  position: relative;
  top: 0px;
  right: 3px;
}

.treatment-block .trt-col .dish-block .desc {
  position: relative;
  font-size: 18px;
  color: var(--text-color-light);
}

.treatment-block .trt-col .dish-block .desc a {
  color: var(--text-color-light);
}

.treatment-block .trt-col .link-box {
  margin: 10px 0;
}

/*** 

====================================================================
 Gift Voucher
====================================================================

***/
.voucher-section {
  position: relative;
  border-top: solid 1px var(--black-color-opacity-five);
  border-bottom: solid 1px var(--black-color-opacity-five);
}

.voucher-section .voucher-block .inner-box {
  position: relative;
  background: var(--white-color);
  padding: 12px;
}

.voucher-section .voucher-block .inner-border {
  position: relative;
  display: flex;
  align-items: stretch;
  background: var(--white-color);
  border: solid 3px var(--main-color);
  padding: 12px;
  gap: 20px;
}

.voucher-section .voucher-block .amount-box {
  position: relative;
  background: var(--main-color);
  text-align: center;
  color: var(--white-color);
  width: 35%;
  padding: 50px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.voucher-section .voucher-block .amount-txt {
  position: relative;
  z-index: 1;
}

/* background image overlay */
.voucher-section .voucher-block .amount-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/resource/leaf-white.svg") center/cover no-repeat;
  opacity: 0.2;
  /* adjust opacity as needed (0.1–0.5) */
  z-index: 0;
  background-size: 150px;
  bottom: -50px;
}

.voucher-section .voucher-block .amount-box p {
  position: relative;
  display: inline-block;
  /* makes width match text */
  font-size: 20px;
  text-transform: uppercase;
  z-index: 100;
  margin: 0 0 12px 0;
  /* spacing before line */
}

.voucher-section .voucher-block .amount-box p::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  /* centers the line under text */
  height: 1px;
  width: 100%;
  /* matches text width since parent is inline-block */
  background: var(--white-color-opacity-two);
}

.voucher-section .voucher-block .amount-box span {
  position: relative;
  display: inline-block;
  font-size: 50px;
  font-weight: 600;
  z-index: 100;
  margin-top: 20px;
}

.voucher-section .voucher-block .content-box {
  text-align: left;
  width: 65%;
  padding: 20px 0 20px 20px;
}

.voucher-section .content-box .fa-gift {
  font-size: 35px;
  color: var(--main-color);
  padding-bottom: 35px;
}

.voucher-section .content-box .voucher-ttl {
  font-family: var(--font-family-Italiana);
  font-size: 40px;
  color: var(--main-color);
  padding-bottom: 5px;
  text-transform: uppercase;
  text-shadow: 0.4px 0 var(--main-color), -0.4px 0 var(--main-color), 0 0.4px var(--main-color), 0 -0.4px var(--main-color);
}

.voucher-section .content-box p {
  color: var(--text-color-light);
  margin-bottom: 15px;
}

.voucher-section .voucher-feature ul {
  display: flex;
  align-items: center;
  justify-content: center;
  /* centers horizontally */
  list-style: none;
  margin: 0;
  padding: 30px 0 0 0;
  gap: 20px;
  /* space between items and line */
}

.voucher-section .voucher-feature ul li {
  position: relative;
  color: var(--text-color-dark);
  display: flex;
  align-items: center;
  gap: 8px;
  /* space between icon and text */
  padding: 0 30px 0 10px;
}

/* vertical divider line between list items */
.voucher-section .voucher-feature ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  /* line height */
  background-color: var(--black-color-opacity-three);
}

.voucher-section .voucher-feature ul li i {
  color: var(--main-color);
  font-size: 18px;
}

/* side elements */
.voucher-section .side-element .left-side-element,
.voucher-section .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.voucher-section .side-element .left-side-element {
  left: -30px;
  top: 200px;
}

.voucher-section .side-element .right-side-element {
  right: -20px;
  top: 0;
}

/*** 

====================================================================
  Membership plan with toggle button
====================================================================

***/
/* pricing wraper  */
.pricing_section .toggle_block {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* pricing toggle button */
.pricing_section .toggle_block span {
  color: var(--text-color-light);
  display: block;
  margin: 0 5px;
}

.tog_btn.month_active {
  left: 35px !important;
}

.pricing_section .toggle_block span.deactive {
  color: var(--body-text-purple);
}

.pricing_section .toggle_block .offer {
  background-color: var(--white-color);
  border-radius: 5px;
  padding: 0 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 2em;
  color: var(--main-color);
}

.pricing_section .toggle_block .tog_block {
  width: 70px;
  height: 35px;
  background-color: var(--white-color);
  border: solid 1px var(--black-color-opacity-four);
  border-radius: 18px;
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}

.pricing_section .toggle_block .tog_block .tog_btn {
  height: 23px;
  width: 23px;
  border-radius: 25px;
  display: block;
  background-color: var(--main-color);
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: .4s all;
}

.pricing_section .toggle_block .month.active,
.pricing_section .toggle_block .years.active {
  color: var(--main-color);
  font-weight: 500;
}

/* pricing pannel */
.pricing_section .pricing_pannel {
  margin-top: 20px;
  display: none;
}

.pricing_section .pricing_pannel.active {
  display: block;
}

.pricing_section .pricing_pannel .pricing_block {
  text-align: left;
  background-color: var(--white-color-opacity-three);
  margin-bottom: 40px;
  border: solid 1px var(--black-color-opacity-four);
}

.pricing_section .pricing_pannel .pricing_inner {
  padding: 60px 50px;
}

.pricing_section .pricing_pannel .pricing_inner .pkg_name h4 {
  text-transform: uppercase;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block {
  background-color: var(--main-color);
}

.pricing_section .pricing_pannel .pricing_block .popular-pkg {
  background-color: var(--white-color);
  color: var(--main-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 0 3px 0;
}

.pricing_section .pricing_pannel .pricing_block .popular-pkg i {
  font-size: 16px;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block,
.pricing_section .pricing_pannel .pricing_block.highlited_block h4,
.pricing_section .pricing_pannel .pricing_block.highlited_block .price,
.pricing_section .pricing_pannel .pricing_block.highlited_block .price span,
.pricing_section .pricing_pannel .pricing_block.highlited_block .pkg_name span {
  color: var(--white-color);
}

.pricing_section .pricing_pannel .pricing_block.highlited_block .price {
  border-bottom: solid 1px var(--white-color-opacity-three);
}

.pricing_section .pricing_pannel .pricing_block .price {
  font-size: 40px;
  color: var(--main-color);
  margin: 10px 0 0 0;
  padding-bottom: 20px;
  display: block;
  font-weight: 600;
  border-bottom: solid 1px var(--black-color-opacity-three);
}

.pricing_section .pricing_pannel .pricing_block .price span {
  font-size: 18px;
  color: var(--main-color);
  font-weight: normal;
}

/* pricing box list */
.pricing_section .pricing_pannel .pricing_block .benifits {
  margin: 30px 0;
}

.pricing_section .pricing_pannel .pricing_block .benifits li {
  margin-bottom: 15px;
  line-height: 1.5em;
  position: relative;
  padding-left: 25px;
}

.pricing_section .pricing_pannel .pricing_block .benifits li i {
  position: absolute;
  left: 0;
  top: 0.20em;
}

.pricing_section .pkg-cta {
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
}

.pricing_section .pkg-cta a {
  color: var(--main-color);
  position: relative;
  font-weight: 500;
  text-decoration: none;
  padding-bottom: 3px;
  /* space between text & underline */
}

/* Half underline (default) */
.pricing_section .pkg-cta a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  /* HALF LINE */
  height: 1px;
  background-color: var(--main-color);
  transition: width 0.4s ease;
  /* animation */
}

/* Full underline on hover */
.pricing_section .pkg-cta a:hover::after {
  width: 100%;
  /* FULL LINE */
}

/*** 

====================================================================
  Service Category
====================================================================

***/
.menu-cat {
  position: relative;
}

.menu-cat .menucat-list {
  display: flex;
  position: relative;
  width: 100%;
  border-top: solid 1px var(--black-color-opacity-three);
  padding: 40px 0;
  margin-left: 15px;
  margin-right: 15px;
  align-items: center;
  transition: background 1s ease-in-out, padding 0.5s ease-in-out;
  /* Or background-color 0.5s if you also want to animate background-color */
  background-size: 0;
  /* Start with no visible background */
  background-position: center;
  background-repeat: no-repeat;
}

.menu-cat .menucat-list:last-child {
  border-top: solid 1px var(--black-color-opacity-three);
  border-bottom: solid 1px var(--black-color-opacity-three);
}

.menu-cat .menucat-list .data-colom {
  align-items: center;
  width: 100%;
  /* ensure it uses full available width */
  padding-right: 80px;
  padding-left: 0;
}

.menu-cat .menucat-list .data-colom p {
  color: var(--text-color-light);
  padding-top: 10px;
}

.menu-cat .menucat-list .price-colom {
  text-align: center;
}

.menu-cat .menucat-list .price-colom p {
  border: solid 1px var(--main-color);
  border-radius: 100px;
  text-align: center;
  padding: 10px 30px;
  display: inline-block;
}

.menu-cat .menucat-list .price-colom span {
  font-size: 20px;
  font-weight: 700;
}

.menu-cat .menucat-list .image-box {
  text-align: center;
}

.menu-cat .menucat-list .image-box img {
  border-radius: 300px;
}

.menu-cat .menucat-list:hover .cta-btn a {
  color: var(--white-color);
  border: solid 1px var(--white-color);
  transform: rotate(360deg);
  margin-left: -20px;
}

.menu-cat .menucat-list:hover .data-colom {
  padding-left: 50px;
  padding-right: 0px;
}

.menu-cat .menucat-list:hover .title-box h3,
.menu-cat .menucat-list:hover .data-colom p {
  color: var(--white-color);
}

.menu-cat .menucat-list:hover .price-colom p {
  color: var(--white-color);
  border: solid 1px var(--white-color);
}

.menu-cat .menucat-list:hover .image-box img {
  display: none;
}

.menu-cat .menucat-list:hover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
}

.menu-cat .menucat-list .title-box h3 {
  position: relative;
  text-align: left;
}

.menu-cat .menucat-list .title-box {
  position: relative;
  padding-bottom: 0;
}

.menu-cat .menucat-list .cta-btn {
  position: relative;
  text-align: right;
}

.menu-cat .menucat-list .cta-btn a {
  font-family: var(--font-family-jost);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  position: relative;
  color: var(--main-color);
  line-height: 16px;
  border-radius: 200px;
  border: solid 1px var(--main-color);
  padding: 30px 0;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.menu-cat .menucat-list .cta-btn a:hover {
  color: var(--main-color);
  background-color: var(--white-color);
  border: none;
  transform: rotate(-360deg);
}

/* side elements */
.side-element {
  position: relative;
  width: 100%;
}

.menu-cat .side-element .left-side-element,
.menu-cat .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.menu-cat .side-element .left-side-element {
  left: -30px;
  top: 550px;
}

.menu-cat .side-element .right-side-element {
  right: -20px;
  top: 300px;
}

/***

====================================================================
  Spa Services Hero Section
====================================================================

***/
/* spa services hero css start */
.spa-services-hero {
  position: relative;
  width: 100%;
  min-height: 900px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-image 0.4s ease;
}
.spa-services-hero .title-box {
  margin-bottom: 40px;
}

.spa-services-hero .content-wrap {
  padding: 0 100px;
}

.spa-services-hero .title-box .subtitle {
  color: var(--white-color);
}

/* dark overlay */
.spa-services-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black-color-opacity-five);
}

/* service list */
.spa-services-hero .services-list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 100px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.spa-services-hero .services-list li a {
  position: relative;
  font-family: var(--font-family-Italiana);
  font-size: 70px;
  text-transform: uppercase;
  color: var(--white-color-opacity-three);
  text-decoration: none;
  transition: color 0.3s ease, letter-spacing 0.4s ease;
}

.spa-services-hero .services-list li:hover a,
.spa-services-hero .services-list li.active a {
  letter-spacing: 4px;
}

/* Default active */
.spa-services-hero .services-list li.active a {
  color: var(--white-color);
}

/* Hovered item */
.spa-services-hero .services-list li:hover a {
  color: var(--white-color);
}

/* Remove default active ONLY when hovering another item */
.spa-services-hero .services-list:has(li:hover) li.active:not(:hover) a {
  color: var(--white-color-opacity-three);
}

.spa-services-hero .link-box {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

/***

====================================================================
  Services List Hover on Image Display (Services Hero - Style 3)
====================================================================

***/
/* hover services list css start */
.hover-services-list {
  position: relative;
}
.hover-services-list .title-box {
  margin-bottom: 40px;
}

.hover-services-list .spa-services-grid {
  text-align: center;
  border-top: solid 1px var(--black-color-opacity-four);
}

.hover-services-list .services-names {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 30px;
}

.hover-services-list .services-names li {
  position: relative;
  font-family: var(--font-family-Italiana);
  font-size: 50px;
  color: var(--black-color);
}

/* vertical separator */
.hover-services-list .services-names li:not(:last-child)::after {
  content: "|";
  margin-left: 30px;
  color: var(--black-color-opacity-four);
}

/* link */
.hover-services-list .services-names li a {
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* active / hover text */
.hover-services-list .services-names li.active a,
.hover-services-list .services-names li:hover a {
  color: var(--main-color);
}

/* hover image */
.hover-services-list .services-names li .hover-img {
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  rotate: -5deg;
  width: 130px;
}

.hover-services-list .services-names li .hover-img img {
  width: 130px;
  height: 130px;
  object-fit: cover;
}

/* show image on hover */
.hover-services-list .services-names li:hover .hover-img {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/*** 

====================================================================
  Offer banner
====================================================================

***/
.offer-banner {
  position: relative;
  width: 100%;
}

.offer-banner .offer-box {
  position: relative;
  border: dashed 1px var(--main-color);
  padding: 25px;
}

.offer-banner .offer-box-inner {
  background-color: var(--main-color);
}

/* background image overlay */
.offer-banner .offer-box-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/background/offerbg.jpg") center/cover no-repeat;
  opacity: 0.20;
  /* adjust opacity as needed (0.1–0.5) */
  z-index: 0;
  background-size: cover;
  margin: 25px;
}

.offer-banner .offer-data {
  display: flex;
  align-items: center;
  padding: 40px;
}

.offer-banner .offer-ttl {
  display: flex;
  align-items: center;
  gap: 15px;
}

.offer-banner .offer-ttl .icon {
  flex: 0 0 auto;
  /* prevent shrinking or stretching */
  display: flex;
  align-items: center;
}

.offer-banner .offer-ttl .icon img {
  width: 129px;
  height: auto;
  /* maintain aspect ratio */
  display: block;
  /* removes inline gap below image */
}

.offer-banner .offer-data h2 {
  padding-left: 20px;
  padding-bottom: 0;
  margin: 0;
}

.offer-banner .offer-number {
  font-size: 50px;
  color: var(--main-color);
  text-align: center;
  background: url("../images/background/body-pattern.png") repeat;
  border-radius: 100%;
  padding: 10px;
  text-transform: uppercase;
  z-index: 100;
  width: 155px;
  height: 155px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.offer-banner .offer-number span {
  font-size: 25px;
  color: var(--main-color);
}

.offer-banner .links-box {
  text-align: right;
}

.offer-banner .rolling-text {
  position: relative;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--white-color);
  border-top: solid 1px var(--white-color);
  padding: 10px 0;
}

.offer-banner .rolling-text .text {
  flex-shrink: 0;
  display: inline-block;
  min-width: 100%;
  animation: scrollLoop 20s linear infinite;
}

/* Continuous scroll loop — no gap */
@keyframes scrollLoop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*** 

====================================================================
  Brand Logos Section
====================================================================

***/
.brand-logos {
  position: relative;
  border-bottom: solid 1px var(--black-color-opacity-five);
}

.brand-logos .brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.brand-logos .brand-item {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border-right: 1px solid var(--black-color-opacity-four);
  border-bottom: 1px solid var(--black-color-opacity-four);
}

/* remove right border on last column */
.brand-logos .brand-item:nth-child(4n) {
  border-right: none;
}

/* remove bottom border on last row */
.brand-logos .brand-item:nth-last-child(-n + 4) {
  border-bottom: none;
}

/* logo images */
.brand-logos .brand-item img {
  max-width: 150px;
  max-height: 60px;
  object-fit: contain;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.brand-logos .brand-item:hover img {
  opacity: 1;
  transform: scale(1.05);
}

/*** 

====================================================================
  Why Us Two Section
====================================================================

***/
.why-us-two {
  position: relative;
}

.why-block-two {
  position: relative;
  margin-bottom: 30px;
}

.why-block-two .inner-box {
  position: relative;
  display: block;
  text-align: center;
}

.why-block-two .image-box {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 500px 500px;
}

.why-block-two .inner-box:hover .image-box img {
  opacity: 0.70;
  /*transform:scale(1.05,1.05);*/
}

.why-block-two .image-box img {
  position: relative;
  display: block;
  width: 100%;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 500px;
}

.why-block-two .image-box::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.why-block-two .inner-box:hover .image-box::after {
  -webkit-animation: circle .95s;
  animation: circle .95s;
  border-radius: 500px;
}

.why-block-two .over-box {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 30px 30px 30px;
  z-index: 3;
}

.why-block-two .image-box:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.05));
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.05));
  z-index: 1;
  border-radius: 0 0 500px 500px;
}

.why-block-two h5 {
  position: relative;
  color: var(--white-color);
}

.why-block-two .text {
  position: relative;
  font-size: 14px;
  color: var(--main-color);
}

/* side elements */
.why-us-two .side-element .left-side-element,
.why-us-two .side-element .right-side-element {
  position: absolute;
  width: 150px;
}

.why-us-two .side-element .left-side-element {
  left: -30px;
  top: 450px;
}

.why-us-two .side-element .right-side-element {
  right: -20px;
  top: 100px;
}

.fact-counter {
  position: relative;
  padding-top: 100px;
}

.fact-counter .fact-block .inner .fact-count {
  font-family: var(--font-family-jost);
  font-size: 55px;
  font-weight: 600;
  padding-bottom: 20px;
  color: var(--main-color);
}

/* Add vertical line after 1st, 2nd, and 3rd boxes */
.fact-counter .fact-block:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--black-color-opacity-four);
}

.fact-counter .fact-block .inner .fact-title {
  font-size: 18px;
  color: var(--text-color-dark);
  text-transform: capitalize;
}

.fact-counter .fact-block .inner p {
  color: var(--color-three);
  padding-right: 25px;
  padding-top: 15px;
}

/*  fact-counter option 2 - common css from above */
.fact-counter.option2 {
  position: relative;
  padding: 60px 0;
  border-bottom: solid 1px var(--black-color-opacity-four);
}

.fact-counter.option2 .fact-block .inner .fact-count {
  color: var(--main-color);
}

.fact-counter.option2 .fact-block .inner .fact-title {
  color: var(--text-color-dark);
}

/* Add vertical line after 1st, 2nd, and 3rd boxes */
.fact-counter.option2 .fact-block:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--black-color-opacity-four);
}

/*  fact-counter option 3 - common css from above */
.fact-counter.option3 {
  padding-top: 50px;
}

.fact-counter.option3 .fact-block .inner .fact-count {
  color: var(--black-color);
  text-align: center;
}

.fact-counter.option3 .fact-block .inner .fact-title {
  color: var(--text-color-dark);
  text-align: center;
}

/* Add vertical line after 1st, 2nd, and 3rd boxes */
.fact-counter.option3 .fact-block:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -5px;
  right: 0px;
  width: 1px;
  height: 100%;
  background-color: var(--black-color-opacity-four);
}

.fact-counter.option3 .fact-block .inner .fact-img {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 30px;
}

/*  fact-counter white text - add .white_text class to .fact-counter for white text on dark backgrounds */
.fact-counter.white_text .fact-block .inner .fact-count {
  color: var(--white-color);
}

.fact-counter.white_text .fact-block .inner .fact-title {
  color: var(--white-color);
}

/* Add vertical line after 1st, 2nd, and 3rd boxes */
.fact-counter.white_text .fact-block:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--white-color-opacity-three);
}

/*** 

====================================================================
  Why Us THREE Section
====================================================================

***/
.why-us-three {
  position: relative;
  border-top: solid 1px var(--black-color-opacity-five);
}

/* main box */
.why-us-three .care-box {
  position: relative;
  border-radius: 180px;
  border: 1px solid var(--main-color);
  text-align: center;
  padding: 80px 30px;
  overflow: hidden;
}

/* hover bg image */
.why-us-three .care-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg) center/cover no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}

/* icon */
.why-us-three .care-icon {
  width: 115px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 60px;
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* title */
.why-us-three .care-box h4 {
  font-family: var(--font-family-Italiana);
  line-height: 1.2;
  z-index: 2;
}

/* hover effects */
.why-us-three .care-box:hover::after {
  opacity: 1;
}

.why-us-three .care-box:hover .care-icon {
  opacity: 0;
  transform: scale(0.8);
}

.why-us-three .care-box:hover h4 {
  color: var(--white-color);
}

/*** 

====================================================================
  Image Gallery Section
====================================================================

***/
.image-gallery {
  position: relative;
  overflow: hidden;
}

.image-gallery.abt-page-2 {
  border-top: solid 1px var(--black-color-opacity-four);
}

.image-gallery .carousel-box {
  position: relative;
}

.image-gallery .auto-container {
  max-width: 860px;
}

.image-gallery .image-gallery-slider {
  position: static;
}

.image-gallery .image-gallery-slider .owl-stage-outer {
  overflow: visible;
}

.image-gallery .gallery-block {
  position: relative;
  text-align: center;
}

.image-gallery .gallery-block .image {
  position: relative;
}

.image-gallery .gallery-block .image img {
  position: relative;
  display: block;
  width: 100%;
}

.image-gallery .gallery-block .caption {
  margin-top: 15px;
  font-size: 20px;
  color: var(--black-color);
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* Optional hover effect for caption */
.image-gallery .gallery-block:hover .caption {
  transform: translateY(-3px);
}

.image-gallery .owl-theme .owl-dots {
  display: none;
}

.image-gallery .owl-theme .owl-nav {
  position: absolute;
  left: 20px;
  right: 20px;
  height: 0;
  top: 50%;
}

.image-gallery .owl-theme .owl-nav .owl-next,
.image-gallery .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.image-gallery .owl-theme .owl-nav .owl-next span,
.image-gallery .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.image-gallery .owl-theme .owl-nav .owl-next:before,
.image-gallery .owl-theme .owl-nav .owl-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--white-color-opacity-two);
  border: 1px solid var(--main-color);
  border-radius: 100px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.image-gallery .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.image-gallery .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.image-gallery .owl-theme .owl-nav .owl-next:hover,
.image-gallery .owl-theme .owl-nav .owl-prev:hover {
  color: var(--black-color);
}

.image-gallery .owl-theme .owl-nav .owl-next:hover:before,
.image-gallery .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

.image-gallery .link-box {
  text-align: center;
  margin: 40px 0 0 0;
}

.inner-banner.large {
  position: relative;
  padding: 200px 0 100px 0;
  background: var(--main-color);
}

.inner-banner.large .intro-tagline {
  font-family: var(--font-family-Rufina);
  font-size: 40px;
  color: var(--white-color);
  line-height: 1.3em;
  max-width: 840px;
  text-align: center;
  margin: auto;
}

.inner-banner.large .banner-images {
  position: relative;
  width: 100%;
  padding: 70px 100px 0 100px;
  text-align: center;
}

.velura-about-intro .title-box {
  padding-bottom: 0;
}

.inner-banner.large .banner-images .pb-img1 {
  transform: rotate(-5deg);
  margin-top: 25px;
}

.inner-banner.large .banner-images .pb-img3 {
  transform: rotate(5deg);
  margin-top: 25px;
}

/* about page banner images animation */
/* ====== Base Setup ====== */
.inner-banner.large .banner-images .pb-img1 img,
.inner-banner.large .banner-images .pb-img2 img,
.inner-banner.large .banner-images .pb-img3 img {
  width: 100%;
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  transition: all 1s ease;
}

/*** 

====================================================================
  Service details
====================================================================

***/
.inner-banner.service-details .inner {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  z-index: 5;
}

.inner-banner.service-details .bredcum {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 20px;
  margin-left: -5px;
}

.inner-banner.service-details .inner .sub_text {
  padding: 15px 0 0 0;
}

/* banner info */
.inner-banner.service-details .service-info {
  position: relative;
  display: flex;
  text-align: left;
  padding-top: 35px;
  gap: 20px;
}

.inner-banner.service-details .s-infobox:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background-color: var(--white-color-opacity-three);
  /* use your color variable */
}

.inner-banner.service-details .s-infobox {
  position: relative;
  flex: 1;
  /* allows equal width distribution */
  padding-right: 20px;
}

.inner-banner.service-details .s-infobox .si-ttl {
  display: block;
  font-weight: 600;
}

.inner-banner.service-details .direction-arrow {
  background-color: var(--white-color);
  color: var(--main-color);
  padding: 14px 8px;
  border-radius: 100px;
  margin-top: 100px;
}

.treatment-details .entry-content h1, .treatment-details .entry-content h2, .treatment-details .entry-content h3, .treatment-details .entry-content h4, .treatment-details .entry-content h5, .treatment-details .entry-content h6 {
  margin-bottom: 20px;
  padding-top: 20px;
}
.treatment-details .entry-content p {
  margin-bottom: 20px;
}

.treatment-details .title-box h3 {
  text-shadow: 0.4px 0 var(--white-color), -0.4px 0 var(--white-color), 0 0.4px var(--white-color), 0 -0.4px var(--white-color);
}

.treatment-details .inner {
  padding-bottom: 60px;
}

/* service details features */
.treatment-details .sd-features {
  padding-top: 20px;
}

.treatment-details .sd-features .feature-box {
  position: relative;
  padding: 0 80px 0 0;
  margin-bottom: 40px;
  overflow: hidden;
}

/* Base 1px static line */
.treatment-details .sd-features .feature-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90%;
  height: 1px;
  background: var(--black-color-opacity-four);
}

/* Animated line on hover */
.treatment-details .sd-features .feature-box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: var(--main-color);
  transition: width 0.5s ease;
}

/* On hover, the 3px line animates left → right */
.treatment-details .sd-features .feature-box:hover::before {
  width: 90%;
}

.treatment-details .sd-features .feature-box .ftr-ttl-group {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 30px;
  align-items: center;
}

.treatment-details .sd-features .feature-box h5 {
  padding-top: 0;
  margin-bottom: 0;
}

.treatment-details .sd-features .feature-box .ftr-icon {
  width: 50px;
}

/* service details ul li */
.treatment-details .sd-list {
  padding-top: 30px;
}

.treatment-details .sd-list li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  /* aligns icon and text neatly */
  gap: 8px;
  /* space between icon and text */
  line-height: 1.6;
  padding-bottom: 12px;
}

.treatment-details .sd-list li i {
  color: var(--main-color);
  flex-shrink: 0;
  /* prevents icon from shrinking */
  margin-top: 4px;
  /* optional: adjust vertical alignment if needed */
}

.masonry.s-details {
  column-count: 2;
  column-gap: 2em;
}

.treatment-details .sd-package {
  padding: 40px 0 0 0;
}

.treatment-details .sd-package .pkg-box {
  width: 100%;
  background-color: var(--white-color-opacity-three);
  border: solid 1px var(--black-color-opacity-four);
  padding: 20px;
  transition: all 0.3s ease;
}

.treatment-details .sd-package .pkg-box:hover {
  border: solid 1px var(--main-color);
  transform: translateY(-5px);
  /* subtle lift effect */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  /* soft shadow */
}

.treatment-details .sd-package .pb-ttl {
  color: var(--text-color-light);
  padding: 0 0 20px 0;
  margin-bottom: 0;
}

.treatment-details .sd-package ul {
  padding: 20px 0;
  border-top: solid 1px var(--black-color-opacity-four);
  border-bottom: solid 1px var(--black-color-opacity-four);
}

.treatment-details .sd-package ul li {
  list-style: none;
  color: var(--main-color);
}

.treatment-details .sd-package ul li i {
  font-size: 15px;
  color: var(--black-color-opacity-three);
}

.treatment-details .sd-package .sp-text {
  font-weight: 600;
}

.treatment-details .sd-package a.btnarrow {
  position: relative;
  display: inline-block;
  color: var(--text-color-light);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  padding-top: 20px;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* underline animation */
.treatment-details .sd-package a.btnarrow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  /* sits under text */
  width: 0%;
  height: 1px;
  background: var(--main-color);
  transition: width 0.3s ease;
}

/* hover state */
.treatment-details .sd-package a.btnarrow:hover {
  color: var(--main-color);
}

.treatment-details .sd-package a.btnarrow:hover::after {
  width: 100%;
  background: var(--main-color);
}

/* cta section */
.treatment-details .cta {
  background-color: var(--main-color);
  padding: 40px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.treatment-details .cta h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.treatment-details .cta::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 220px;
  /* adjust size */
  height: 220px;
  background: url("../images/resource/leaf-white.svg") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  /* prevents blocking clicks */
}

.treatment-details .cta .title-box p {
  padding-top: 10px;
  margin-bottom: 40px;
}

.treatment-details .cta .cta-btns {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}

.treatment-details .cta .cta-btns .whatsapp-cta i {
  background: var(--white-color);
  color: var(--main-color);
  padding: 11px 14px;
  font-size: 25px;
  text-align: center;
  border-radius: 500px;
  width: 50px;
  height: 50px;
}

.treatment-details .cta .cta-btns .whatsapp-cta i:hover {
  background: var(--main-color);
  color: var(--white-color);
  border: solid 1px var(--white-color);
}

/*** 

====================================================================
  Contact Page
====================================================================

***/
.contact-page-info {
  position: relative;
}

.contact-page-info .c-infobox {
  position: relative;
  display: contents;
}

.contact-page-info .c-info {
  position: relative;
  text-align: center;
}

.contact-page-info .c-info:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--black-color-opacity-four);
}

.contact-page-info .c-info i {
  color: var(--main-color);
  font-size: 30px;
  padding-bottom: 30px;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.contact-page-info .c-info:hover i {
  transform: rotateY(360deg);
}

.contact-page-info .c-info h5 {
  color: var(--main-color);
  padding-bottom: 20px;
}

.contact-page-info .c-info p {
  color: var(--text-color-light);
  padding: 0 30px;
  line-height: 1.8em;
}

.contact-page-info .c-info a {
  position: relative;
  color: var(--text-color-light);
  text-decoration: none;
  transition: color 0.3s ease;
}

/* underline (hidden initially) */
.contact-page-info .c-info a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  /* space below text */
  width: 0;
  height: 1px;
  background-color: var(--main-color);
  transition: width 0.3s ease;
}

/* animate underline on hover */
.contact-page-info .c-info a:hover::after {
  width: 100%;
}

/* optional: change link color on hover */
.contact-page-info .c-info a:hover {
  color: var(--main-color);
}

.contact-page-info .buttons-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  width: 100%;
  margin-top: 50px;
}

.contact-page-info .buttons-box::before,
.contact-page-info .buttons-box::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #b1c1b7;
  /* adjust line color as needed */
}

.contact-page-info .buttons-box::before {
  margin-right: 20px;
}

.contact-page-info .buttons-box::after {
  margin-left: 20px;
}

/* form sie */
.contact-page-form .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /* makes all child columns equal in height */
}

.contact-page-form .loc-block,
.contact-page-form .map-block {
  display: flex;
  flex-direction: column;
}

.contact-page-form .map-block {
  display: flex;
  flex-direction: column;
}

.contact-page-form .map-block iframe {
  flex: 1;
  /* take full available height */
  width: 100%;
  /* full width of column */
  height: 100%;
  /* ensure full stretch */
  border: 0;
  /* remove border gap */
}

.contact-page-form .form-side {
  background-color: var(--white-color);
  background-repeat: repeat;
  border: solid 1px var(--black-color-opacity-four);
  padding: 60px;
}

.contact-page-form .default-form {
  position: relative;
  z-index: 100;
}

.contact-page-form .field-inner {
  position: relative;
}

.contact-page-form .field-inner input,
.contact-page-form .field-inner textarea {
  width: 100%;
  padding-right: 40px;
  /* give space for the icon */
  box-sizing: border-box;
}

.contact-page-form .field-inner i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-color-dark);
  font-size: 16px;
  pointer-events: none;
  /* so clicks focus the input */
}

.contact-page-form .field-inner textarea + i {
  top: 20px;
}

.form-group {
  width: 100%;
  text-align: center;
}

/**
 * ----------------------------------------------------------------------------------------
 * Utilities - Manifest File
 *
 * This file imports all utility partials.
 * ----------------------------------------------------------------------------------------
 */
/**
 * ----------------------------------------------------------------------------------------
 * Utilities - Arrow Button
 * ----------------------------------------------------------------------------------------
 */
.arrow-btn {
  background-color: var(--main-color);
  padding: 7px 16px;
  border-radius: 100px;
  color: var(--white-color);
  width: 45px;
  height: 45px;
}
.arrow-btn i {
  transform: rotate(45deg);
  color: var(--white-color);
}
.arrow-btn:hover {
  background-color: var(--white-color);
  color: var(--main-color);
  border: solid 1px var(--main-color);
}
.arrow-btn:hover i {
  transform: rotate(90deg);
  color: var(--main-color);
}

/* section padding */
.section-kt {
  padding: 100px 0;
}

/* section top padding remove */
.no-top-padding {
  padding-top: 0px;
}

/* section bottom padding remove */
.no-bottom-padding {
  padding-bottom: 0px;
}

/*** 

====================================================================
    Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  border: 1px solid var(--white-color);
  z-index: 100;
  cursor: pointer;
  background: var(--main-color);
  border-radius: 50%;
  display: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: var(--white-color);
  color: var(--main-color);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 7000px) {
  .site.page-wrapper {
    overflow: hidden;
  }
}
@media only screen and (max-width: 1599px) {
  .site .main-header .header-upper .links-box {
    margin-left: 80px;
  }
  .site .main-header .auto-container {
    max-width: 1340px;
  }
  .site .banner-section {
    padding-bottom: 0;
  }
  .site .main-footer .side-element {
    display: none;
  }
}

@media only screen and (max-width: 1499px) {
  .site {
    /* main header */
    /* Banner Slider Section */
    /* inner banner */
    /* reservation full screen */
    /* special dishes */
    /* news section */
  }
  .site .main-header .header-upper .links-box,
  .site .main-menu .navigation > li,
  .site .main-header .header-upper .links-box .link {
    margin-left: 30px;
  }
  .site .main-header .auto-container {
    max-width: 1325px;
  }
  .site .banner-section .slide-item h1 {
    font-size: 70px;
  }
  .site .inner-banner {
    margin: 130px 40px 0 40px;
  }
  .site .reserve-section.style-two.reserve-page {
    height: auto;
  }
  .site .reserve-section.style-two.reserve-page .leftpart {
    width: 65%;
    padding: 40px 170px;
  }
  .site .reserve-section.style-two.reserve-page .rightpart {
    width: 35%;
  }
  .site .reserve-section.style-two.reserve-page .leftpart .inner {
    padding-top: 50px;
  }
  .site .reserve-section.style-two.reserve-page .leftpart .form-part {
    padding-top: 50px;
  }
  .site .reserve-section.style-two.reserve-page .leftpart .form-back {
    bottom: 10px;
  }
  .site .special-offer .auto-container {
    max-width: 1250px;
  }
  .site .special-offer .owl-theme .owl-nav .owl-prev {
    left: 35px;
  }
  .site .special-offer .owl-theme .owl-nav .owl-next {
    right: 35px;
  }
  .site .menu-cat .side-element,
  .site .testimonials-two .side-element,
  .site .voucher-section .side-element,
  .site .feature-section .side-element,
  .site .services-section .side-element {
    display: none;
  }
  .site .news-block h4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 5px;
  }
}

@media only screen and (max-width: 1339px) {
  .site {
    /* common */
    /* main header */
    /* inner banner */
    /* story */
    /* about section */
    /* service details */
    /* Testimonials */
    /* special dishes */
    /* reservation full screen */
    /* footer */
    /* hero minimal */
  }
  .site h1 {
    font-size: 60px;
  }
  .site h2 {
    font-size: 50px;
  }
  .site .main-header .header-upper .links-box .link .theme-btn .btn-title {
    padding-left: 30px;
    padding-right: 30px;
  }
  .site .main-header .auto-container {
    max-width: 1270px;
  }
  .site .inner-banner {
    padding: 100px 0 100px 0;
    margin: 130px 20px 0 20px;
  }
  .site .intro-section .image-layer {
    width: 97%;
  }
  .site .about-section .abt-image3 {
    width: 300px;
  }
  .site .about-section .abt-image1 {
    width: 250px;
    left: 20px;
  }
  .site .about-section .abt-image2 {
    width: 350px;
  }
  .site .treatment-details .sd-features .feature-box {
    padding-right: 30px;
  }
  .site .testimonial-infomain .tinfo-block {
    padding-right: 20px;
  }
  .site .testimonial-infomain .tdesc-block {
    padding-left: 30px;
  }
  .site .special-offer .offer-block-two .pkg-ttl,
  .site .special-offer .offer-block-two p {
    padding-right: 0;
  }
  .site .special-offer .offer-block-two .pkg-ttl br {
    display: none;
  }
  .site .special-offer .owl-theme .owl-nav .owl-prev {
    left: 80px;
  }
  .site .special-offer .owl-theme .owl-nav .owl-next {
    right: 80px;
  }
  .site .reserve-section.style-two.reserve-page .leftpart {
    padding: 50px;
    width: 60%;
  }
  .site .reserve-section.style-two.reserve-page .rightpart {
    width: 40%;
  }
  .site .reserve-page .side-element {
    display: none;
  }
  .site footer .bottom_footer .auto-container {
    padding: 30px 20px;
  }
  .site .hero-minimal .explore-menu-btn {
    transform: scale(0.8);
  }
  .site .hero-minimal .banner-social-list,
  .site .hero-minimal .banner-call,
  .site .hero-minimal .banner-info {
    display: none;
  }
  .site .hero-minimal .content-box {
    padding: 0 30px 50px 30px;
  }
  .site .hero-minimal .slider-contained {
    border-radius: 500px;
  }
  .site .hero-minimal .banner-slider::before {
    border-radius: 500px;
  }
  .site .hero-minimal .swiper-button-prev {
    left: 40px;
  }
  .site .hero-minimal .swiper-button-next {
    right: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .site {
    /* heading */
    /* common */
    /* banner */
    /* main header */
    /* Feature Info */
    /* category menu */
    /* story */
    /* about section */
    /* menu tab */
    /* testimonials section */
    /* video section */
    /* video hero section */
    /* spa services hero */
    /* services list hover on image display */
    /* hero minimal */
    /* reserv */
    /* reserve section style two */
    /* reservation split style */
    /* offer banner */
    /* voucher */
    /* about page */
    /* team */
    /* why */
    /* about page company overview */
    /* treatment style 1 */
    /* treatment block style */
    /* news section */
    /* service details page */
    /* pricing section */
    /* blog details */
    /* gallery page */
    /* contact page */
    /* footer */
  }
  .site .banner-section .slide-item h1 {
    font-size: 60px;
  }
  .site h1 {
    font-size: 60px;
  }
  .site h5 {
    font-size: 21px;
  }
  .site .fluid-section .content-col .inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .site .main-header .auto-container {
    max-width: 1020px;
  }
  .site .banner-section .slide-item .content-box {
    height: 600px;
  }
  .site .banner-section .explore-menu-btn {
    transform: scale(0.8);
  }
  .site .banner-section .slide-item .text {
    padding: 0 200px;
  }
  .site .header-top .top-info li {
    margin-right: 30px;
  }
  .site .header-top .top-info li:after {
    display: none;
  }
  .site .main-header .nav-outer,
  .site .main-header .info-toggler {
    display: none;
  }
  .site .main-header .nav-toggler {
    display: block;
  }
  .site .feature-info .feature-info-box .data {
    display: block;
    text-align: center;
  }
  .site .feature-info .feature-info-box .data h5 {
    text-align: center;
    padding: 15px 0 0 0;
  }
  .site .menu-cat .menucat-list .data-colom {
    padding-right: 0;
  }
  .site .story-section .text-col .inner {
    padding-right: 0;
  }
  .site .story-section .image-col .round-stamp {
    right: 0;
  }
  .site .about-section .title-box {
    max-width: 90%;
  }
  .site .about-section .abt-image1 {
    top: 0px;
  }
  .site .about-section .abt-image3 {
    top: 0;
    width: 150px;
    right: 100px;
  }
  .site .about-section .text-col .text {
    padding: 0 40px 40px 40px;
  }
  .site .about-section .abt-image4 {
    display: none;
  }
  .site .menu-tabs .menu-col .inner {
    padding-right: 30px;
  }
  .site .menu-tabs .dish-block .desc {
    font-size: 17px;
    padding-right: 0;
  }
  .site .menu-tabs .dish-block .title .price {
    font-size: 20px;
  }
  .site .menu-section .serve-col .serv-block {
    border-bottom: 1px solid var(--white-color-opacity-four);
  }
  .site .testimonials-section .state-col,
  .site .testimonials-section .rating-col {
    display: none;
  }
  .site .testimonials-section .testi-top {
    padding-top: 0;
  }
  .site .video-section .content-box {
    width: 65%;
  }
  .site .video-hero-section .content-box {
    width: 50%;
    left: 80px;
    bottom: 80px;
  }
  .site .spa-services-hero .content-wrap {
    padding: 0 20px;
  }
  .site .spa-services-hero .services-list {
    flex-direction: column;
    text-align: center;
  }
  .site .spa-services-hero .services-list li a {
    font-size: 50px;
  }
  .site .hover-services-list .services-names li {
    font-size: 40px;
  }
  .site .hover-services-list .services-names {
    gap: 40px 20px;
  }
  .site .hover-services-list .services-names li:not(:last-child)::after {
    margin-left: 20px;
  }
  .site .hero-minimal .slide-item .content-box {
    height: 700px;
  }
  .site .hero-minimal .slide-item .text {
    padding: 0 100px;
  }
  .site .hero-minimal .explore-menu-btn {
    bottom: -30px;
  }
  .site .hero-minimal .content-box .banner-rating {
    display: none;
  }
  .site .hero-minimal .content-box .content {
    display: block;
    text-align: center;
  }
  .site .hero-minimal .content-box .content .inner h1 {
    font-size: 50px;
    line-height: 1.2em;
  }
  .site .reserve-section .reserv-col .inner {
    padding: 40px 20px 30px;
  }
  .site .reserve-section.style-two .reserv-col .inner {
    padding: 75px;
  }
  .site .reserve-section.style-two.reserve-page-2 .form-col {
    padding: 70px;
  }
  .site .reserve-section.splitscreen .reserv-col .inner {
    padding: 100px;
  }
  .site .offer-banner .offer-data h2 {
    font-size: 38px;
    padding-left: 0;
  }
  .site .offer-banner .offer-number {
    font-size: 45px;
    width: 135px;
    height: 135px;
  }
  .site .voucher-section .content-box .voucher-ttl {
    font-size: 30px;
  }
  .site .about-intro .title-group {
    display: grid;
  }
  .site .about-intro .title-group .heading-element {
    padding-bottom: 25px;
  }
  .site .about-intro .row {
    align-items: center;
  }
  .site .team-section .row .team-block,
  .site .news-section .row .news-block {
    padding-left: 15px;
    padding-right: 15px;
  }
  .site .team-section .row,
  .site .news-section .row {
    margin: 0 -15px;
  }
  .site .why-block-two.m-top {
    padding-top: 0;
  }
  .site .company-overview .about-year {
    margin-top: 40px;
  }
  .site .treatment-style1 .treatment-left {
    order: 1;
  }
  .site .treatment-style1 .treatment-right {
    order: 2;
  }
  .site .treatment-style1 .treatment-box .treatment-right {
    padding-top: 40px;
  }
  .site .treatment-style1 .treatment-box .treatment-right img {
    width: 100%;
  }
  .site .treatment-block .title-box p {
    padding-left: 50px;
    padding-right: 50px;
  }
  .site .treatment-block .row {
    margin-left: 25px;
    margin-right: 25px;
  }
  .site .treatment-block .trt-col .inner {
    padding-left: 0;
  }
  .site .treatment-block.alternate .trt-col .inner {
    padding-right: 0;
  }
  .site .treatment-block.alternate .image-col .image,
  .site .treatment-block .image-col .image {
    margin-left: 0px;
  }
  .site .treatment-block .trt-col .dish-block .title .price {
    font-size: 20px;
  }
  .site .treatment-block .trt-col .dish-block .title .price .currency {
    font-size: 20px;
  }
  .site .news-block .inner-box {
    display: block;
  }
  .site .news-block .image-box,
  .site .news-block .over-content {
    width: 100%;
  }
  .site .news-block .image-box img {
    width: 100%;
  }
  .site .news-block .over-content {
    padding: 20px 0 0 0;
  }
  .site .news-block h4 {
    padding: 10px 0 40px 0;
  }
  .site .news-block .arrow-btn {
    position: relative;
  }
  .site .arrow-btn {
    padding: 10px 16px;
  }
  .site .inner-banner.service-details .service-info {
    flex-wrap: wrap;
    gap: 40px;
  }
  .site .inner-banner.service-details .s-infobox {
    width: 45%;
    flex: none;
    padding-right: 0px;
  }
  .site .inner-banner.service-details .s-infobox:nth-child(2)::after,
  .site .inner-banner.service-details .s-infobox:nth-child(4)::after {
    display: none;
  }
  .site .masonry.s-details {
    padding: 0;
  }
  .site .treatment-details .sd-package .pkg-box {
    margin-bottom: 30px;
  }
  .site .treatment-details .cta::after {
    opacity: 0.2;
  }
  .site .pricing_section .pricing_pannel .pricing_inner {
    padding: 40px;
  }
  .site .comment_section ul li .comment {
    margin-left: 0;
    width: calc(100% - 260px);
  }
  .site .masonry {
    padding: 0 25px;
  }
  .site .contact-page-info .c-info:nth-of-type(-n + 2) {
    margin-bottom: 40px;
  }
  .site .contact-page-info .c-info:nth-child(2)::after {
    display: none;
  }
  .site footer .bottom_footer p {
    text-align: left;
  }
  .site .main-footer .newsletter {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) {
  .site .main-menu .navigation > li > ul,
  .site .main-menu .navigation > li > ul > li > ul {
    display: block;
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (max-width: 991px) {
  .site {
    /* heading */
    /* header */
    /* Banner Slider Section */
    /* feature info */
    /* Remove margin from last 2 boxes */
    /* header */
    /* about section */
    /* category menu */
    /* Brand Logos Section */
    /* remove right border on 2nd item of each row */
    /* OVERRIDE desktop rule */
    /* correct last row for 2 columns */
    /* treatment accrodian style */
    /* offer banner */
    /* voucher */
    /* story */
    /* about page company overview */
    /* treatment tab style */
    /* video section */
    /* video hero section */
    /* spa services hero */
    /* hero minimal */
    /* about page */
    /* inner banner */
    /* team */
    /* fluid */
    /* service */
    /* why us three */
    /* treatment */
    /* Promo banner Section */
    /* reservation 3 colom style */
    /* reservation full screen */
    /* why us */
    /* Vertical line for 1st and 3rd box only */
    /* Margin bottom for 1st and 2nd box only */
    /* Ensure NO LINE on 2nd box */
    /* fact number option 2 */
    /* pricing section */
    /* IG post Section */
    /* Testimonials page - masonry style */
    /* Remove horizontal line */
    /* rnumber-group: prepare space for vertical divider */
    /* Vertical divider between groups */
    /* Rating logos */
    /* special dishes */
    /* blog list page */
    /* blog detail page */
    /* contact us page */
    /* footer */
  }
  .site .banner-section .slide-item h1 {
    font-size: 50px;
    line-height: 1.2em;
  }
  .site h1 {
    font-size: 50px;
  }
  .site h2 {
    font-size: 45px;
  }
  .site h3 {
    font-size: 35px;
  }
  .site .main-header .auto-container {
    max-width: 770px;
  }
  .site .banner-section .slide-item .content-box {
    height: 600px;
  }
  .site .banner-section .banner-social-list,
  .site .banner-section .banner-call,
  .site .banner-section .banner-info {
    display: none;
  }
  .site .banner-section .slide-item .text {
    padding: 0 100px;
  }
  .site .banner-section .swiper-button-prev {
    left: 15px;
  }
  .site .banner-section .swiper-button-next {
    right: 15px;
  }
  .site .banner-section .explore-menu-btn {
    bottom: -30px;
  }
  .site .feature-info-box {
    margin-bottom: 40px;
  }
  .site .feature-info-box:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .site .feature-info-box:nth-child(2)::after {
    display: none;
  }
  .site .header-top .top-left {
    display: none;
  }
  .site .header-top .top-right {
    display: block;
    width: 100%;
    text-align: center;
  }
  .site .header-top .top-right ul li,
  .site .header-top .top-right ul li:last-child {
    display: inline-block;
    float: none;
    display: inline-block;
    margin: 0 15px;
  }
  .site .main-header .header-upper .links-box .link {
    margin-left: 20px;
  }
  .site .about-section .abt-image1,
  .site .about-section .abt-image3 {
    display: none;
  }
  .site .about-section .floating-images {
    height: auto;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  .site .about-section .floating-images > div {
    position: relative;
  }
  .site .about-section .abt-image2 {
    width: auto;
  }
  .site .about-section .abt-image2 img {
    margin: 0 auto;
  }
  .site .about-section .title-box {
    padding-bottom: 10px;
  }
  .site .about-section .text-col .text {
    padding: 0 20px 40px 20px;
  }
  .site .about-section .booking-info {
    padding-bottom: 50px;
  }
  .site .menu-cat .menucat-list .title-box h3 {
    font-size: 40px;
  }
  .site .menu-cat .menucat-list {
    margin: 0 20px;
    display: grid;
    text-align: center;
    gap: 30px;
  }
  .site .menu-cat .menucat-list .data-colom {
    padding-right: 0;
    text-align: center;
  }
  .site .menu-cat .menucat-list:hover .data-colom {
    padding-left: 0;
  }
  .site .menu-cat .menucat-list .title-box h3 {
    text-align: center;
  }
  .site .menu-cat .menucat-list .image-box img {
    width: 90%;
  }
  .site .menu-cat .menucat-list .cta-btn {
    text-align: center;
  }
  .site .menu-cat .menucat-list:hover .cta-btn a {
    margin-left: 0;
  }
  .site .brand-logos .brand-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .site .brand-logos .brand-item {
    border-right: 1px solid var(--black-color-opacity-four);
    border-bottom: 1px solid var(--black-color-opacity-four);
  }
  .site .brand-logos .brand-item:nth-child(2n) {
    border-right: none;
  }
  .site .brand-logos .brand-item:nth-last-child(-n + 4) {
    border-bottom: 1px solid var(--black-color-opacity-four);
  }
  .site .brand-logos .brand-item:nth-last-child(-n + 2) {
    border-bottom: none;
  }
  .site .treatment-accord-style .card .card-body .trt-inner {
    flex-wrap: wrap;
    gap: 15px;
  }
  .site .treatment-accord-style .card-body .trt-left,
  .site .treatment-accord-style .card-body .trt-right {
    width: 100%;
  }
  .site .treatment-accord-style .card-body .trt-right .image-slider {
    width: 100%;
    margin-top: 0px;
  }
  .site .treatment-accord-style .card-body .trt-right {
    order: 1;
  }
  .site .treatment-accord-style .card-body .trt-left {
    order: 2;
  }
  .site .treatment-accord-style .trt-slider-box {
    max-width: 100%;
    width: 100%;
  }
  .site .offer-banner .offer-data,
  .site .offer-banner .offer-ttl {
    display: grid;
    text-align: center;
    gap: 30px;
  }
  .site .offer-banner .offer-data h2 {
    padding-left: 0;
  }
  .site .offer-banner .offer-ttl .icon img {
    text-align: center;
    margin: 0 auto;
  }
  .site .offer-banner .links-box {
    text-align: center;
  }
  .site .offer-banner .offer-box {
    padding: 15px;
  }
  .site .offer-banner .offer-data {
    padding: 40px 15px;
    margin: 0 auto;
  }
  .site .offer-banner .offer-box-inner::before {
    margin: 15px;
  }
  .site .voucher-section .voucher-block {
    margin-bottom: 50px;
  }
  .site .voucher-section .voucher-block.remove-margin {
    margin-bottom: 0;
  }
  .site .voucher-section .voucher-block .amount-box {
    width: 40%;
  }
  .site .voucher-section .voucher-block .content-box {
    width: 60%;
  }
  .site .voucher-section .voucher-block .amount-box p {
    display: grid;
  }
  .site .voucher-section .voucher-feature {
    padding: 0 10px;
  }
  .site .voucher-section .voucher-feature ul {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px 0;
  }
  .site .voucher-section .voucher-feature ul li {
    width: 50%;
    padding-right: 0;
  }
  .site .voucher-section .voucher-feature ul li::after {
    display: none;
  }
  .site .story-section .image-col .images .image:nth-child(2) {
    bottom: -130px;
  }
  .site .story-section .text-col {
    margin-bottom: 80px;
  }
  .site .story-section .text-col .inner .text {
    text-align: center;
    padding: 0 50px;
  }
  .site .story-section .about-year,
  .site .story-section .round-stamp-2 {
    display: none;
  }
  .site .story-section .booking-info {
    justify-content: center;
  }
  .site .story-section .booking-info .bk-title {
    text-align: center;
  }
  .site .story-section .image-col {
    text-align: center;
  }
  .site .story-section .image-col .inner {
    padding-left: 50px;
    padding-right: 50px;
  }
  .site .story-section a.cta-link {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
    white-space: nowrap;
  }
  .site .story-section a.txt-link::after {
    display: none;
  }
  .site .company-overview .about-year {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  .site .company-overview .text-col .text p {
    text-align: center;
    padding: 0 50px;
  }
  .site .company-overview .text-col .inner-right {
    display: grid;
    justify-content: center;
    padding-top: 50px;
  }
  .site .company-overview .users-thumb .user-number {
    display: block;
    text-align: center;
  }
  .site .company-overview .users-thumb p {
    text-align: center;
    padding-top: 15px;
  }
  .site .company-overview .text-link-box {
    position: relative;
    text-align: center;
    margin: 0 auto;
  }
  .site .company-overview .booking-info {
    text-align: center;
  }
  .site .company-overview .booking-info .bk-no {
    padding-left: 0;
  }
  .site .menu-tabs .menu-col .inner {
    padding-right: 0;
  }
  .site .menu-tabs .menu-col.img-col .inner {
    padding-top: 25px;
  }
  .site .menu-section .pkg-link {
    font-size: 25px;
  }
  .site .video-section .content-box {
    width: 85%;
    left: 40px;
    bottom: 40px;
  }
  .site .video-hero-section .content-box {
    width: 60%;
    left: 40px;
    bottom: 40px;
  }
  .site .spa-services-hero .services-list {
    gap: 30px 40px;
  }
  .site .spa-services-hero .services-list li a {
    font-size: 44px;
  }
  .site .hero-minimal .content-box .content .inner h1 {
    font-size: 38px;
  }
  .site .hero-minimal .slider-contained .swiper-slide {
    height: 400px;
  }
  .site .hero-minimal .slide-item .text {
    padding: 0 40px;
  }
  .site .inner-banner.large .side-element,
  .site .inner-banner.large .pb-img2 {
    display: none;
  }
  .site .inner-banner.large .intro-tagline {
    font-size: 30px;
    padding: 0 50px;
  }
  .site .inner-banner.large .banner-images {
    padding: 40px 50px 0 50px;
  }
  .site .about-intro .text-col .inner {
    text-align: center;
    padding: 0 50px;
  }
  .site .about-intro .title-group .heading-element {
    margin: 0 auto;
  }
  .site .about-intro .title-box .subtitle {
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
  }
  .site .about-intro .text-col .text {
    padding: 0;
  }
  .site .about-intro .booking-info {
    justify-content: center;
  }
  .site .about-intro .about-year {
    justify-content: center;
    padding-bottom: 30px;
    text-align: left;
  }
  .site .about-intro .image-col .inner {
    padding: 0 50px;
  }
  .site .about-intro .round-stamp-2 {
    left: 30px;
  }
  .site .about-intro .text-link-box {
    position: static;
    margin: 5px auto 0;
    text-align: center;
  }
  .site .inner-banner.service-details {
    padding-left: 40px;
    padding-right: 40px;
  }
  .site .team-section {
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .site .team-section .row .team-block {
    margin-bottom: 30px;
  }
  .site .fluid-section .content-col {
    order: 1;
  }
  .site .fluid-section .image-col {
    order: 2;
  }
  .site .fluid-section .content-col .inner {
    padding-top: 70px;
    padding-bottom: 70px;
    max-width: none;
  }
  .site .fluid-section.special-dish-slider .inner {
    padding-bottom: 0;
  }
  .site .fluid-section.chef-bio .inner {
    padding: 70px 0 30px 0;
  }
  .site .fluid-section .image-col .image-layer {
    display: none;
  }
  .site .fluid-section .image-col .image {
    display: block;
  }
  .site .services-section .s-col {
    padding-top: 0;
  }
  .site .services-section .s-col.last {
    order: 7;
    padding-right: 10px;
  }
  .site .services-section .image-col {
    order: 12;
  }
  .site .services-section .s-col .s-block,
  .site .services-section .s-col .s-block:last-child {
    margin-bottom: 70px;
  }
  .site .services-section .image-col {
    text-align: center;
  }
  .site .why-block-three:not(:nth-last-child(-n+2)) {
    margin-bottom: 30px;
  }
  .site .treatment-block .image-col {
    order: 12;
    padding: 0;
  }
  .site .treatment-block .trt-col {
    order: 0;
    padding-left: 0;
  }
  .site .treatment-block.alternate .trt-col {
    padding-right: 0px;
    padding-left: 0px;
  }
  .site .treatment-block .menu-col .inner:before {
    display: none;
  }
  .site .treatment-block .menu-col .inner,
  .site .treatment-block.alternate .menu-col .inner {
    padding: 60px 50px;
  }
  .site .treatment-block .image-col .inner,
  .site .treatment-block.alternate .image-col .inner {
    text-align: center;
    padding: 50px 0 0 0;
  }
  .site .promo-block-section .col-lg-6:not(:last-child) .promo-banner {
    margin-bottom: 30px;
  }
  .site .reserve-section.style-two.reserve-page-2 .form-col {
    order: 0;
    padding: 50px;
  }
  .site .reserve-section.style-two.reserve-page-2 .contact-info {
    padding: 50px 0;
  }
  .site .reserve-section.style-two.reserve-page {
    display: grid;
    height: auto;
  }
  .site .reserve-section.style-two.reserve-page .leftpart {
    width: 100%;
    padding: 40px;
  }
  .site .reserve-section.style-two.reserve-page .rightpart {
    width: 100%;
  }
  .site .reserve-section .rightpart .booking {
    padding: 40px;
  }
  .site .fact-counter .fact-block .inner {
    text-align: center;
  }
  .site .fact-counter .fact-block {
    position: relative;
  }
  .site .fact-counter .fact-block:nth-child(1)::after,
  .site .fact-counter .fact-block:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    width: 1px;
    height: 100%;
    background-color: var(--white-color-opacity-three);
  }
  .site .fact-counter .fact-block:nth-child(1),
  .site .fact-counter .fact-block:nth-child(2) {
    margin-bottom: 60px;
  }
  .site .fact-counter .fact-block:nth-child(2)::after {
    display: none;
  }
  .site .fact-counter.option2 .fact-block:not(:last-child)::after {
    right: 0;
  }
  .site .pricing_section .pricing_pannel .pricing_inner {
    padding: 40px 20px;
  }
  .site .pricing_section .pricing_pannel .pricing_block .price {
    font-size: 25px;
  }
  .site .faq_section .title-box {
    text-align: center;
  }
  .site .ig-post-section .ig-post-image {
    margin-bottom: 20px;
  }
  .site .ig-post-section .ig-post-image img {
    width: 100%;
  }
  .site .testimonials-masonry .testimonial-boxlist {
    column-count: 2;
  }
  .site .testimonial-infomain .tinfo-block {
    text-align: center;
  }
  .site .testimonial-infomain .rting-box {
    flex-direction: row;
    align-items: center;
    padding: 25px 0;
    gap: 35px;
  }
  .site .testimonial-infomain .rting-box::before {
    display: none;
  }
  .site .testimonial-infomain .rting-box .rnumber-group {
    position: relative;
    padding-right: 25px;
    /* space before divider */
    order: 0;
    text-align: left;
  }
  .site .testimonial-infomain .rting-box .rnumber-group::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--black-color-opacity-four);
  }
  .site .testimonial-infomain .rting-box .rating-logo {
    order: 1;
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .site .testimonial-infomain .timg-block {
    text-align: center;
  }
  .site .testimonial-infomain .tdesc-block {
    text-align: center;
    padding: 40px 40px 0 40px;
  }
  .site .testimonial-infomain .tdesc-block .satisfy-row {
    justify-content: center;
  }
  .site .testimonial-infomain .rting-box .rnumber-group p {
    line-height: 1.2em;
  }
  .site .special-offer .offer-block-two .inner-box {
    padding: 60px;
  }
  .site .special-offer .offer-block-two .pkg-top {
    align-items: center;
  }
  .site .special-offer .offer-block-two .pkg-ttl {
    padding-bottom: 15px;
    font-size: 30px;
  }
  .site .special-offer .offer-block-two .pkg-ttl,
  .site .special-offer .offer-block-two p {
    padding-right: 120px;
  }
  .site .blog_list_section .blog_right_side {
    border-left: none;
    padding-left: 0;
  }
  .site .blog_list_section .blog_left_side {
    padding: 0;
  }
  .site .blog_detail_section .blog_inner_pannel {
    padding: 0 20px;
  }
  .site .comment_section .blog_cooment_block {
    padding: 0 20px;
  }
  .site .contact-page-form .map-block {
    height: 400px;
    margin-top: 40px;
  }
  .site .main-footer .footer-links {
    margin-top: 60px;
  }
  .site footer .bottom_footer .bottom-f-section {
    display: block;
  }
  .site footer .bottom_footer .copyright {
    padding: 15px 0 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .site {
    /* section padding */
    /* heading */
    /* header */
    /* banner section */
    /* inner page banner */
    /* about section */
    /* category menu */
    /* treatment tab style */
    /* treatment accrodian style */
    /* Treatment block style */
    /* special offfer */
    /* offer */
    /* about page */
    /* feature section */
    /* about page company overview */
    /* team */
    /* services section */
    /* treatment style 1 */
    /* gallery */
    /* hidden bar */
    /* main header */
    /* inner banner */
    /* news */
    /* ig post section */
    /* contact us page */
    /* Testimonials page - masonry style */
    /* blog pages */
    /* Blog List Section */
    /* Video section */
    /* video hero section */
    /* spa services hero */
    /* services list hover on image display */
    /* hero minimal */
    /* service details page */
    /* floating whatsapp */
    /* footer */
  }
  .site .section-kt {
    padding: 60px 0;
  }
  .site .title-box {
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .site .banner-section .slide-item h1 {
    font-size: 40px;
  }
  .site .title-box .title-badge {
    width: 150px;
  }
  .site h1 {
    font-size: 45px;
  }
  .site h2 {
    font-size: 35px;
  }
  .site h3 {
    font-size: 30px;
  }
  .site .main-header .auto-container {
    max-width: 640px;
  }
  .site .banner-section .swiper-button-prev,
  .site .banner-section .swiper-button-next {
    display: none;
  }
  .site .inner-banner {
    padding: 60px 0;
  }
  .site .about-section .text-col .text {
    padding: 0 60px 40px 60px;
  }
  .site .menu-cat .menucat-list .title-box h3 {
    font-size: 30px;
  }
  .site .menu-cat .menucat-list .data-colom {
    gap: 30px;
  }
  .site .menu-cat .menucat-list .data-colom p {
    padding-left: 25px;
    padding-right: 25px;
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn:after {
    margin-left: 22px;
  }
  .site .treatment-accord-style .owl-theme .owl-nav .owl-next,
  .site .treatment-accord-style .owl-theme .owl-nav .owl-prev {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
  }
  .site .treatment-accord-style .accord-ttl-group .trt-ttl {
    display: grid;
  }
  .site .treatment-accord-style .accord-ttl-group .trt-ttl span {
    max-width: fit-content;
    margin-top: 8px;
  }
  .site .treatment-block.alternate .trt-col .inner .title-box,
  .site .treatment-block .trt-col .inner .title-box {
    padding-left: 0;
  }
  .site .special-offer .offer-block-two .inner-box {
    padding: 50px;
  }
  .site .special-offer .offer-block-two.margin-top {
    margin-top: 0;
  }
  .site .special-offer .offer-block-two .pkg-ttl {
    font-size: 26px;
  }
  .site .special-offer .offer-block-two .pkg-ttl,
  .site .special-offer .offer-block-two p {
    padding-right: 0;
  }
  .site .offer-block {
    justify-content: center;
    margin-bottom: 40px;
  }
  .site .offer-block:nth-child(3) {
    margin-bottom: 0;
  }
  .site .inner-banner.large .intro-tagline {
    font-size: 25px;
    padding: 0 30px;
  }
  .site .inner-banner.large .banner-images .pb-img1,
  .site .inner-banner.large .banner-images .pb-img3 {
    transform: inherit;
  }
  .site .inner-banner.large .banner-images {
    padding-top: 10px;
  }
  .site .inner-banner.large .fact-counter {
    padding-top: 70px;
  }
  .site .feature-section {
    padding: 0 100px;
  }
  .site .feature-section .feature-box {
    padding: 0;
    text-align: center;
  }
  .site .feature-section .feature-box .ftr-ttl-group {
    display: grid;
    gap: 20px;
    padding-bottom: 10px;
  }
  .site .feature-section .feature-box .ftr-icon {
    text-align: center;
    margin: 0 auto;
  }
  .site .feature-section .feature-box::after {
    width: 100%;
  }
  .site .feature-section .col-xl-4:nth-last-child(-n+3) .feature-box {
    margin-bottom: 40px;
  }
  .site .feature-section .feature-box.fb-last {
    margin-bottom: 0;
  }
  .site .company-overview .about-year {
    display: grid;
    margin-bottom: 30px;
    text-align: center;
  }
  .site .company-overview .text-col .text p {
    padding: 0;
  }
  .site .company-overview .round-stamp-2 {
    display: none;
  }
  .site .company-overview .image-col .inner {
    padding-left: 0;
  }
  .site .team-block .inner-box {
    text-align: center;
  }
  .site .services-section .s-col {
    padding: 0;
  }
  .site .services-section .s-block .inner,
  .site .services-section .s-block.alternate .inner {
    text-align: center;
  }
  .site .services-section .s-block .icon-box,
  .site .services-section .s-block.alternate .icon-box {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto 30px;
  }
  .site .services-section .s-col .s-block, .site .services-section .s-col .s-block:last-child {
    margin-bottom: 30px;
  }
  .site .services-section .s-block h5,
  .site .services-section .s-block.alternate h5 {
    padding: 0;
  }
  .site .services-section .s-block h5 br,
  .site .services-section .s-block.alternate h5 br {
    display: none;
  }
  .site .services-section .s-block .text {
    padding: 0 100px 0 100px;
  }
  .site .services-section .s-col.last {
    padding: 0;
  }
  .site .treatment-style1 .treatment-box .trt-btn {
    display: grid;
    gap: 15px;
  }
  .site .image-gallery .owl-theme .owl-nav .owl-prev,
  .site .image-gallery .owl-theme .owl-nav .owl-next {
    transform: scale(0.7);
  }
  .site .hidden-bar .side-menu {
    padding-left: 30px;
    padding-right: 30px;
  }
  .site .main-header .header-upper .links-box {
    margin-left: 0px;
  }
  .site .inner-banner .inner .sub_text {
    padding: 0 100px;
  }
  .site .inner-banner .inner .sub_text p {
    font-size: 18px;
  }
  .site .news-block {
    justify-content: center;
  }
  .site .ig-post-section .title-box {
    text-align: center;
    padding-bottom: 15px;
  }
  .site .ig-post-section .social-links {
    text-align: center;
    padding: 0 0 20px 0;
    margin-right: 0;
  }
  .site .contact-page-info .c-info h5 {
    padding-bottom: 10px;
  }
  .site .testimonials-masonry .testimonial-boxlist {
    column-count: 1;
  }
  .site .blog_list_section {
    text-align: left;
  }
  .site .blog_list_section .blog_panel .blog_info span {
    font-size: 13px;
  }
  .site .blog_list_section .blog_right_side .blog_search_block form .form-group {
    margin-bottom: 0;
  }
  .site .blog_list_section .blog_right_side .blog_search_block form .form_inner {
    height: 50px;
  }
  .site .blog_detail_section {
    text-align: left;
  }
  .site .blog_detail_section .blog_inner_pannel {
    padding: 0 20px;
  }
  .site .blog_detail_section .blog_info {
    padding: 0;
  }
  .site .blog_detail_section .blog_inner_pannel .section_title {
    margin-bottom: 20px;
  }
  .site .blog_detail_section .blog_inner_pannel .info ul {
    text-align: left;
    padding-left: 0;
  }
  .site .blog_detail_section .blog_inner_pannel .quote_block {
    margin: 30px 0;
    padding: 45px 30px;
  }
  .site .blog_detail_section .blog_inner_pannel .quote_block .q_icon {
    text-align: left;
  }
  .site .blog_detail_section .blog_inner_pannel .info.inside {
    padding: 0 0 30px 0;
  }
  .site .blog_detail_section .blog_inner_pannel .main_img iframe {
    height: 320px;
  }
  .site .blog_detail_section .blog_inner_pannel .main_img_2 {
    flex-direction: column;
  }
  .site .blog_detail_section .blog_inner_pannel .main_img_2 img {
    width: 100%;
    height: auto;
  }
  .site .comment_section {
    padding-bottom: 50px;
  }
  .site .comment_section .blog_cooment_block .posted_cooment {
    margin-bottom: 30px;
  }
  .site .comment_section .blog_cooment_block {
    padding: 20px;
  }
  .site .comment_section ul {
    margin-top: 20px;
  }
  .site .comment_section ul li:last-child {
    padding-bottom: 40px;
  }
  .site .comment_section ul li {
    flex-direction: column;
    padding: 20px 0;
    text-align: left;
  }
  .site .comment_section ul li .comment {
    width: 100%;
  }
  .site .comment_section ul li .authore_info {
    width: 100%;
    margin-bottom: 15px;
  }
  .site .comment_section ul li.replay_comment {
    margin-left: 30px;
  }
  .site .comment_section ul li .authore_info .text {
    width: auto;
  }
  .site .comment_form_section form .form-group .form-control {
    height: 45px;
    font-size: 15px;
    margin-bottom: 15px;
  }
  .site .comment_form_section .coment-btn {
    text-align: center;
  }
  .site .blog_detail_section .blog_inner_pannel .blog_authore {
    display: grid;
    text-align: center;
    padding: 40px 25px;
  }
  .site .blog_detail_section .blog_authore .auth-img {
    margin: 0 auto;
  }
  .site .blog_detail_section .blog_authore .auth-social {
    margin: 0 auto;
  }
  .site .video-section .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
  }
  .site .video-section .content-box p br {
    display: none;
  }
  .site .video-section .content-box .cta-box {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .site .video-hero-section .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
  }
  .site .video-hero-section .content-box .cta-box {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .site .spa-services-hero .services-list li a {
    font-size: 36px;
  }
  .site .hover-services-list .services-names li {
    font-size: 30px;
  }
  .site .hover-services-list .services-names {
    gap: 30px 10px;
  }
  .site .hover-services-list .services-names li:not(:last-child)::after {
    margin-left: 10px;
  }
  .site .hero-minimal .content-box .content .inner h1 {
    font-size: 32px;
  }
  .site .hero-minimal .slider-contained .swiper-slide {
    height: 320px;
  }
  .site .hero-minimal .content-box {
    padding: 0 10px 30px 10px;
  }
  .site .hero-minimal .slide-item .text {
    padding: 0 10px;
  }
  .site .treatment-details .inner {
    padding-bottom: 30px;
  }
  .site .treatment-details .inner .title-box {
    padding-left: 0;
  }
  .site .treatment-details .sd-features .row > div:nth-last-child(-n+2) .feature-box {
    margin-bottom: 30px;
  }
  .site .whatsapp-btn a {
    font-size: 35px;
    padding: 15px;
  }
  .site .whatsapp-btn {
    bottom: 110px;
  }
  .site .main-footer .middle-footer {
    padding: 60px 0;
  }
  .site .main-footer .footer-contact-section .footer-contact-box:not(:last-child)::after {
    display: none;
  }
  .site .main-footer .footer-contact-box {
    padding-bottom: 30px;
  }
  .site .footer-contact-box:last-child {
    padding-bottom: 0;
  }
  .site .main-footer .newsletter {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .site {
    /* heading */
    /* header */
    /* banner */
    /* about us */
    /* Feature Info */
    /* margin from 3rd boxes */
    /* menu tab */
    /* menu style 1 */
    /* treatment accrodian style */
    /* voucher */
    /* reservation */
    /* reservation 3 colom style */
    /* about us page */
    /* Brand Logos Section */
    /* footr */
    /* testimonail */
    /* testimonial two */
  }
  .site .banner-section .slide-item h1 {
    font-size: 40px;
  }
  .site h2 {
    font-size: 35px;
  }
  .site h3 {
    font-size: 30px;
  }
  .site .header-top {
    display: none;
  }
  .site .main-header .header-upper {
    top: 0;
  }
  .site .main-header .header-upper .links-box .link:first-child {
    display: none;
  }
  .site .fixed-header.header-down {
    top: 0;
  }
  .site .fixed-header.header-up {
    top: -132px;
  }
  .site .main-header .main-box .logo-box {
    padding: 25px 0;
  }
  .site .main-header .nav-toggler {
    margin-top: 20px;
  }
  .site .banner-section {
    padding: 0;
  }
  .site .banner-section .slide-item .content-box {
    height: 600px;
  }
  .site .banner-section .slide-item .text {
    font-size: 18px;
  }
  .site .about-section .text-col .text {
    padding: 0 20px 40px 20px;
  }
  .site .about-section .booking-info {
    display: grid;
  }
  .site .feature-info .feature-info-box .data {
    display: block;
    text-align: center;
  }
  .site .feature-info-box:not(:last-child)::after {
    display: none;
  }
  .site .feature-info-box:nth-child(3) {
    margin-bottom: 40px;
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn {
    margin: 0 15px;
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn:after {
    display: none;
  }
  .site .tabs-box .tabs-content:before {
    display: none;
  }
  .site .menu-tabs .menu-col .inner {
    padding-left: 0;
  }
  .site .menu-tabs .dish-block .dish-image {
    width: 80px;
    height: 80px;
  }
  .site .menu-tabs .dish-block .dish-image img {
    width: 80px;
    height: 80px;
  }
  .site .menu-tabs .dish-block .inner-box {
    padding-left: 100px;
  }
  .site .treatment-block .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .site .treatment-block .title-box p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .site .treatment-block .menu-col .inner,
  .site .treatment-block.alternate .menu-col .inner {
    padding: 30px 15px;
  }
  .site .treatment-block.alternate .image-col .image,
  .site .treatment-block .image-col .image {
    margin: 0;
  }
  .site .treatment-block .trt-col .dish-block .desc {
    font-size: 16px;
  }
  .site .treatment-accord-style .card .card-header {
    padding: 25px;
  }
  .site .treatment-accord-style .accord-ttl-group {
    display: grid;
    gap: 15px;
  }
  .site .treatment-accord-style .accord-ttl-group .trt-ttl {
    font-size: 30px;
    line-height: 1.3em;
  }
  .site .treatment-accord-style .accord-ttl-group .trt-ttl span {
    line-height: 1.2em;
  }
  .site .treatment-accord-style .card .card-body {
    margin: 0 25px;
    padding: 25px 0;
  }
  .site .treatment-accord-style .card .card-header button .icons i {
    top: 5%;
  }
  .site .voucher-section .voucher-feature ul li {
    width: 100%;
  }
  .site .reserve-section .info-col .booking-info .bk-no,
  .site .hidden-bar .booking-info .bk-no,
  .site .info-bar .booking-info .bk-no {
    font-size: 24px;
    line-height: 1.4em;
  }
  .site .reserve-section.style-two.reserve-page-2 .form-col {
    padding: 40px 30px;
  }
  .site .inner-banner.large .intro-tagline {
    padding: 0;
  }
  .site .inner-banner.large .banner-images {
    padding: 10px 20px;
  }
  .site .about-intro .text-col .inner {
    padding: 0;
  }
  .site .about-intro .booking-info {
    display: grid;
    gap: 20px;
  }
  .site .about-intro .about-year {
    display: grid;
    text-align: center;
  }
  .site .about-intro .about-year .year-txt {
    font-size: 45px;
  }
  .site .about-intro .round-stamp-2 {
    display: none;
  }
  .site .about-intro .image-col .inner {
    padding: 0;
  }
  .site .brand-logos .brand-item {
    padding: 15px;
    min-height: 140px;
  }
  .site .main-footer .info-col .newsletter-form .form-group input[type="text"],
  .site .main-footer .info-col .newsletter-form input[type="email"],
  .site .main-footer .info-col .newsletter-form input[type="password"] {
    padding-right: 30px;
    padding-left: 30px;
  }
  .site .main-footer .info-col .newsletter-form button {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  .site .main-footer .info-col .newsletter-form .alt-icon {
    display: none;
  }
  .site .testimonials-section .testi-top .quote-text {
    font-size: 22px;
  }
  .site .testimonials-section .testi-top {
    padding: 0 20px 70px 20px;
    border-radius: 0;
  }
  .site .testimonials-two .testi-block .text {
    font-size: 18px;
  }
  .site .testimonials-two .testi-block .inner-box {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 479px) {
  .site {
    /* heading */
    /* banner */
    /* category menu */
    /* services list hover on image display */
    /* inner banner */
    /* testimonial */
    /* story */
    /* treatment */
    /* treatment tab style */
    /* treatment style 1 */
    /* treatment accrodian style */
    /* offer banner */
    /* voucher */
    /* why us */
    /* Remove margin from last (4th) block */
    /* about page v1 */
    /* feature section */
    /* about page v2 */
    /* services section */
    /* pricing section */
    /* Special Offer Section */
    /* service details page */
    /* reserve section style two */
    /* reservation split style */
    /* contact us page */
    /* service details page */
    /* gallery */
  }
  .site .banner-section .slide-item h1 {
    font-size: 35px;
  }
  .site .title-box h2 br {
    display: none;
  }
  .site h1 {
    font-size: 40px;
  }
  .site h2 {
    font-size: 35px;
  }
  .site .banner-section .slide-item .content-box {
    height: 500px;
  }
  .site .banner-section .slide-item .text {
    padding: 0 30px;
  }
  .site .banner-section .explore-menu-btn {
    transform: scale(0.6);
  }
  .site .menu-cat .menucat-list .title-box h3 {
    font-size: 28px;
  }
  .site .menu-cat .menucat-list .image-box img {
    width: 100%;
  }
  .site .hover-services-list .services-names {
    display: grid;
  }
  .site .hover-services-list .services-names li:not(:last-child)::after {
    display: none;
  }
  .site .inner-banner {
    margin: 100px 20px 0 20px;
  }
  .site .inner-banner .inner .sub_text {
    padding: 0 30px;
  }
  .site .testimonials-section .testi-top .quote-text {
    font-size: 18px;
  }
  .site .testimonial-infomain .rting-box {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .site .testimonial-infomain .rting-box .rnumber-group {
    display: flex;
  }
  .site .testimonial-infomain .rting-box .rating-logo {
    display: flex;
    border-top: solid 1px var(--black-color-opacity-four);
    padding-top: 20px;
  }
  .site .testimonial-infomain .rting-box .rnumber-group::after {
    display: none;
  }
  .site .testimonial-infomain .rting-box .rnumber-group span {
    font-size: 40px;
  }
  .site .story-section .text-col {
    margin-bottom: 60px;
  }
  .site .story-section .booking-info .bk-no {
    font-size: 16px;
  }
  .site .story-section .text-col .inner .text {
    text-align: center;
    padding: 0;
  }
  .site .story-section .booking-info {
    display: block;
    text-align: center;
  }
  .site .story-section .booking-info .bk-title {
    display: grid;
    padding-top: 40px;
    padding-right: 0;
    margin-left: 0;
  }
  .site .story-section .booking-info .bk-title i {
    font-size: 25px;
  }
  .site .story-section .booking-info .bk-no {
    padding: 0;
    text-align: center;
  }
  .site .story-section .image-col .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .site .treatment-block .trt-col .dish-block .title::before,
  .site .menu-two .dish-block .title::before {
    display: none;
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn {
    /*display: block;*/
    margin: 0 5px 15px;
    font-size: 16px;
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn:last-child {
    /*margin-bottom: 0;*/
  }
  .site .menu-tabs .buttons .tab-buttons .tab-btn:before {
    left: 50%;
    margin-left: -50px;
    width: 100px;
  }
  .site .menu-tabs .dish-block {
    padding: 15px;
  }
  .site .menu-tabs .dish-block .desc {
    padding-right: 0;
  }
  .site .menu-tabs .dish-block .title::before {
    display: none;
  }
  .site .menu-tabs .dish-block .title .ttl {
    width: 100%;
    padding-right: 0px;
  }
  .site .menu-tabs .dish-block .title .ttl .s-info {
    margin-left: 0px;
  }
  .site .menu-tabs .dish-block .inner-box {
    padding-top: 0px;
  }
  .site .menu-tabs .dish-block .title .price {
    position: relative;
    right: 0px;
    float: left;
    padding-left: 0px;
  }
  .site .menu-tabs .dish-block .inner-box {
    min-height: auto;
  }
  .site .treatment-style1 .treatment-box {
    padding: 30px;
  }
  .site .treatment-style1 .treatment-box .treatment-top {
    display: grid;
  }
  .site .treatment-style1 .treatment-box .treatment-ttl h4 {
    font-size: 28px;
  }
  .site .treatment-style1 .treatment-box .treatment-ttl img {
    width: 55px;
  }
  .site .treatment-style1 .treatment-box .treatment-time {
    display: flex;
    gap: 15px;
    border-left: none;
    padding-left: 0;
    align-items: baseline;
    margin-top: 15px;
  }
  .site .treatment-style1 .treatment-box .trt-time {
    border-right: solid 1px var(--black-color-opacity-four);
    padding-right: 15px;
  }
  .site .treatment-style1 .treatment-box .trt-amount {
    display: flex;
    gap: 10px;
    align-items: baseline;
  }
  .site .treatment-accord-style .card .card-body .trt-inner {
    gap: 0px;
  }
  .site .treatment-accord-style .spa-item {
    display: grid;
  }
  .site .trt-slider-box .overlay-text {
    font-size: 14px;
    padding: 3px 15px;
    line-height: 1.3em;
  }
  .site .offer-banner .offer-data h2 {
    font-size: 35px;
  }
  .site .voucher-section .voucher-block .inner-border {
    display: grid;
  }
  .site .voucher-section .voucher-block .amount-box,
  .site .voucher-section .voucher-block .content-box {
    width: 100%;
  }
  .site .voucher-section .voucher-block .content-box {
    padding: 20px 0 20px 10px;
    text-align: center;
  }
  .site .fact-counter {
    text-align: center;
  }
  .site .fact-counter .fact-block .inner p {
    padding-right: 0;
  }
  .site .fact-counter .fact-block:nth-child(1)::after,
  .site .fact-counter .fact-block:nth-child(3)::after {
    right: 0;
  }
  .site .fact-counter .fact-block {
    margin-bottom: 60px;
    /* default for all */
  }
  .site .fact-counter .fact-block:last-child {
    margin-bottom: 0;
  }
  .site .fact-counter .fact-block .inner .fact-count {
    font-size: 40px;
    padding-bottom: 10px;
  }
  .site .feature-section {
    padding: 0;
  }
  .site .fact-counter.option2 .fact-block:nth-child(1), .site .fact-counter .fact-block:nth-child(2) {
    margin-bottom: 60px;
  }
  .site .fact-counter.option2 .fact-block {
    margin-bottom: 0px;
  }
  .site .fact-counter.option2 .fact-block:nth-child(1)::after,
  .site .fact-counter.option2 .fact-block:nth-child(3)::after {
    right: 0;
  }
  .site .services-section .s-block .text {
    padding: 0px 20px 0 20px;
  }
  .site .pricing_section .pricing_pannel .pricing_inner {
    padding: 30px;
  }
  .site .special-offer .offer-block-two .inner-box {
    padding: 30px;
  }
  .site .special-offer .offer-block-two .pkg-top {
    display: grid;
  }
  .site .special-offer .offer-block-two .pkg-image {
    order: 1;
  }
  .site .special-offer .offer-block-two .pkg-header {
    order: 2;
    padding-top: 20px;
  }
  .site .special-offer .offer-block-two .pkg-ttl {
    padding-bottom: 8px;
  }
  .site .special-offer .offer-block-two .pkg-ttl br {
    display: none;
  }
  .site .special-offer .offer-block-two p {
    padding-right: 0;
  }
  .site .special-offer .offer-block-two .pkg-service-list .service-item {
    display: grid;
    gap: 0px;
    border-bottom: 1px dashed var(--black-color-opacity-four);
    text-align: left;
    padding-bottom: 14px;
  }
  .site .special-offer .offer-block-two .pkg-service-list .service-connector {
    display: none;
  }
  .site .special-offer .offer-block-two .pkg-service-group {
    padding: 40px 0;
  }
  .site .inner-banner.service-details {
    padding-left: 10px;
    padding-right: 10px;
  }
  .site .reserve-section.style-two .reserv-col .inner {
    padding: 0;
  }
  .site .reserve-section.splitscreen .reserv-col .inner {
    padding: 80px 50px;
  }
  .site .contact-page-info .c-info {
    border-bottom: 1px solid var(--black-color-opacity-four);
    margin: 0 40px;
    padding-bottom: 25px;
    margin-bottom: 40px;
  }
  .site .contact-page-info .c-info::after {
    display: none;
  }
  .site .contact-page-info .c-info p {
    padding: 0;
  }
  .site .contact-page-info .buttons-box {
    display: grid;
    text-align: center;
    margin-top: 25px;
  }
  .site .contact-page-info .c-info h5 {
    padding-bottom: 5px;
  }
  .site .contact-page-info .buttons-box::before,
  .site .contact-page-info .buttons-box::after {
    display: none;
  }
  .site .contact-page-form .form-side {
    padding: 30px;
  }
  .site .inner-banner.service-details .service-info {
    gap: 20px;
  }
  .site .inner-banner.service-details .s-infobox {
    width: 46%;
    flex: none;
  }
  .site .inner-banner.service-details .s-infobox p {
    font-size: 16px;
  }
  .site .treatment-details .sd-features .feature-box {
    padding-right: 0;
  }
  .site .treatment-details .sd-features .feature-box::after {
    width: 100%;
  }
  .site .treatment-details .cta .cta-btns {
    display: grid;
  }
  .site .image-gallery .gallery-block .caption {
    font-size: 20px;
  }
}

@media only screen and (max-width: 399px) {
  .site {
    /* heading */
    /* category menu */
    /* offer banner */
    /* treatment accrodian style */
    /* Brand Logos Section */
    /* service details page */
  }
  .site h1 {
    font-size: 35px;
  }
  .site h2 {
    font-size: 30px;
  }
  .site h3 {
    font-size: 28px;
  }
  .site .menu-cat .menucat-list .title-box h3 {
    font-size: 28px;
  }
  .site .offer-banner .offer-data h2 {
    font-size: 30px;
  }
  .site .treatment-accord-style .accord-ttl-group .trt-ttl {
    font-size: 27px;
  }
  .site .brand-logos .brand-item img {
    max-width: 120px;
  }
  .site .inner-banner.service-details {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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