/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. LOCOMOTIVE
		04. HTML ELEMENTS
		05. LINKS
		06. FORM ELEMENTS
		07. SPACING
		08. ACCORDION
		09. HAMBURGER
		10. PRELOADER
		11. PAGE TRANSITION
		12. SEARCH BOX
		13. SIDE WIDGET
		14. NAVBAR 
		15. SLIDER
		16. PLAY NOW
		17. PAGE HEADER
		18. CONTENT SECTION
		19. VIDEO BG
		20. CUSTOM LINK
		21. CUSTOM BUTTON
		22. CIRCLE BUTTON
		23. IMAGE BOX
		24. SIDE ICON LIST
		25. IMAGE BOX CAROUSEL
		26. SIDE CONTENT
		27. SIDE IMAGE
		28. SIDE LIST
		29. SIDE ARTS
		30. COUNTER BOX
		31. IMAGE CONTENT BOX
		32. TESTIMONIALS BOX
		33. COLLECTION BOX
		34. EXHIBITION BOX
		35. TEXT BOX
		36. ART SLIDER
		37. HORIZONTAL SCROLL
		38. IMAGE ICON BOX
		39. CTA BOX
		40. NOTE BOX
		41. RECENT NEWS
		42. NEWSLETTER BOX
		43. CONTACT BOX
		44. CONTACT FORM
		45. GOOGLE MAPS
		46. BLOG POST
		47. SIDEBAR
		48. FOOTER

	

*/
@font-face {
  font-family: 'Modern Romance';
  src: url('../modern_romance/Modern Romance.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Coolvetica';
  src: url('../coolvetica/Coolvetica Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url('../hero-font/Hero New Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url('../hero-font/Hero New Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url('../hero-font/Hero New Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url('../hero-font/Hero New SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url('../hero-font/Hero New Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

* {
  outline: none !important;
}

html {
  /* Locomotive Scroll's native (touch/mobile) fallback can inflate the
     document's effective width past the viewport (vendor lib quirk).
     Without this, that shows up on phones as a horizontal gap/scrollbar. */
  overflow-x: hidden;
  max-width: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Hero New', sans-serif;
  font-size: 17px;
  color: #545454 !important;
  overflow-x: hidden;
  max-width: 100%;
}

/* LOCOMOTIVE */
.no-transform {
  transform: none !important;
}

html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

/* HTML ELEMENTS */
img {
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

/* LINKS */
a {
  text-decoration: none;
  color: #080808;
}

a:hover {
  /* text-decoration: underline; */
  color: #080808;
}

/* FORM ELEMENTS */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
  /* Padding/border must count inside the max-width:100% cap below, or
     these fields overflow their container on narrow (mobile) screens. */
  box-sizing: border-box;
}

input[type="text"] {
  width: 420px;
  max-width: 100%;
  height: 60px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="email"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="search"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="password"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="number"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="date"] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="radio"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
  border-radius: 50%;
}

input[type="radio"]:checked {
  border: 6px solid #080808;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
}

input[type="checkbox"]:checked {
  border: 4px solid #ededed;
  background: #080808;
}

textarea {
  width: 520px;
  max-width: 100%;
  height: 140px;
  padding: 30px;
  border: 1px solid #cecece;
}

select {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 25px) 34px, calc(100% - 30px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type="submit"] {
  height: 55px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #6b0e24;
  border: none;
  padding: 0 35px;
}

button[type="submit"] {
  height: 60px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #6d1434;
  border: none;
  padding: 0 50px;
  border-radius: 0px !important;
}

button[type="submit"] i {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  transform: translateY(2px);
}

/* SPACING */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.spacing-400 {
  height: 400px;
}

.spacing-200 {
  height: 200px;
}

.spacing-100 {
  height: 40px;
}

.spacing-50 {
  height: 50px;
}

/* ACCORDION */
.accordion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.accordion dt {
  width: 100%;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.accordion dt a {
  display: flex;
  align-items: center;
  position: relative;
}

.accordion dt a:before {
  content: "\f078";
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  background: #94ffc4;
  border-radius: 50%;
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
}

.accordion dt a:hover {
  text-decoration: none;
}

.accordion dd {
  width: 100%;
  display: block;
  padding-top: 15px;
  margin-bottom: 30px;
}

/* HAMBURGER */
.hamburger path {
  -webkit-transform: translate3d(0, 0, 0);
  fill: transparent;
  stroke-width: 2px;
  stroke: #000;
  stroke-linecap: round;
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.hamburger path.line-center {
  padding: 10px 0;
}

.hamburger.active .line-center {
  -moz-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}

.hamburger.active .line-top {
  -moz-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -webkit-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -o-transform: rotate(45deg) translateX(6px) translateY(-9px);
  -ms-transform: rotate(45deg) translateX(6px) translateY(-9px);
  transform: rotate(45deg) translateX(6px) translateY(-9px);
}

.hamburger.active .line-bottom {
  -moz-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -webkit-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -o-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  -ms-transform: rotate(-45deg) translateX(-15px) translateY(0px);
  transform: rotate(-45deg) translateX(-15px) translateY(0px);
}

/* PRELOADER */
.preloader {
  width: 100vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
  overflow: hidden;
}

.preloader .inner {
  display: inline-block;
  position: relative;
  z-index: 1;
  animation-name: preloader-inner;
  animation-duration: 0.8s;
  transition: all ease 0.8s;
}

.preloader .inner figure {
  width: 200px;
  height: 200px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
}

.preloader .inner figure img {
  height: 100px;
}

.preloader .inner small {
  width: 100%;
  display: block;
  color: #fff;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 18px;
  text-align: center;
  margin-top: 15px;
}

.preloader .inner .progress-bar {
  background: none;
}

.preloader svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  fill: #080808;
}

.preloader svg path {
  animation-name: preloader-svg;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 0.7s;
  animation-play-state: paused;
  animation-fill-mode: forwards;
}

/* BEFORE PAGE LOADED */
.navbar {
  transform: translateY(-100%);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.20s;
}

.slider {
  transform: scale(1.4);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.25s;
  opacity: 0;
}

.page-header {
  transform: scale(1.4);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 0.25s;
  opacity: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  top: 100%;
}

.page-loaded .preloader .inner {
  transform: translateY(50px);
  opacity: 0;
}

.page-loaded .preloader svg path {
  animation-play-state: running;
}

.page-loaded .navbar {
  transform: translateY(0);
}

.page-loaded .slider {
  transform: scale(1);
  opacity: 1;
}

.page-loaded .page-header {
  transform: scale(1);
  opacity: 1;
}

/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: -100%;
  z-index: 99;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
  overflow: hidden;
}

.page-transition.active {
  top: 0;
}

.page-transition.active svg path {
  animation-name: page-transition;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.page-transition svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  fill: #080808;
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: auto;
  min-height: 400px;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  background: #fff;
  align-items: flex-start;
  padding-top: 140px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.search-box.active {
  opacity: 1;
  visibility: visible;
}

.search-box .container {
  display: flex;
  flex-wrap: wrap;
}

.search-box .container .form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}

.search-box .container .form h3 {
  width: 100%;
  display: block;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 30px;
  font-size: 30px;
}

.search-box .container .form input[type="search"] {
  width: 70%;
  border: none;
  border-bottom: 2px solid #eee;
  margin: 0 15%;
  margin-bottom: 20px;
  font-size: 19px;
}

.search-box .container .search-events {
  width: 100%;
  display: block;
  margin-top: 5vh;
}

.search-box .container .search-events ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.search-box .container .search-events ul li {
  flex: 1;
  margin: 0;
  padding: 0 5%;
  list-style: none;
  text-align: center;
}

.search-box .container .search-events ul li h5 {
  width: 100%;
  display: block;
  font-size: 20px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-weight: 400;
}

.search-box .container .search-events ul li h5 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #080808 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}

.search-box .container .search-events ul li h5 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}

.search-box .container .search-events ul li small {
  width: 100%;
  display: block;
  opacity: 0.7;
}

/* MEGA MENU DROPDOWN COLUMNS (Biennale 2026) */
.search-box .dropdown-menu-row {
  padding-top: 0;
  text-align: left;
}

.dropdown-col-title {
  /* font-family: 'Modern Romance', serif; */
  font-size: 15px;
  color: #6b0e24;
  margin-bottom: 20px;
}

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

.dropdown-links-list li {
  margin-bottom: 12px;
}

.dropdown-links-list li a {
  font-size: 13px;
  color: #080808;
  text-transform: uppercase;
  /* font-weight: 500; */
}

.dropdown-links-list li a:hover {
  color: #6b0e24;
}

.dropdown-close-btn {
  position: absolute;
  right: 60px;
  top: 40px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  color: #6b0e24;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.dropdown-close-btn:hover {
  color: #0da885;
}

/* SIDE WIDGET CLOSE BUTTON — the hamburger icon itself sits in the navbar,
   which has a lower z-index than the open drawer, so it gets covered and
   becomes untappable. This button lives inside the drawer itself, so it's
   always on top and always reachable while the menu is open. */
.side-widget-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  transition: color 0.2s ease, transform 0.2s ease;
}

.side-widget-close:hover {
  color: #94ffc4;
  transform: rotate(90deg);
}

/* SIDE WIDGET */
.side-widget {
  width: 540px;
  max-width: 80vw;
  height: 100vh;
  min-height: 500px;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 90;
  /* Was equal to .hero-countdown-bar's z-index (10), and since the bar
     comes later in the DOM it painted on top of the open drawer, bleeding
     through over the menu items. Needs to sit above every other layered
     element on the page (navbar, mega menu, leader panel) since it's a
     full-screen overlay when open. */
  padding: 30px 50px;
  padding-right: 110px;
  color: #fff;
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  overflow: auto;
}

.side-widget.active {
  left: 0;
}

.side-widget.active .logo {
  opacity: 1;
  transform: translateX(0);
}

.side-widget.active .inner {
  opacity: 1;
  transform: translateX(0);
}

.side-widget.active .display-mobile {
  opacity: 1;
  transform: translateX(0);
}

.side-widget.active svg path {
  animation-name: side-widget-in;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

.side-widget svg {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  fill: #6b0e24;
}

.side-widget svg path {
  animation-name: side-widget-out;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

.side-widget .logo {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
}

.side-widget .logo img {
  height: 62px;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.side-widget .inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
}

.side-widget .inner .widget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

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

.side-widget .inner .widget p:last-child {
  margin-bottom: 0;
  font-weight: 400;
  opacity: 0.8;
}

.side-widget .inner .widget-title {
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 15px;
  color: #94ffc4;
}

.side-widget .display-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  transform: translateX(-100px);
  display: none;
}

.side-widget .display-mobile .custom-menu {
  width: 100%;
  display: block;
  margin-top: auto;
}

.side-widget .display-mobile .custom-menu ul {
  width: 100%;
  margin: 0;
}

.side-widget .display-mobile .custom-menu ul li {
  width: 100%;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 20px;
}

.side-widget .display-mobile .custom-menu ul li a {
  display: inline-block;
  color: #fff;
  margin: 5px 0;
}

.side-widget .display-mobile .custom-menu ul li a:hover {
  text-decoration: none;
  color: #94ffc4;
}

.side-widget .display-mobile .site-menu {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  margin-top: 10px;
}

.side-widget .display-mobile .site-menu ul {
  width: 100%;
  margin: 0;
}

.side-widget .display-mobile .site-menu ul li {
  width: 100%;
  /* font-family: 'Modern Romance', serif; */
  font-size: 20px;
  list-style: none;
}

.side-widget .display-mobile .site-menu ul li a {
  display: inline-block;
  color: #fff;
  padding: 10px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.side-widget .display-mobile .site-menu ul li a:hover {
  text-decoration: none;
  color: #94ffc4;
}

.side-widget .display-mobile .site-menu ul li.mobile-register-item {
  width: 100%;
  border-bottom: none;
  margin-top: 20px;
  padding-top: 5px;
}

.side-widget .display-mobile .site-menu ul li.mobile-register-item a {
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0 28px;
  background: #ff9911;
  color: #ffffff;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  transition: .25s ease-in-out;
}

.side-widget .display-mobile .site-menu ul li.mobile-register-item a:hover {
  text-decoration: none;
  background: #080808;
  color: #fff;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 20;
  /* floats over the hero video instead of sitting in normal flow above it */
}

.navbar.light {
  color: #fff;
}

.navbar.light .custom-menu ul li a {
  color: #fff;
}

.navbar.light .site-menu ul li a {
  color: #fff;
}

.navbar.light .hamburger-menu .hamburger path {
  stroke: #fff;
}

.navbar.light .navbar-button a {
  border: 1px solid #cec9c930;
  ;
  line-height: 43px;
}

/* Now that inner pages carry a logo (matching the homepage), the button no
   longer needs to be pulled left via margin-right:auto — that trick existed
   to keep it near the menu when there was nothing anchoring the left side.
   With a logo present, restore the standard logo-left / button-right
   space-between layout, same as .homepage-navbar. */
.navbar.light .navbar-button {
  margin-right: 0;
}

.navbar.light .navbar-button a:hover {
  border-color: #94ffc4;
  background: none;
  color: #fff;
}

.navbar .logo {
  display: inline-block;
}

.navbar .logo a {
  display: block;
}

.navbar .logo a img {
  height: 80px;
}

.navbar .custom-menu {
  display: inline-block;
  margin: 0 auto;
}

.navbar .custom-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}

.navbar .custom-menu ul li a {
  display: inline-block;
  position: relative;
}

.navbar .custom-menu ul li a:hover {
  text-decoration: none;
}

.navbar .custom-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}

.navbar .custom-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #94ffc4;
  transition: width .25s ease;
}

.navbar .custom-menu ul li a:hover:before {
  width: 50%;
  background: #94ffc4;
  transition: width .25s ease;
}

.navbar .custom-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

.navbar .site-menu {
  display: inline-block;
}

.navbar .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
}

.navbar .site-menu ul li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.navbar .site-menu ul li a:hover {
  text-decoration: none;
}

/* .navbar .site-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
} */
/* .navbar .site-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #94ffc4;
  transition: width .25s ease;
}

.navbar .site-menu ul li a:hover:before {
  width: 50%;
  background: #94ffc4;
  transition: width .25s ease;
}

.navbar .site-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
} */
.navbar .search-button {
  height: 30px;
  line-height: 34px;
  display: inline-block;
  margin-left: auto;
}

.navbar .search-button i {
  display: inline-block;
  font-size: 21px;
  cursor: pointer;
}

.navbar .hamburger-menu {
  margin-left: 30px;
  display: none;
  cursor: pointer;
  padding: 10px;
  margin-right: -10px;
}

/* The drawer is narrower than the full viewport (max-width: 80vw/540px), so
   this icon — sitting at the far right of the full-width navbar — peeks out
   past the drawer's edge and still shows once it morphs into an "X". That
   reads as a second close button alongside .side-widget-close, which is the
   one actually meant to close the drawer. Hide this one (visually and from
   clicks) whenever it's in that active/X state. */
.navbar .hamburger-menu:has(.hamburger.active) {
  visibility: hidden;
  pointer-events: none;
}

.navbar .navbar-button {
  margin-left: 30px;
  margin-right: auto;
  /* claims the trailing space in the space-between row, so it sits right
     next to the site-menu/hamburger on the left instead of the far right */
}

.navbar .navbar-button a {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  padding: 0 24px;
  background: #6d1434;
  color: #ffffff;
  letter-spacing: 5px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  font-family: 'Modern Romance';
  letter-spacing: 4px;
}

.navbar .navbar-button a:hover {
  text-decoration: none;
  background: #080808;
  color: #fff;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.slider .container-fluid {
  width: calc(100% - 120px);
  margin: 0 60px;
}

.slider .kinetic-slider {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #080808;
}

.slider .kinetic-slider canvas {
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

.slider .kinetic-texts {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  padding-top: 32px;
  color: #fff;
}

.slider .kinetic-texts .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.slider .kinetic-texts .swiper-slide * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  opacity: 0;
}

.slider .kinetic-texts .swiper-slide.swiper-slide-active * {
  opacity: 1;
}

.slider .kinetic-texts .swiper-slide h1 {
  font-size: 126px;
  font-weight: 400;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
  margin-bottom: 30px;
}

.slider .kinetic-texts .swiper-slide p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #fff;
  margin-left: 10px;
}

.slider .slider-images {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.slider .slider-images .swiper-slide {
  background-size: cover !important;
}

.slider .slider-images .swiper-slide .mobile-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover !important;
  display: none;
}

.slider .slider-texts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 32px;
}

.slider .slider-texts .svg-morph {
  position: absolute;
  top: calc(50% - 200px);
  left: 50%;
  transform: translateX(-140%);
}

.slider .slider-texts .svg-morph path {
  fill: #94ffc4;
  animation-name: svg-morph;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 8s;
  animation-fill-mode: both;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.slider .slider-texts .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.slider .slider-texts .swiper-slide h1 {
  font-size: 76px;
  font-weight: 400;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
  margin-bottom: 30px;
  color: #6D1434;
}

.slider .slider-texts .swiper-slide p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #080808;
  margin-left: 10px;
}

.slider .swiper-fraction {
  width: 200px;
  color: #fff;
}

.slider .swiper-fraction span {
  width: 22px;
  display: inline-block;
  color: #080808;
  font-weight: 700;
}

.slider .swiper-fraction span:before {
  content: "0";
}

.slider .swiper-fraction .swiper-pagination-current {
  margin-right: 122px;
}

.slider .swiper-pagination-progressbar {
  top: auto;
  bottom: 56px;
  left: 50px;
  width: 100px;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}

.slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #080808;
}

.slider .slider-nav {
  display: flex;
  height: 70px;
  margin-top: -70px;
  position: relative;
  z-index: 3;
}

.slider .slider-nav .button-prev {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background: #94ffc4;
  color: #080808;
  margin-left: auto;
  margin-right: 8px;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transform: translateY(-22px);
  border-radius: 50%;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.slider .slider-nav .button-prev:hover {
  background: #080808;
  color: #94ffc4;
}

.slider .slider-nav .button-next {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  background: #94ffc4;
  color: #080808;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transform: translateY(-22px);
  border-radius: 50%;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.slider .slider-nav .button-next:hover {
  background: #080808;
  color: #94ffc4;
}

/* PLAY NOW */
.play-now {
  position: relative;
  width: 340px;
  height: 340px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 4;
  overflow: hidden;
  margin-left: -100px;
}

.play-now .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent #080808;
  transform: translateX(-50%) translateY(-50%);
}

.play-now text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  fill: #080808;
}

.play-now svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 340px;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 580px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
}

.page-header[data-background]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 32%);
  z-index: 1;
}

.page-header .inner {
  width: 100%;
  display: block;
  padding: 0 60px;
  position: relative;
  margin-top: 130px;
  z-index: 2;
  /* clears the transparent/absolute navbar floating on top of the header */
}

/* Modifier for a dark/solid page-header background (e.g. the brand burgundy)
   so the heading text stays legible without needing a photo-specific scrim. */
.page-header.on-dark .inner,
.page-header.on-dark .inner h1,
.page-header.on-dark .inner p {
  color: #fff;
}

.page-header.on-dark .inner p {
  border-left-color: rgba(255, 255, 255, 0.5);
  opacity: 0.85;
}

.page-header .inner h1 {
  font-size: 80px;
  font-weight: 400;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
  margin-bottom: 30px;
  position: relative;
}

.page-header .inner p {
  font-size: 19px;
  margin: 0;
  opacity: 0.7;
  padding-left: 30px;
  border-left: 3px solid #080808;
  margin-left: 10px;
  position: relative;
  padding-right: 50%;
}

.page-header .inner .svg-morph {
  position: absolute;
  top: calc(50% - 200px);
  left: 50%;
  z-index: 0;
  transform: translateX(-140%);
}

.page-header .inner .svg-morph path {
  fill: #94ffc4;
  animation-name: svg-morph;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 8s;
  animation-fill-mode: both;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 80px 0;
  position: relative;
  background-size: cover !important;
  background-position: center !important;
}

.content-section .container {
  position: relative;
  z-index: 1;
}

/* Washes out a data-background image (white overlay) so it reads as a
   light, low-contrast backdrop instead of competing with the text on
   top of it — text itself is untouched since only this pseudo-element
   is faded, not the section's real background or its content. */
.content-section.bg-image-light::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(255 255 255 / 60%);
    z-index: 0;
    pointer-events: none;
}

.content-section .container-fluid {
  position: relative;
  z-index: 1;
}

.bottom-white {
  position: relative;
}

.bottom-white:before {
  content: "";
  width: 100%;
  height: 140px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.bottom-white:before .container {
  position: relative;
  z-index: 1;
}

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.video-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #080808;
  z-index: 1;
  opacity: 0.85;
}

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

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-bottom: 100px; */
}

.section-title figure {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.section-title figure img {
  height: 70px;
}

.section-title h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}

.section-title h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 50px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 6px;
  line-height: 1;
  color: #6d1434;
}

/* .section-title h2::after {
  content: "";
  display: block;
  width: 200px;
  height: 20px;
  margin: 20px auto 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100'%3E%3Cpath fill='%2300A081' d='M450 65H130l-10-10h320l10 10zM870 65H550l10-10h320l-10 10zM500 15l35 35-35 35-35-35zM440 45H70l10-10h370l-10 10zM930 45H560l-10-10h370l10 10z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} */
.section-title h2 strong {
  font-weight: 600;
}

/* CUSTOM LINK */
.custom-link {
  display: inline-block;
  position: relative;
}

.custom-link:hover {
  text-decoration: none;
}

.custom-link:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}

.custom-link:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #94ffc4;
  transition: width .25s ease;
}

.custom-link:hover:before {
  width: 50%;
  background: #94ffc4;
  transition: width .25s ease;
}

.custom-link:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* CUSTOM BUTTON */
.col-12.text-center .custom-button {
  margin-top: 50px;
}

.custom-button {
  height: 70px;
  line-height: 70px;
  display: inline-block;
  background: #94ffc4;
  padding: 0 40px;
  color: #080808;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.custom-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid transparent;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.custom-button:hover {
  text-decoration: none;
  line-height: 80px;
  text-indent: 6px;
}

.custom-button:hover:before {
  top: 6px;
  left: 6px;
  border-color: #080808;
}

/* CIRCLE BUTTON */
.text-center .circle-button {
  margin: 0 auto;
}

.circle-button {
  width: 158px;
  height: 158px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #080808;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
}

.circle-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -5px;
  top: -5px;
  border: 1px solid #080808;
  border-radius: 50%;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.circle-button:hover {
  text-decoration: none;
}

.circle-button:hover:before {
  left: 0;
  top: 0;
  opacity: 0;
}

/* IMAGE BOX */
.image-box {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.image-box.is-inview img {
  opacity: 1;
  transform: scale(1);
}

.image-box img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* SIDE ICON LIST */
.side-icon-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 80px;
}

.side-icon-list.right-side {
  padding-right: 0;
  padding-left: 80px;
}

.side-icon-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.side-icon-list ul li {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  padding: 0;
  list-style: none;
}

.side-icon-list ul li:last-child {
  margin-bottom: 0;
}

.side-icon-list ul li figure {
  width: 80px;
  height: 100%;
  float: left;
  margin-bottom: 0;
}

.side-icon-list ul li figure img {
  height: 44px;
}

.side-icon-list ul li .content {
  width: calc(100% - 80px);
  display: inline-block;
  margin-top: 10px;
}

.side-icon-list ul li .content h5 {
  width: 100%;
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}

.side-icon-list ul li .content p {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.7;
}

.side-icon-list ul li .content a {
  display: inline-block;
  text-decoration: underline;
}

/* IMAGE BOX CAROUSEL */
.image-box-carousel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.image-box-carousel figure {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  position: relative;
}

.image-box-carousel figure:before {
  content: "";
  width: 1px;
  height: 64px;
  background: #6d1434;
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: -32px;
  opacity: 0.8;
}

.image-box-carousel figure img {
  width: 100%;
}

.image-box-carousel .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  text-align: center;
}

.image-box-carousel .content-box h5 {
  width: 100%;
  display: block;
  font-family: 'Modern Romance', serif;
  font-size: 20px;
  margin-bottom: 15px;
  color: #6d1434;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.image-box-carousel .content-box .custom-link {
  color: #999;
  font-weight: 700;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.side-content.left {
  padding-right: 5%;
}

.side-content small {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 20px;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  font-size: 14px;
  font-weight: 500;
  background: #94ffc4;
  border-radius: 40px;
}

.side-content h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Modern Romance';
  letter-spacing: 5px;
  font-size: 52px;
  color: #6b0e24;
  line-height: 1.2;
}

.side-content p {
  /* margin-top: 30px; */
  color: rgb(84, 84, 84);
  letter-spacing: 2px;
  font-weight: 100;
  font-size: 16px;
  line-height: 30px;
}

.side-content table {
  width: 100%;
  margin: 30px 0;
  border-collapse: separate;
  border-spacing: 0;
  opacity: 0.7;
}

.side-content table tr td {
  padding: 10px 0;
}

.side-content table tr td:first-child {
  padding-right: 20px;
  white-space: nowrap;
}

.side-content table tr td:nth-child(2) {
  font-weight: 700;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}

.side-image.left-half {
  width: 50vw;
  float: right;
}

.side-image.right-half {
  width: 50vw;
  float: left;
}

.side-image.is-inview img {
  opacity: 1;
  transform: scale(1);
}

.side-image img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.about-video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
  .about-video {
    height: 480px;
    object-fit: cover;
  }
}

/* SIDE LIST */
.side-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.side-list.left {
  padding-right: 20%;
}

.side-list.right {
  padding-left: 20%;
}

.side-list h2 {
  width: 100%;
  display: block;
  font-size: 52px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 30px;
}

.side-list ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.side-list ul li {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
}

.side-list ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #080808;
  opacity: 0.5;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 50%;
}

.side-list ul li:last-child {
  margin-bottom: 0;
}

/* SIDE ARTS */
.side-arts {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #080808;
  color: #fff;
  padding: 100px 80px;
}

.side-arts .titles {
  width: 100%;
  display: block;
  margin-bottom: 60px;
}

.side-arts .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}

.side-arts .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 52px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
}

.side-arts ul {
  width: calc(100% + 30px);
  max-width: 480px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}

.side-arts ul li {
  width: 50%;
  display: inline-block;
  margin: 0;
  margin-bottom: 20px;
  padding: 0 15px;
  list-style: none;
}

.side-arts ul li img {
  width: 100%;
  display: block;
  border: 6px solid #fff;
}

/* COUNTER BOX */
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
  padding: 0;
  padding-right: 7px;
}

.counter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.counter-box .odometer {
  font-size: 82px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0;
}

.counter-box .odometer:after {
  content: "";
  width: 70px;
  height: 70px;
  background: #6d1434;
  border-radius: 50%;
  position: absolute;
  right: -50px;
  top: -20px;
  z-index: -1;
}

.counter-box .value {
  font-size: 82px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  position: relative;
  z-index: 1;
}

.counter-box p {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  font-weight: 700;
  opacity: 0.7;
}

.counter-box .engage-title {
  position: relative;
  display: inline-block;
  font-family: 'Modern Romance', serif;
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: 5px !important;
  text-align: center;
  padding: 6px 30px 6px 6px;
  color: #6d1434; 
  text-transform: uppercase;
  letter-spacing: 5px;
}

.counter-box .engage-title .engage-dot1 {
  position: absolute;
  top: -6px;
  right: 68px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe9ce;
  z-index: -1;
}
.counter-box .engage-title .engage-dot2 {
  position: absolute;
  top: -6px;
  right: 45px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe9ce;
  z-index: -1;
}
.counter-box .engage-title .engage-dot3 {
  position: absolute;
  top: -6px;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe9ce;
  z-index: -1;
}
.counter-box .engage-title .engage-dot4 {
  position: absolute;
  top: -6px;
  right: 26px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe9ce;
  z-index: -1;
}
.counter-box .engage-title .engage-dot5 {
  position: absolute;
  top: -6px;
  right: 80px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe9ce;
  z-index: -1;
}

@media (max-width: 991px) {
  .counter-box .engage-title {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .counter-box .engage-title {
    font-size: 20px;
    padding-right: 24px;
  }

  .counter-box .engage-title .engage-dot {
    width: 20px;
    height: 20px;
    top: -4px;
  }
}

/* ENGAGEMENTS CIRCLE ROW */
.engagements-row {
  row-gap: 40px;
}

.engage-col {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 15px;
}

.engage-circle-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.engage-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #6d1434;
  border: 3px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto 20px;
}

.engage-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.engage-circle-box h3 {
  width: 100%;
  margin: 0;
  font-family: 'Modern Romance', serif;
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.engagements-dark .section-title h2 {
  color: #ffffff;
}

@media (max-width: 991px) {
  .engage-col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .engage-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 479px) {
  .engage-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* IMAGE CONTENT BOX */
.col-lg-4:nth-child(1) .image-content-box {
  padding-right: 30px;
}

.col-lg-4:nth-child(2) .image-content-box {
  padding: 0 15px;
}

.col-lg-4:nth-child(3) .image-content-box {
  padding-left: 30px;
}

.image-content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.image-content-box.is-inview figure img {
  opacity: 1;
  transform: scale(1);
}

.image-content-box figure {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}

.image-content-box figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.image-content-box .content-box {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #fff;
  margin-top: -30px;
  padding-top: 30px;
  padding-right: 30px;
}

.image-content-box .content-box h3 {
  width: 100%;
  display: block;
  font-family: 'Modern Romance', serif;
  font-size: 17px;
  margin-bottom: 15px;
  color: #6b0e24;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.image-content-box .content-box p {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 16px;
  font-weight: 100;
}

.image-content-box--bw {
  max-width: 400px;
  margin: 0 auto;
}

/* .image-content-box--bw figure img {
  filter: grayscale(100%);
} */

.image-content-box--bw figure img {
  transition: transform 0.5s ease;
}

.image-content-box--bw:hover figure img {
  transform: scale(1.08);
}

/* ENGAGEMENT CARD */
.engagement-card {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 45px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.engagement-card:hover {
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.14);
  transform: translateY(-5px);
}

.engagement-card h3 {
  width: 100%;
  margin: 0;
  text-align: center;
  font-family: 'Modern Romance', serif;
  font-size: 17px;
  color: #6b0e24;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
}

/* TESTIMONIAL BOX */
.col-md-6:nth-child(2) .testimonial-box {
  margin-left: auto;
}

.testimonial-box {
  width: 100%;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.testimonial-box .content-box {
  width: 100%;
  display: block;
  background: #fffbf7;
  position: relative;
  margin-bottom: 30px;
  padding: 25px;
  font-size: 16px;
  font-family: 'Hero New', sans-serif !important;
  color: #545454 !important;
  line-height: 28px;
  flex-grow: 1;
}

/* .testimonial-box .content-box:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #fffbf7 transparent transparent transparent;
  position: absolute;
  left: 50px;
  bottom: -20px;
} */
.testimonial-box h6 {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 50px;
}

/* COLLECTION BOX */
.col-lg-4:nth-child(3n + 1) .collection-box {
  padding-right: 30px;
}

.col-lg-4:nth-child(3n + 2) .collection-box {
  padding: 0 15px;
}

.col-lg-4:nth-child(3n + 3) .collection-box {
  padding-left: 30px;
}

.collection-box {
  width: 100%;
  display: block;
  margin: 15px 0;
}

.collection-box.is-inview img {
  opacity: 1;
  transform: scale(1);
}

.collection-box figure {
  width: 100%;
  display: block;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}

.collection-box figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.collection-box h4 {
  width: 100%;
  display: block;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 30px;
  margin-bottom: 20px;
}

.collection-box h4 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}

.collection-box h4 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}

.collection-box p {
  width: 100%;
  display: block;
  margin: 0;
}

/* EXHIBITION BOX */
.col-lg-4:nth-child(3n + 1) .exhibition-box {
  /* padding-right: 30px; */
  padding-bottom: 100px;
}

.col-lg-4:nth-child(3n + 2) .exhibition-box {
  /* padding: 0 15px; */
}

.col-lg-4:nth-child(3n + 3) .exhibition-box {
  /* padding-left: 30px; */
}

.exhibition-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.exhibition-box.is-inview .img {
  opacity: 1;
  transform: scale(1);
}

.exhibition-box figure {
  width: 100%;
  display: block;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}

.exhibition-box figure * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.exhibition-box figure .info {
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: center;
  border-radius: 40px;
}

.exhibition-box figure .info span {
  width: 100%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  font-size: 14px;
  font-weight: 500;
  background: #94ffc4;
  border-radius: 40px;
}

.exhibition-box figure .info figure {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  border-radius: 40px;
}

.exhibition-box figure .info figure img {
  width: 17px;
  height: 17px;
}

.exhibition-box figure .info:hover {
  width: auto;
}

.exhibition-box figure .info:hover figure {
  opacity: 0;
}

.exhibition-box figure .info:hover span {
  max-width: 220px;
  padding: 0 20px;
}

.exhibition-box figure .img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.exhibition-box .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.exhibition-box .content-box h4,
.testimonial-box .content-box h4 {
  width: 100%;
  display: block;
  font-family: 'Modern Romance', serif;
  font-size: 24px;
  margin-bottom: 15px;
  color: #6d1434;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.exhibition-box .content-box h4 a {
  display: inline;
  /* background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #080808 2px); */
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
  color: #6b0e24;
}

.exhibition-box .content-box h4 a:hover {
  background-size: 100% 100%;
  text-decoration: none;
}

.exhibition-box .content-box p {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 16px;
  font-weight: 100;
}

/* TEXT BOX */
.text-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.text-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 56px;
}

.text-box h3 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 46px;
}

.text-box p {
  width: 100%;
  display: block;
  opacity: 0.7;
}

/* TEXT CONTENT */
.col-lg-4:nth-child(3) .text-content {
  margin-top: 100px;
}

.text-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.text-content h6 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: 'Modern Romance', serif;
  font-size: 20px;
  font-weight: 500;
  /* letter-spacing: 5px; */
  color: #6d1434;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.text-content p {
  width: 100%;
  display: block;
  padding-right: 14%;
  /* opacity: 0.7; */
  position: relative;
  padding-left: 30px;
  color: #545454 !important;
  font-size: 16px;
  font-weight: 100;
}

.text-content p:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #6b0e24 !important;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}

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

/* ART SLIDER */
.art-slider {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.art-slider.is-inview .art-slider-images {
  opacity: 1;
  transform: scale(1);
}

.art-slider .titles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.art-slider .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  opacity: 0.5;
}

.art-slider .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 62px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
}

.art-slider .art-slider-images {
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* ART SLIDER CONTENT */
.art-slider-content {
  width: 100%;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.art-slider-content .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 0.3;
}

.art-slider-content .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.art-slider-content .swiper-slide span {
  width: 70px;
  border-bottom: 3px solid #080808;
  margin-right: 40px;
  float: left;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  transform: rotate(-90deg);
  font-weight: 700;
}

.art-slider-content .swiper-slide h3 {
  display: block;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-weight: 700;
  margin: 0;
}

/* ART SLIDER IMAGES */
.art-slider-images {
  width: 50vw;
  float: left;
  position: relative;
  overflow: hidden;
}

.art-slider-images .swiper-slide {
  background: #080808;
}

.art-slider-images .swiper-slide img {
  width: 100%;
  float: left;
}

/* HORIZONTAL SCROLL */
.horizontal-scroll {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.horizontal-scroll .scroll-inner {
  width: 200vw;
  display: flex;
  position: relative;
  z-index: 1;
}

.horizontal-scroll .scroll-inner .scroll-wrapper {
  width: 100vw;
  flex-shrink: 0;
  float: left;
}

/* IMAGE ICON BOX */
.image-icon-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 185px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.image-icon-box.is-inview .content-image img {
  opacity: 1;
  transform: scale(1);
}

.image-icon-box:hover .content-box .expand {
  max-height: 190px;
}

.image-icon-box:hover .content-box p {
  margin-bottom: 40px;
  margin-top: 20px;
}

.image-icon-box * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.image-icon-box .icon {
  width: 100px;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #94ffc4;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;
}

.image-icon-box .icon img {
  height: 50px;
}

.image-icon-box .content-image {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}

.image-icon-box .content-image img {
  width: 100%;
  display: block;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.image-icon-box .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  padding: 50px 10%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.image-icon-box .content-box .expand {
  width: 100%;
  max-height: 0;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.image-icon-box .content-box b {
  width: 100%;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}

.image-icon-box .content-box h4 {
  width: 100%;
  display: block;
  font-size: 34px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 0;
}

.image-icon-box .content-box p {
  width: 100%;
  margin: 0;
}

.image-icon-box .content-box a {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 15px;
}

.image-icon-box .content-box a:hover {
  text-decoration: none;
}

.image-icon-box .content-box a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}

.image-icon-box .content-box a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  background: #94ffc4;
  transition: width .25s ease;
}

.image-icon-box .content-box a:hover:before {
  width: 50%;
  background: #94ffc4;
  transition: width .25s ease;
}

.image-icon-box .content-box a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* CTA BOX */
.cta-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  color: #fff;
  margin: 50px 0;
}

.cta-box.dark {
  color: #080808;
  margin: 0;
}

.cta-box.dark .custom-button:hover {
  background: #94ffc4;
  color: #080808;
}

.cta-box.dark .custom-button:hover:before {
  border-color: #080808;
}

.cta-box figure {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.cta-box figure img {
  height: 70px;
}

.cta-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
}

.cta-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 92px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
}

.cta-box h2 strong {
  font-weight: 600;
}

.cta-box p {
  padding: 0 20%;
}

.cta-box .custom-button {
  margin: 0 auto;
  margin-top: 60px;
}

.cta-box .custom-button:hover {
  background: #080808;
  color: #fff;
}

.cta-box .custom-button:hover:before {
  border-color: #fff;
}

/* NOTE BOX */
.note-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #94ffc4;
  color: #080808;
  padding: 60px;
  margin: 50px 0;
}

.note-box h2 {
  width: 100%;
  display: block;
  font-size: 52px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 20px;
  line-height: 1.2;
}

.note-box p {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.7;
  font-size: 19px;
}

/* RECENT NEWS */
.col-12:nth-child(2) .recent-news {
  margin-bottom: 100px;
}

.col-12:nth-child(even) .recent-news figure {
  order: 1;
}

.col-12:nth-child(even) .recent-news .content-box {
  order: 2;
  margin-right: 0;
  margin-left: -15%;
  text-align: right;
}

.col-12:nth-child(even) .recent-news .content-box p {
  padding-left: 30%;
  padding-right: 0;
}

.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 150px;
  padding: 0 5%;
}

.recent-news figure {
  width: 60%;
  display: inline-block;
  margin: 0;
  overflow: hidden;
}

.recent-news figure.is-inview img {
  opacity: 1;
  transform: scale(1);
}

.recent-news figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.recent-news .content-box {
  width: 55%;
  display: inline-block;
  margin-right: -15%;
  position: relative;
  z-index: 1;
}

.recent-news .content-box small {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  background: #94ffc4;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}

.recent-news .content-box h3 {
  width: 100%;
  display: block;
  font-size: 54px;
  font-weight: 400;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.recent-news .content-box p {
  width: 100%;
  display: block;
  padding-right: 30%;
  margin-bottom: 40px;
  opacity: 0.7;
}

/* NEWSLETTER BOX */
.newsletter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #94ffc4;
  padding: 50px 0;
}

.newsletter-box .form {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
}

.newsletter-box .form .titles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.newsletter-box .form .titles h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
}

.newsletter-box .form .titles h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 72px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  line-height: 1;
}

.newsletter-box .form small {
  width: 100%;
  display: block;
  margin-top: 15px;
}

.newsletter-box .form small a {
  display: inline-block;
  text-decoration: underline;
}

.newsletter-box .form .inner {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #fff;
  padding: 10px;
}

.newsletter-box .form input[type="email"] {
  width: 70%;
  flex: auto;
  border: none;
  padding: 0;
  padding-left: 20px;
}

.newsletter-box .form input[type="submit"] {
  width: 30%;
  background: #94ffc4;
  padding: 0;
}

.newsletter-box .newsletter-image {
  width: 35%;
  display: inline-block;
  margin: 0;
}

.newsletter-box .newsletter-image img {
  width: 100%;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding-right: 10%;
}

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

.contact-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: 'Modern Romance', serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 5px;
}

.contact-box a {
  display: block;
  text-decoration: underline;
}

.contact-box a:hover {
  text-decoration: none;
}

.contact-box p {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  /* opacity: 0.7; */
  color: #545454;
}

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

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 10%;
}

.contact-form form {
  /* Without an explicit width, this flex item has no definite size for
     .mb-3/input's width:100% to resolve against, so they collapse back
     to the input's raw 420px content size and overflow on mobile. */
  width: 100%;
}

.contact-form .mb-3 {
  width: 100%;
  display: block;
}

.contact-form .mb-3 input[type="text"] {
  width: 100%;
}

.contact-form .mb-3 textarea {
  width: 100%;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #94ffc4;
}

.google-maps iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  filter: grayscale(1);
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 120px;
}

.blog-post figure {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog-post figure.is-inview img {
  opacity: 1;
  transform: scale(1);
}

.blog-post figure img {
  width: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.blog-post .content-box {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1.7;
}

.blog-post .content-box small {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  background: #94ffc4;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
}

.blog-post .content-box h3 {
  width: 100%;
  display: block;
  font-size: 54px;
  font-weight: 400;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.blog-post .content-box blockquote {
  width: 100%;
  display: block;
  margin: 40px 0;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 22px;
  padding-left: 40px;
  border-left: 4px solid #94ffc4;
}

.blog-post .content-box p {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  opacity: 0.7;
}

.blog-post .content-box p:last-child {
  margin-bottom: 0;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px;
}

.sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f1f1f1;
  border-right: 4px solid #f1f1f1;
  border-bottom: 4px solid #f1f1f1;
  padding: 35px;
  margin-bottom: 35px;
  position: relative;
}

.sidebar .widget * {
  position: relative;
}

.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 22px;
  color: #080808;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
}

.sidebar .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #080808;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.sidebar .widget .widget-title:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #f1f1f1;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: difference;
}

.sidebar .widget form {
  width: 100%;
  display: block;
}

.sidebar .widget form input[type="submit"] {
  margin-top: 10px;
  background: #080808;
  color: #fff;
}

.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 4px 0;
  padding: 0;
  list-style: none;
}

.sidebar .widget .categories li a {
  color: #080808;
  font-size: 19px;
}

.sidebar .widget .widget-gallery {
  width: calc(100% + 4px);
  float: left;
  margin: 0 -2px;
  padding: 0;
}

.sidebar .widget .widget-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 2px;
  list-style: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.pagination .page-item {
  display: inline-block;
}

.pagination .page-item.active .page-link {
  background: #080808;
  border-color: transparent;
  color: #fff;
}

.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  border-radius: 0 !important;
  padding: 0 20px;
  color: #080808;
}

.pagination .page-item .page-link:hover {
  text-decoration: none;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 0 !important;
}

.footer .logo {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}

.footer .logo img {
  height: 64px;
}

.footer .app-logos {
  width: 100%;
  display: block;
  margin: 0;
}

.footer .app-logos img {
  width: auto;
  height: 32px;
}

.footer .widget-title {
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 20px;
  font-family: 'Modern Romance', serif;
  position: relative;
  padding-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.footer .widget-title:after {
  content: "";
  width: 70px;
  height: 2px;
  background: #080808;
  position: absolute;
  left: 0;
  bottom: 0;
}

.footer .social-media {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.footer .social-media li {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  font-size: 14px;
}

.footer .social-media li a {
  display: inline-block;
  text-transform: uppercase;
}

.footer .social-media li a i {
  width: 20px;
  display: inline-block;
  font-size: 14px;
}

.footer .social-media li a:hover {
  text-decoration: underline;
}

.footer .footer-menu {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 0;
}

.footer .footer-menu li {
  margin-bottom: 8px;
  list-style: none;
}

.footer .footer-menu li a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
}

.footer .address {
  width: 100%;
  display: block;
  line-height: 1.8;
  font-size: 14px;
}

.footer .address strong {
  width: 100%;
  display: block;
  /* margin-bottom: 15px; */
  /* letter-spacing: 2px; */
}

.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 18px 0;
  background: #6d1434;
  /* Burgundy */
  margin-top: 0;
  font-size: 11px;
  color: #fff;
}

.footer-strip-img {
  width: 100%;
  display: block;
  height: 30px;
  margin-top: 40px;
  margin-bottom: -5px;
  vertical-align: bottom;
}

.footer .footer-bottom .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.footer .footer-bottom .copyright {
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
}

.footer .footer-bottom .designed-by {
  margin-left: auto;
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
}

.footer .footer-bottom .designed-by a {
  display: inline-block;
  color: #fff;
}

.footer .footer-bottom .designed-by a:hover {
  opacity: 0.85;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px),
only screen and (max-device-width: 1199px) {
  .search-box .container .search-events ul li {
    padding: 0 2%;
  }

  .slider .slider-texts .swiper-slide h1 {
    font-size: 92px;
  }

  .navbar .site-menu ul li {
    margin: 0 10px;
  }

  .navbar .navbar-button {
    display: none;
  }

  .play-now {
    left: 60%;
  }

  .page-header .inner h1 {
    font-size: 92px;
  }

  .page-header .inner p {
    padding-right: 30%;
  }

  .section-title h2 {
    font-size: 72px;
  }

  .side-icon-list ul li {
    margin-bottom: 30px;
  }

  .side-icon-list.right-side {
    padding-left: 30px;
  }

  .exhibition-box .content-box h4 {
    font-size: 25px;
  }

  .exhibition-box {
    padding: 0 !important;
  }

  .collection-box {
    padding: 0 !important;
  }

  .collection-box h4 {
    font-size: 25px;
  }

  .image-content-box {
    padding: 0 !important;
  }

  .counter-box .odometer {
    font-size: 56px;
  }

  .counter-box .value {
    font-size: 56px;
  }

  .testimonial-box {
    max-width: 100%;
  }

  .text-content p {
    padding-right: 10%;
  }

  .image-icon-box .content-box h4 {
    font-size: 26px;
  }

  .image-icon-box:hover .content-box .expand {
    max-height: 400px;
  }

  .side-list.right {
    padding-left: 30px;
  }

  .side-content h2 {
    font-size: 46px;
  }

  .side-content.left {
    padding-right: 30px;
  }

  .art-slider-content {
    height: 300px;
  }

  .art-slider .titles h2 {
    font-size: 46px;
  }

  .cta-box h2 {
    font-size: 72px;
  }

  .contact-form {
    padding: 0;
  }

  .recent-news .content-box h3 {
    font-size: 38px;
  }

  .newsletter-box .form {
    width: 100%;
    padding: 0;
  }

  .newsletter-box .newsletter-image {
    display: none;
  }
}

/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px),
only screen and (max-device-width: 991px) {
  .navbar .hamburger-menu {
    display: inline-block;
  }

  input {
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
  }

  input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
  }

  textarea {
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
  }

  .side-widget.active .display-mobile {
    display: flex;
  }

  .side-widget.active .inner {
    display: none;
  }

  .side-widget {
    width: 440px;
    padding: 40px;
  }

  .search-box .container .search-events ul {
    display: none;
  }

  .navbar .custom-menu {
    display: none;
  }

  .navbar .site-menu {
    display: none;
  }

  .navbar .navbar-button {
    display: inline-block;
  }

  .slider .slider-texts .swiper-slide h1 {
    font-size: 72px;
  }

  .slider .slider-texts .swiper-slide p {
    opacity: 1;
  }

  .slider .slider-images .swiper-slide .mobile-slide {
    display: block;
  }

  .play-now {
    display: none;
  }

  .section-title h2 {
    font-size: 48px;
  }

  .page-header .inner p {
    padding-right: 10%;
    padding-left: 0;
    border-left: none;
    margin-left: 0;
  }

  .side-icon-list {
    padding-left: 0;
  }

  .side-icon-list ul li .content p br {
    display: none;
  }

  .sidebar {
    padding-left: 0;
    margin-top: 60px;
  }

  .col-lg-4:nth-child(1) .exhibition-box {
    padding-right: 0;
  }

  .col-lg-4:nth-child(2) .exhibition-box {
    padding: 0;
  }

  .col-lg-4:nth-child(3) .exhibition-box {
    padding-left: 0;
    margin: 50px 0;
  }

  .col-lg-3 .circle-button {
    display: none;
  }

  .col-lg-5 .side-icon-list.right-side {
    margin-top: 60px;
  }

  .cta-box h2 {
    font-size: 52px;
  }

  .exhibition-box {
    margin-top: 60px;
  }

  .side-image.right-half {
    width: 100%;
  }

  .side-image.left-half {
    width: 100%;
  }

  .image-content-box {
    margin-top: 60px;
  }

  .side-arts {
    width: 100%;
  }

  .counter-box {
    margin: 15px 0;
  }

  .art-slider {
    margin-top: -80px;
  }

  .art-slider-content {
    height: 200px;
    margin-bottom: 80px;
  }

  .art-slider-images {
    width: 100%;
  }

  .image-icon-box {
    border-right: none;
  }

  .recent-news {
    padding: 0;
    margin-bottom: 80px;
  }

  .recent-news .content-box {
    width: 100%;
    margin-bottom: 0;
    order: 2;
  }

  .recent-news figure {
    width: 100%;
    order: 1;
    margin-bottom: 50px;
  }

  .contact-form {
    margin-top: 60px;
  }

  .col-12:nth-child(even) .recent-news .content-box {
    text-align: left;
    margin: 0;
  }

  .col-12:nth-child(even) .recent-news .content-box p {
    padding-left: 0;
  }

  .newsletter-box {
    padding: 50px 0;
  }

  .newsletter-box .form .titles h2 {
    font-size: 48px;
  }

  .footer .footer-menu {
    margin-bottom: 50px;
  }
}

/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
  .preloader {
    background: #080808;
  }

  .preloader svg {
    display: none;
  }

  .page-transition {
    background: #080808;
  }

  .page-transition svg {
    display: none;
  }

  .content-section {
    padding: 80px 0;
  }

  .side-widget {
    padding: 30px;
    padding-right: 0;
    width: 100%;
    max-width: 85vw;
  }

  .side-widget .logo img {
    height: 52px;
  }

  .search-box .container .form input[type="search"] {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .navbar {
    padding: 20px 15px;
  }

  .navbar .navbar-button {
    display: none;
  }

  .navbar .logo a img {
    height: 48px;
  }

  .slider .container-fluid {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding: 0;
  }

  .slider .slider-texts .swiper-slide h1 {
    font-size: 42px;
  }

  .slider .slider-texts .swiper-slide h1 br {
    display: none;
  }

  .slider .slider-texts .swiper-slide p {
    margin-left: 0;
    padding-left: 20px;
    font-size: 17px;
  }

  .slider .slider-texts .swiper-slide p br {
    display: none;
  }

  .slider .slider-nav.container-fluid {
    margin-top: -70px;
  }

  .slider .swiper-pagination-progressbar {
    display: none;
  }

  .slider .swiper-fraction {
    display: none;
  }

  .slider .slider-images .button-prev {
    margin-left: 0;
    width: 60px;
    height: 60px;
  }

  .slider .slider-images .button-next {
    width: 60px;
    height: 60px;
  }

  .page-header .inner {
    padding: 0 15px;
  }

  .page-header .inner h1 {
    font-size: 42px;
  }

  .page-header .inner p {
    font-size: 17px;
    padding-right: 0;
  }

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

  .section-title--spaced {
    margin-bottom: 50px;
  }

  .intro-lead-text {
    font-size: 17px;
  }

  .section-title h2 {
    font-size: 40px;
  }

  .section-title h2 br {
    display: none;
  }

  .side-content.left br {
    display: none;
  }

  .counter-box {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .side-content.left {
    padding-right: 0;
  }

  .side-content table {
    font-size: 14px;
  }

  .side-icon-list ul li figure {
    width: 100%;
    margin-bottom: 10px;
  }

  .side-icon-list ul li .content {
    width: 100%;
  }

  .side-icon-list ul li .content p br {
    display: none;
  }

  .col-lg-6 .side-list.right {
    padding-left: 0;
    margin-top: 60px;
  }

  .col-lg-3:last-child .counter-box {
    margin-bottom: 0;
  }

  .col-lg-6 .side-icon-list {
    margin-bottom: 50px;
    padding-right: 0;
  }

  .collection-box figure {
    margin-bottom: 15px;
  }

  .col-lg-4:nth-child(1) .image-content-box {
    margin-top: 0;
  }

  .blog-post .content-box h3 {
    font-size: 32px;
  }

  .note-box {
    padding: 30px;
  }

  .note-box h2 {
    font-size: 32px;
  }

  .text-box p {
    padding-right: 0;
  }

  .art-slider {
    margin-top: 0;
  }

  .art-slider-content {
    display: none;
  }

  .cta-box h2 {
    font-size: 42px;
  }

  .side-icon-list.right-side {
    padding: 0;
  }

  .exhibition-box {
    margin-top: 60px;
  }

  .col-12.text-center .custom-button {
    margin-top: 0;
  }

  .col-lg-4:nth-child(1) .exhibition-box {
    margin-top: 0;
  }

  .col-lg-4:nth-child(3) .text-box {
    margin: 50px 0;
  }

  .col-lg-4:last-child .image-icon-box .content-box {
    padding-bottom: 0;
  }

  .col-lg-4:nth-child(3) .text-content {
    margin: 30px 0;
  }

  .col-lg-6 .side-icon-list.left-side {
    padding-top: 60px;
    padding-right: 0;
  }

  .side-arts {
    padding: 80px 30px;
  }

  .testimonial-box {
    /* margin-bottom: 60px; */
  }

  .testimonial-box .content-box {
    padding: 30px;
  }

  .col-md-6:last-child .testimonial-box {
    margin-bottom: 0;
  }

  .image-content-box .content-box {
    width: 100%;
    margin-top: 0;
  }

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

  .text-content p {
    padding: 0 5%;
  }

  .text-content p:before {
    display: none;
  }

  .image-icon-box {
    padding-bottom: 100px;
  }

  .image-icon-box .content-box {
    padding: 30px 0;
  }

  .image-icon-box .icon {
    width: 60px;
    height: 60px;
  }

  .image-icon-box .icon img {
    height: 36px;
  }

  .recent-news figure {
    margin-bottom: 20px;
  }

  .recent-news .content-box h3 {
    font-size: 27px;
  }

  .recent-news .content-box p {
    padding: 0;
  }

  .text-box h2 {
    font-size: 42px;
  }

  .col-md-2 img {
    margin-bottom: 30px;
  }

  .col-12:nth-child(2) .recent-news {
    margin-bottom: 50px;
  }

  .newsletter-box {
    padding: 50px 0;
  }

  .newsletter-box .form .titles h2 {
    font-size: 34px;
  }

  .newsletter-box .form .inner {
    width: 100%;
  }

  .newsletter-box .form input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }

  .newsletter-box .form input[type="submit"] {
    width: 100%;
  }

  .footer {
    padding-top: 80px;
  }

  .footer .social-media {
    margin-bottom: 50px;
  }

  .footer .footer-bottom .creation {
    width: 100%;
  }
}

/* ANIMATIONS */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }

  to {
    -moz-transform: rotate(0);
  }
}

@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(360deg);
  }

  to {
    -ms-transform: rotate(0);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }

  to {
    -o-transform: rotate(0);
  }
}

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

  to {
    transform: rotate(0);
  }
}

@-webkit-keyframes svg-morph {
  0% {
    d: path("m244.333332,38.437499c26.666664,-1.666666 125.666662,0.999995 195.333325,50.33333c69.666663,49.333335 -39.666664,141.666664 -70.666664,174.229164c-31,32.5625 -176.999993,107.437507 -234.999993,76.437507c-58,-31 73.666665,-107.000001 49,-190.4375c-24.666665,-83.437499 34.666668,-108.895835 61.333332,-110.562501z");
  }

  100% {
    d: path("m244.333332,38.437499c58.666669,50.333342 24.666647,101.000011 94.33331,150.333346c69.666663,49.333335 71.333353,156.666666 14.333349,175.229163c-57.000004,18.562498 -160.999991,6.437492 -218.999991,-24.562508c-58,-31 -109.333363,-174.000012 -70.000018,-236.437507c39.333345,-62.437496 121.666681,-114.895836 180.33335,-64.562494z");
  }
}

@-webkit-keyframes preloader-svg {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }

  50% {
    d: path("M0,230 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,960 305.333333,1080 0,1080 L0,230 Z");
  }

  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}

@-webkit-keyframes preloader-inner {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes page-transition {
  0% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z");
  }

  100% {
    d: path("M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z");
  }
}

@-webkit-keyframes side-widget-in {
  0% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }

  50% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }

  100% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }
}

@-webkit-keyframes side-widget-out {
  0% {
    d: path("M540,1080H0V0h540c0,179.85,0,359.7,0,539.54C540,719.7,540,899.85,540,1080z");
  }

  50% {
    d: path("M540,1080H0V0h540c-40.28,124.78-85.13,311.48-85,541C455.13,769.53,499.81,955.48,540,1080z");
  }

  100% {
    d: path("M540,1080H0V0h540c31.96,142.05,60.09,325.94,60,541C599.91,755.16,571.87,938.34,540,1080z");
  }
}

/* Custom CII Banaras Hero Banner — video-only at every screen size.
   The video is a full-width 16:9 block (never cropped or stretched) with
   the countdown bar stacked directly beneath it in normal document flow,
   so there's no fixed-height/overlap math to keep in sync across widths. */
.hero-banner {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: #fffcf9;
  overflow: hidden;
}

/* Dark shade behind the transparent navbar so the light menu text/icons
   stay readable regardless of how bright the video's top edge is. */
.hero-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;
  max-height: 40%;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); */
  z-index: 10;
  pointer-events: none;
}

/* Title and Hindi tagline are hidden — hero is video-only, on desktop too. */
.hero-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 59%;
  height: 100%;
  box-sizing: border-box;
  padding: 50px 80px 115px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  z-index: 2;
}

.hindi-text {
  display: block;
  font-size: clamp(15px, 1.4vw, 24px);
  color: #0da885;
  /* premium green/turquoise */
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  z-index: 3;
}

.hero-title {
  font-family: 'Modern Romance', serif;
  font-size: clamp(47px, 5vw, 116px);
  line-height: 1.25;
  color: #080808;
  /* dark charcoal for cream background contrast */
  position: relative;
  z-index: 3;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  overflow-wrap: break-word;
  letter-spacing: 5px;
}

.hero-video-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  background: #fffcf9;
  z-index: 1;
}

.hero-video-container video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  /* contain (not cover) so the video frame is never cropped, at any width */
}

.hero-countdown-bar {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #6b0e24;
  /* Burgundy */
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.11'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  z-index: 10;
  color: #fff;
  font-family: 'Hero New', sans-serif;
  box-shadow: none;
  background-image: linear-gradient(200deg, #6b0e24 0%, #6d1434 40%);
}

.countdown-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.countdown-bg-text {
  position: absolute;
  font-family: 'Modern Romance', serif;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.05);
  /* very faint background label */
  white-space: nowrap;
  letter-spacing: 5px;
  z-index: 1;
  pointer-events: none;
  text-transform: uppercase;
}

.countdown-timer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 15px;
}

.time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 58px;
  /* background: rgba(255, 255, 255, 0.06); */
  /* border: 1px solid rgba(255, 255, 255, 0.08); */
  padding: 10px 10px;
  border-radius: 8px;
  gap: 1px;
  transition: transform 0.2s ease, background 0.2s ease;
}

.time-box:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

.time-box span {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 34px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}

.time-box small {
  font-size: 7px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-weight: 500;
}

.countdown-date {
  font-size: 17px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 500;
  text-align: right;
  max-width: 350px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Pulsing live dot next to the date */
/* .pulse-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #94ffc4;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(148, 255, 196, 0.7);
  animation: pulse 1.8s infinite;
} */
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(148, 255, 196, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(148, 255, 196, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(148, 255, 196, 0);
  }
}

.video-nav-buttons {
  position: absolute;
  right: 40px;
  bottom: 140px;
  /* positioned above the taller countdown bar */
  display: flex;
  gap: 12px;
  z-index: 5;
}

.video-nav-btn {
  width: 50px;
  height: 50px;
  background: #0da885;
  /* green/teal */
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
}

.video-nav-btn:hover {
  background: #080808;
}

/* Hero video sound toggle — bottom-right of the video container itself
   (the countdown bar below it is a separate block in normal flow, not
   overlapping the video, so no extra clearance is needed here). */
.sound-toggle-btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 46px;
  height: 46px;
  background: rgba(8, 8, 8, 0.55);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  z-index: 5;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.sound-toggle-btn:hover {
  background: #6b0e24;
  border-color: #6b0e24;
}

@media only screen and (max-width: 575px) {
  .sound-toggle-btn {
    right: 15px;
    bottom: 15px;
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}

/* Hero video caption — bottom-left of the video container. */
.hero-video-caption {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 5;
  color: #ffffff;
  font-family: 'Modern Romance', serif;
  letter-spacing: 6px;
  font-size: 50px;
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 991px) {
  .hero-video-caption {
    font-size: 36px;
    left: 20px;
    bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-video-caption {
    font-size: 24px;
    left: 15px;
    bottom: 15px;
  }
}

/* Responsive adjustment for Split Banner
   Threshold raised to 1199px so the 40/60 split (designed for wide desktop
   text widths) never has to squeeze into narrow small-desktop/tablet widths.
   The video container and hero-content hiding are unconditional now (base
   rule, above) since the hero is video-only at every width — this block
   only needs to re-flow the countdown bar's internals for narrower screens. */
@media only screen and (max-width: 1199px) {
  .hero-circle {
    width: 200px;
    height: 200px;
    top: 140px;
  }

  .hero-countdown-bar {
    height: auto;
    flex-direction: column;
    padding: 25px 40px;
    gap: 15px;
    text-align: center;
  }

  .countdown-info {
    max-width: 100%;
    text-align: center;
  }

  .countdown-date {
    text-align: center;
    max-width: 100%;
  }

  .countdown-timer {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 25px;
  }

  .video-nav-buttons {
    bottom: 20px;
    right: 20px;
  }
}

/* Pulse Grid Container Overrides */
.pulse-grid-container .image-box {
  height: 320px;
  margin-bottom: 30px;
}

.pulse-grid-container .image-box img {
  height: 100%;
  object-fit: cover;
}

/* Horizontal Scroll Card Overlay */
.scroll-card-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgb(0 0 0) 100%);
  /* gradient ending in Burgundy */
  display: flex;
  align-items: flex-end;
  padding: 30px;
  box-sizing: border-box;
  z-index: 2;
  transition: all 0.3s ease;
}

.image-box:hover .scroll-card-overlay {
  background: linear-gradient(to bottom, rgb(0 0 0 / 49%) 40%, rgb(0 0 0) 100%);
}

.scroll-card-overlay h3 {
  color: #fff !important;
  font-family: 'Modern Romance', serif;
  font-size: 18px;
  line-height: 1.1;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  /* letter-spacing: 5px; */
  transition: transform 0.3s ease;
  color: #6b0e24;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.image-box:hover .scroll-card-overlay h3 {
  transform: translateY(-5px);
}

.carousel-wrapper {
  padding: 0 80px;
  position: relative;
}

.intro-lead-text {
  margin-top: 30px;
  color: #545454;
  letter-spacing: 2px;
  font-weight: 100;
  font-size: 16px;
}

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

/* Swiper Carousel Navigation Buttons */
.carousel-nav-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  pointer-events: none;
  z-index: 10;
}

.carousel-btn-prev,
.carousel-btn-next {
  width: 50px;
  height: 50px;
  background: #6d1434;
  /* Burgundy */
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.25s ease;
  font-size: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.carousel-btn-prev:hover,
.carousel-btn-next:hover {
  background: #0da885;
  /* Teal/green */
  color: #fff;
}

/* Force visibility and uniform height for Swiper carousel image boxes */
.image-box-carousel .image-box {
  height: 300px;
  width: 100%;
}

.image-box-carousel .image-box img {
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

@media only screen and (max-width: 768px) {
  .carousel-wrapper {
    padding: 0 30px;
  }

  .carousel-nav-buttons {
    position: relative;
    top: auto;
    transform: none;
    margin-top: 30px;
    justify-content: center;
    gap: 20px;
    padding: 0;
  }
}

@media only screen and (max-width: 480px) {
  .carousel-wrapper {
    padding: 0 15px;
  }

  .image-box-carousel .image-box {
    height: 220px;
  }
}

/* Nav dropdown chevron icons */
.site-menu ul li .fa-chevron-down {
  font-size: 10px;
  /* margin-left: 5px; */
  vertical-align: middle;
}

/* Chevron Rotation Hover Animation */
.biennale-dropdown-trigger i {
  display: inline-block !important;
  transition: transform 0.3s ease-in-out;
}

.biennale-dropdown-trigger:hover i,
.biennale-dropdown-trigger.active i {
  transform: rotate(180deg);
}

/* About Dropdown (Desktop) */
.navbar .site-menu ul li.has-dropdown {
  position: relative;
}

.navbar .site-menu ul li.has-dropdown .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 250px;
  /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); */
  list-style: none;
  padding: 10px 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  z-index: 99;
  text-align: left;
}

.navbar .site-menu ul li.has-dropdown:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Nested Dropdowns (Desktop) */
.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown {
  position: relative;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -10px;
  opacity: 0;
  visibility: hidden;
  transform: translate(10px, 0);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown>a i {
  transition: transform 0.3s ease;
  margin-left: 10px;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li.has-dropdown:hover>a i {
  transform: rotate(90deg);
}

.navbar .site-menu ul li.has-dropdown .sub-menu li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li a {
  width: 100%;
  display: block;
  padding: 12px 25px;
  font-size: 15px;
  /* font-weight: 500; */
  color: #080808 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background 0.2s ease, color 0.2s ease;
  /* font-family: 'Hero New', sans-serif; */
  letter-spacing: 3px;
}

.navbar .site-menu ul li.has-dropdown .sub-menu li a:hover {
  background: #f7f7f7;
  color: #6b0e24 !important;
}

.navbar .site-menu ul li.has-dropdown>a i {
  transition: transform 0.3s ease;
}

.navbar .site-menu ul li.has-dropdown:hover>a i {
  transform: rotate(180deg);
}

/* Nav Dropdown (Mobile off-canvas) — tap-to-expand accordion */
.side-widget .display-mobile .site-menu ul li {
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.12); */
}

.side-widget .display-mobile .site-menu ul li:last-child {
  border-bottom: none;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Dedicated toggle button, separate from the <a> — clicking it can never
   accidentally fire the link's navigation. Placed after the label (order: 2)
   so it sits on the right of the row, icon-only (no background/circle),
   and sized to the icon itself (padding, not a large fixed box) so it
   reads as part of the same row rather than a separate floating button. */
.side-widget .display-mobile .site-menu ul li.has-dropdown .mobile-dropdown-toggle {
  order: 2;
  padding: 8px 4px 8px 8px;
  margin-left: 6px;
  margin-right: -4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.3s ease, color 0.2s ease;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .mobile-dropdown-toggle i {
  font-size: 16px;
  pointer-events: none;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown.sub-menu-open .mobile-dropdown-toggle {
  transform: rotate(180deg);
  color: #94ffc4;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown>a {
  order: 1;
  /* Sized to its own text (not flex:1) so the toggle icon sits right next
     to the label instead of being pushed to the far edge of the row. */
  flex: 0 1 auto;
  max-width: calc(100% - 40px);
}

.side-widget .display-mobile .site-menu ul li.has-dropdown>ul.sub-menu {
  order: 3;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown.sub-menu-open>a {
  color: #94ffc4;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu {
  width: 100%;
  list-style: none;
  padding-left: 18px;
  margin: 0 0 6px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  /* hidden by default; JS (slideToggle) reveals it — keeps first paint short on tap */
  display: none;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu li {
  width: 100%;
  /* display: block; */
  font-size: 16px;
  border-bottom: none;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu li a {
  font-size: 14px;
  opacity: 0.85;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  padding: 7px 0;
  margin: 0;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu li a:hover {
  opacity: 1;
  color: #94ffc4;
}

/* Level 2 nesting (e.g. Experience Banaras > Top Attractions > venues) */
.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu .sub-menu {
  margin: 0 0 4px;
  padding-left: 14px;
}

.side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu .sub-menu li a {
  font-size: 12px;
  opacity: 0.7;
  padding: 6px 0;
}

/* ===================================================================
   FINE-GRAINED RESPONSIVE — small tablets, large phones (≤575px)
   =================================================================== */
@media only screen and (max-width: 575px) {
  .navbar {
    padding: 15px 20px;
  }

  .navbar .logo a img {
    height: 40px;
  }

  .navbar .hamburger-menu {
    margin-left: 15px;
  }

  .hamburger {
    width: 26px;
    height: 26px;
  }

  .side-widget {
    max-width: 100vw;
    padding: 25px 20px;
    padding-right: 20px;
  }

  .side-widget .logo img {
    height: 44px;
  }

  .side-widget .inner .widget-title {
    font-size: 21px;
  }

  .side-widget .display-mobile .site-menu ul li {
    font-size: 17px;
  }

  .side-widget .display-mobile .site-menu ul li.has-dropdown .sub-menu li a {
    font-size: 13px;
  }

  .side-widget .display-mobile .site-menu ul li.has-dropdown .mobile-dropdown-toggle {
    padding: 6px 4px 6px 6px;
    margin-left: 4px;
  }

  .side-widget .display-mobile .site-menu ul li.has-dropdown .mobile-dropdown-toggle i {
    font-size: 14px;
  }

  .search-box {
    padding-top: 110px;
    min-height: 100vh;
    overflow-y: auto;
  }

  .dropdown-col-title {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .dropdown-links-list li {
    margin-bottom: 8px;
  }

  .dropdown-links-list li a {
    font-size: 16px;
  }

  .dropdown-close-btn {
    right: 15px;
    top: 15px;
    font-size: 24px;
    width: 36px;
    height: 36px;
  }

  .side-widget-close {
    top: 15px;
    right: 50px;
    width: 36px;
    height: 36px;
    font-size: 20px;
  }

  .hero-countdown-bar {
    padding: 20px;
  }

  .countdown-desc {
    font-size: 11px;
  }

  .countdown-timer {
    gap: 10px 16px;
  }

  .time-box span {
    font-size: 20px;
  }

  .time-box small {
    font-size: 7px;
  }

  .countdown-date {
    font-size: 13px;
  }

  .content-section {
    padding: 50px 0;
  }

  .section-title h2 {
    font-size: 30px;
  }

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

  .intro-lead-text {
    font-size: 15px;
    letter-spacing: 1px;
  }

  .exhibition-box .content-box h4,
  .testimonial-box .content-box h4 {
    font-size: 22px;
  }

  .testimonial-box .content-box {
    padding: 22px;
    font-size: 16px;
  }

  .testimonial-box h6 {
    padding-left: 22px;
  }

  .scroll-card-overlay {
    padding: 18px;
  }

  .scroll-card-overlay h3 {
    font-size: 19px;
  }

  .carousel-btn-prev,
  .carousel-btn-next {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .footer {
    padding-top: 50px;
  }

  .footer .widget-title {
    font-size: 19px;
  }

  .footer .footer-bottom {
    padding: 20px 0;
    text-align: center;
  }

  .footer .footer-bottom .container {
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    text-align: center;
  }

  .footer .footer-bottom .copyright {
    font-size: 12px;
  }

  .footer .footer-bottom .designed-by {
    margin-left: 0;
  }
}

/* ===================================================================
   FINE-GRAINED RESPONSIVE — small phones (≤400px)
   =================================================================== */
@media only screen and (max-width: 400px) {
  .navbar {
    padding: 12px 15px;
  }

  .navbar .logo a img {
    height: 36px;
  }

  .countdown-timer {
    gap: 8px 12px;
  }

  .time-box span {
    font-size: 18px;
  }

  .section-title h2 {
    font-size: 26px;
  }

  .side-widget {
    padding: 20px 15px;
  }

  .side-widget .display-mobile .site-menu ul li.mobile-register-item a {
    height: 46px;
    line-height: 46px;
    font-size: 12px;
  }
}

/* LEADERSHIP CARD (Leadership page) — full-bleed square photo, 4-up grid */
.leadership-card {
  width: 100%;
  text-align: center;
  /* background: #fffcf9; */
  /* border: 1px solid rgba(107, 14, 36, 0.08); */
  overflow: hidden;
  margin-bottom: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.leadership-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  border-color: rgba(107, 14, 36, 0.25);
}

.leadership-card .avatar {
  width: 210px;
  aspect-ratio: 1 / 1;
  margin: 24px auto 0;
  overflow: hidden;
  border-radius: 50%;
  background: #fbf3ea;
}

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

.leadership-card:hover .avatar img {
  transform: scale(1.08);
}

.leadership-card h4 {
  font-family: 'Modern Romance', serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  margin: 16px 0 0;
  padding: 0 14px;
  color: #080808;
  letter-spacing: 5px;
}

.leadership-card h4:after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: #6d1434;
  margin: 10px auto 0;
}

.leadership-card p {
  font-size: 12.5px;
  line-height: 1.5;
  color: #545454;
  opacity: 0.85;
  margin: 0;
  padding: 12px 16px 22px;
}

@media only screen and (max-width: 767px) {
  .leadership-card h4 {
    font-size: 19px;
  }

  .leadership-card p {
    font-size: 14px;
  }
}

.leadership-card {
  cursor: pointer;
}

/* LEADER DETAIL PANEL — same off-canvas slide mechanic as .side-widget,
   mirrored to open from the right, showing the clicked leader's full info. */
.leader-panel-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 59;
  background: rgba(8, 8, 8, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.leader-panel-overlay.active {
  opacity: 1;
  visibility: visible;
}

.leader-panel {
  width: 480px;
  max-width: 88vw;
  height: 100vh;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 60;
  background: #6b0e24;
  color: #fff;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25);
  padding: 70px 45px 50px;
  overflow-y: auto;
  transition-duration: 0.6s;
  transition-property: right;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.leader-panel.active {
  right: 0;
}

.leader-panel-close {
  width: 44px;
  height: 44px;
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

.leader-panel-close:hover {
  color: #94ffc4;
  transform: rotate(90deg);
}

.leader-panel-photo {
  width: 100%;
  max-width: 260px;
  aspect-ratio: 1 / 1;
  margin: 0 auto 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.leader-panel-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.leader-panel-name {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  color: #94ffc4;
}

.leader-panel-title {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  margin: 20px 0 0;
}

@media only screen and (max-width: 575px) {
  .leader-panel {
    padding: 60px 25px 40px;
  }

  .leader-panel-name {
    font-size: 24px;
  }
}

/* CURATOR PAGE */
.page-header .inner p.header-subtext {
  padding-right: 0;
  padding-left: 0;
  border-left: none;
  margin-left: 0;
  margin-bottom: 15px;
  opacity: 1;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.curator-card {
  cursor: default;
}

.curator-avatar {
  margin: 0 auto 25px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fffbf7;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.curator-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.curator-name {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 28px;
  margin-bottom: 10px;
  color: #080808;
}

.curator-title {
  font-size: 13px;
  font-weight: 700;
  color: #0da885;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
}

.curator-testimonial-box {
  max-width: 100%;
  margin-bottom: 40px;
}

.curator-content-box {
  padding: 40px;
  background: #fffbf7;
  border-left: 4px solid #6b0e24;
}

.curator-vision-title {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 28px;
  color: #6b0e24;
  margin-bottom: 25px;
}

.curator-quote {
  font-style: italic;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #222;
  border-left: 3px solid #0da885;
  padding-left: 20px;
}

.curator-p {
  font-size: 16px;
  line-height: 1.8;
  color: #545454;
  margin-bottom: 20px;
}

.curator-p-last {
  font-size: 16px;
  line-height: 1.8;
  color: #545454;
  margin-bottom: 0;
}

/* CURATOR PROFILE NEW SIDE-BY-SIDE LAYOUT */
.curator-profile-section {
  /* background-color: #ebebeb; */
  /* Light gray background */
  padding: 100px 0;
  color: #000000;
  width: 100%;
  display: block;
}

.curator-layout-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.curator-layout-left {
  flex: 0 0 35%;
  max-width: 35%;
  display: flex;
  justify-content: center;
}

.curator-profile-img-wrap {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  border: 1px solid #6d1434;
}

.curator-profile-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.curator-layout-middle {
  flex: 0 0 30%;
  max-width: 30%;
  padding-left: 45px;
  box-sizing: border-box;
}

.curator-label-prefix {
  font-size: 13px;
  font-weight: 700;
  color: #6b0e24;
  /* Red/Burgundy color from theme */
  text-transform: uppercase;
  letter-spacing: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  font-family: 'Modern Romance';
}

/* .curator-label-prefix::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #6b0e24;
} */
.curator-layout-name {
  font-family: 'Modern Romance';
  font-size: 44px;
  font-weight: 900;
  line-height: 1.05;
  color: #1a1a1a;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 5px;
}

.curator-layout-right {
  flex: 0 0 35%;
  max-width: 35%;
  border-left: 1px solid #d4d4d4;
  padding-left: 50px;
  box-sizing: border-box;
}

.curator-detail-group {
  margin-bottom: 22px;
}

.curator-detail-group:last-child {
  margin-bottom: 0;
}

.curator-detail-group h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 5px;
  margin-top: 0;
  font-family: 'Modern Romance';
  letter-spacing: 2px;
}

.curator-detail-group p {
  font-size: 13px;
  line-height: 1.5;
  color: #444444;
  margin: 0;
}

/* RESPONSIVE */
@media only screen and (max-width: 991px) {
  .curator-layout-row {
    flex-direction: column;
    align-items: center;
  }

  .curator-layout-left {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .curator-profile-img-wrap {
    width: 280px;
    height: 280px;
  }

  .curator-layout-middle {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    text-align: center;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .curator-layout-right {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none;
    border-top: 1px solid #d4d4d4;
    padding-left: 0;
    padding-top: 40px;
    width: 100%;
  }

  .curator-label-prefix {
    justify-content: center;
  }
}

@media only screen and (max-width: 480px) {
  .curator-profile-img-wrap {
    width: 220px;
    height: 220px;
  }

  .curator-layout-name {
    font-size: 34px;
  }
}

/* COMING SOON PAGE */
.coming-soon-body {
  background-color: #6b0e24;
  /* Burgundy base */
  color: #ffffff;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.coming-soon-wrapper {
  position: relative;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  box-sizing: border-box;
}

.coming-soon-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(107, 14, 36, 0.95) 0%, rgba(30, 2, 8, 0.98) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23FFF' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23FFF' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23FFF' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23FFF' points='450 150 540 0 360 0'/%3E%3C/g%3E%3C/svg%3E");
  z-index: 1;
}

.coming-soon-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.coming-soon-logo {
  margin-bottom: 40px;
}

.coming-soon-logo img {
  height: 140px;
  width: auto;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
  border-radius: 8px;
  filter: brightness(0) invert(1);
}

.coming-soon-pretitle {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #feed01;
  /* Yellow/Gold accent */
  margin-bottom: 20px;
}

.coming-soon-title {
  font-family: 'Modern Romance', serif;
  font-size: 54px;
  line-height: 1.1;
  font-weight: normal;
  margin-bottom: 15px;
  color: #ffffff;
  letter-spacing: 5px;
}

.coming-soon-subtitle {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 50px;
}

/* Coming Soon Countdown style */
.coming-soon-countdown {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.cs-time-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  min-width: 100px;
  padding: 15px 10px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.cs-time-box span {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 42px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 5px;
}

.cs-time-box small {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
}

.coming-soon-newsletter {
  max-width: 500px;
  margin: 0 auto 50px;
}

.coming-soon-newsletter p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}

.cs-subscribe-form {
  width: 100%;
}

.cs-input-group {
  display: flex;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  padding: 5px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.cs-input-group:focus-within {
  border-color: #feed01;
  box-shadow: 0 0 15px rgba(254, 237, 1, 0.25);
}

.cs-input {
  flex-grow: 1;
  background: transparent;
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
}

.cs-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.cs-button {
  background-color: #6b0e24;
  /* Red theme color */
  color: #ffffff;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.cs-button:hover {
  background-color: #a01c22;
  transform: translateY(-1px);
}

.coming-soon-back {
  margin-top: 30px;
}

.cs-back-link {
  color: #feed01;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cs-back-link:hover {
  color: #ffffff;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .coming-soon-title {
    font-size: 38px;
  }

  .coming-soon-subtitle {
    font-size: 15px;
    margin-bottom: 35px;
  }

  .cs-time-box {
    min-width: 80px;
    padding: 12px 8px;
  }

  .cs-time-box span {
    font-size: 32px;
  }

  .cs-input-group {
    flex-direction: column;
    border-radius: 12px;
    background: transparent;
    border: none;
    padding: 0;
    gap: 10px;
  }

  .cs-input {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    width: 100%;
    box-sizing: border-box;
  }

  .cs-button {
    width: 100%;
    border-radius: 30px;
  }
}

/* AGENDA / PROGRAMME TIMELINE PAGE */
.agenda-section {
  background-color: #ffffff;
  padding: 100px 0;
}

.agenda-list {
  width: 100%;
  display: block;
}

.agenda-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0;
  transition: background-color 0.3s ease;
}

.agenda-item:first-child {
  padding-top: 0;
}

.agenda-date {
  flex: 0 0 15%;
  max-width: 15%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.agenda-date .day {
  letter-spacing: 5px;
  font-family: 'Modern Romance';
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  color: #111111;
}

.agenda-date .month-year {
  font-size: 13px;
  font-weight: 700;
  color: #6d1434;
  letter-spacing: 5px;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: 'Modern Romance';
}

.agenda-details {
  flex: 0 0 60%;
  max-width: 60%;
  padding-right: 30px;
  box-sizing: border-box;
}

.agenda-details h3 {
  font-family: 'Modern Romance';
  font-size: 26px;
  font-weight: bold;
  color: #6d1434;
  margin-bottom: 6px;
  text-transform: none;
  letter-spacing: 5px;
  font-weight: 500;
}

.agenda-details .subtitle {
  font-family: 'Modern Romance';
  font-size: 28px;
  color: #6d1434;
  letter-spacing: 5px;
  margin-bottom: 0;
  letter-spacing: 5px;
}

.agenda-action {
  flex: 0 0 25%;
  max-width: 25%;
  display: flex;
  justify-content: flex-end;
}

.agenda-arrow {
  font-family: 'Modern Romance', Georgia, serif;
  font-size: 38px;
  color: #6d1434;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
  display: inline-block;
  line-height: 1;
}

.agenda-arrow:hover {
  color: #6b0e24;
  text-decoration: none;
  transform: translateX(8px);
}

.agenda-load-more-wrap {
  margin-top: 60px;
  width: 100%;
}

.agenda-load-more-btn {
  background-color: #6b0e24;
  color: #ffffff;
  border: none;
  padding: 14px 35px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.agenda-load-more-btn i {
  font-size: 11px;
}

.agenda-load-more-btn:hover {
  background-color: #6b0e24;
}

/* RESPONSIVE AGENDA */
@media only screen and (max-width: 767px) {
  .agenda-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0;
  }

  .agenda-date {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
  }

  .agenda-date .day {
    font-size: 48px;
  }

  .agenda-date .month-year {
    margin-top: 0;
  }

  .agenda-details {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .agenda-details h3 {
    font-size: 22px;
  }

  .agenda-action {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: flex-start;
  }
}

/* EVENT CALENDAR — FEATURED EVENTS SHOWCASE */
.events-showcase-section {
  padding: 0 0 60px;
}

.events-showcase-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 2px solid #6d1434; */
  padding-bottom: 15px;
  margin-bottom: 40px;
}

.events-showcase-title {
  font-family: 'Modern Romance', serif;
  font-size: 28px;
  color: #6d1434;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
}

.events-filter-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  flex-wrap: wrap;
  margin-left: auto;
}

/* Filter dropdown (shared component — also used on places-to-stay.php,
   which was missing this CSS entirely, leaving the menu unstyled/always
   expanded inline instead of a proper collapsible dropdown). */
.stay-filter-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.filter-dropdown-btn {
  font-family: 'Hero New', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #6d1434;
  border: 1px solid #ebdcc5;
  padding: 12px 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.filter-dropdown-btn i {
  font-size: 11px;
  transition: transform 0.3s ease;
}

.filter-dropdown-btn:hover,
.filter-dropdown-btn.active {
  background-color: #6b0e24;
  color: #ffffff;
  border-color: #6d1434;
}

.filter-dropdown-btn.active i {
  transform: rotate(180deg);
}

.filter-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background-color: #ffffff;
  min-width: 220px;
  box-shadow: 0px 8px 24px rgba(109, 20, 52, 0.12);
  border: 1px solid #ebdcc5;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.filter-dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.filter-dropdown-item {
  font-family: 'Hero New', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #666666;
  padding: 14px 20px;
  text-decoration: none;
  display: block;
  transition: all 0.2s ease;
  border-bottom: 1px solid #fdfaf6;
}

.filter-dropdown-item:last-child {
  border-bottom: none;
}

.filter-dropdown-item:hover {
  background-color: #fdfaf6;
  color: #6d1434;
  padding-left: 24px;
}

.filter-dropdown-item.active {
  background-color: #6d1434;
  color: #ffffff;
}

/* Body: a 3x2 grid of date cards, each cell divided by a shared hairline
   grid (borders live on the cells, not the container, so interior lines
   never double up). */
.events-showcase-body {
  width: 100%;
}

.events-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #e3d3ba;
  border-left: 1px solid #e3d3ba;
  background-color: #fffbf7;
}

.event-card-item {
  display: flex;
  flex-direction: column;
  padding: 35px 30px;
  border-right: 1px solid #e3d3ba;
  border-bottom: 1px solid #e3d3ba;
}

.event-card-top {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}

.event-card-day-num {
  font-family: 'Modern Romance', serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
  color: #6d1434;
  letter-spacing: 3px;
}

.event-card-day-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.event-card-dayname,
.event-card-monthyear {
  font-family: 'Hero New', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #6d1434;
}

.event-card-meta {
  font-family: 'Hero New', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8a7860;
  margin-bottom: 16px;
}

.event-card-desc {
  display: block;
  font-family: 'Modern Romance', serif;
  font-size: 25px;
  line-height: 1.5;
  color: #6d1434;
  text-decoration: none;
  flex-grow: 1;
  transition: color 0.3s ease;
  letter-spacing: 3px;
}

.event-card-desc:hover {
  color: #6b0e24;
}

.event-card-arrow {
  align-self: flex-end;
  font-family: 'Modern Romance', Georgia, serif;
    font-size: 38px;
    color: #6d1434;
    text-decoration: none;
    transition: transform 0.3s ease, color 0.3s ease;
    display: inline-block;
    line-height: 1;
}

.event-card-arrow:hover {
  color: #6b0e24;
  transform: translateX(6px);
}

@media (max-width: 991px) {
  .events-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .events-showcase-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .events-cards-grid {
    grid-template-columns: 1fr;
  }

  .event-card-item {
    padding: 28px 22px;
  }
}

/* PARTNERS & SPONSORS PAGE */
.partners-section {
  /* background-color: #fffbf7;  */
  padding: 100px 0;
}

.partners-group {
  width: 100%;
  margin-bottom: 70px;
}

.partners-group:last-child {
  margin-bottom: 0;
}

.partner-group-title {
  font-family: 'Modern Romance', Georgia, serif;
  font-size: 36px;
  color: #6b0e24;
  /* Burgundy */
  text-align: center;
  margin-bottom: 50px;
  text-transform: none;
  letter-spacing: 2px;
  position: relative;
}

/* .partner-group-title:after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #feed01;
  margin: 15px auto 0;
} */
.partner-card {
  background: #ffffff;
  /* border: 1px solid rgba(0, 0, 0, 0.08); */
  border-radius: 12px;
  padding: 40px;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); */
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.partner-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(107, 14, 36, 0.08);
  border-color: rgba(107, 14, 36, 0.15);
}

.partner-logo-wrap {
  width: 100%;
  max-width: 250px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.partner-main-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

.partner-logo-img {
  max-width: 70%;
  max-height: 80%;
  object-fit: contain;
}

.bg-dark-wrap {
  background-color: #080808;
  border-radius: 8px;
  padding: 10px 20px;
}

.partner-card-info h3 {
  font-family: 'Coolvetica', 'Hero New', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 12px;
}

.partner-card-info p {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 0;
}

.text-only-card {
  padding: 50px 40px;
  position: relative;
}

.partner-card-badge {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #feed01;
  background-color: #6b0e24;
  padding: 4px 12px;
  border-radius: 20px;
}

.text-only-card h3 {
  margin-top: 10px;
}

.thin-card {
  padding: 40px 30px;
}

.thin-card .partner-card-badge {
  background-color: #feed01;
  color: #6b0e24;
}

.partners-divider {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  margin: 60px 0;
}

@media only screen and (max-width: 767px) {
  .partner-group-title {
    font-size: 28px;
  }

  .partner-card {
    padding: 30px 20px;
  }

  .text-only-card {
    padding: 40px 20px;
  }
}

/* SHORT HEADER FOR SPECIFIC PAGES (Partners) */
.page-header.short-header {
  height: 160px;
  background-image: linear-gradient(200deg, #6b0e24 0%, #6d1434 65%) !important;
}

.page-header.short-header:after {
  display: none !important;
}

.page-header.short-header .inner {
  margin-top: 60px;
}

.page-header.short-header .inner h1 {
  font-size: 42px;
  margin-bottom: 10px;
  letter-spacing: 2px;
}

.page-header.short-header .inner .header-subtext {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .page-header.short-header {
    height: 160px;
  }

  .page-header.short-header .inner {
    margin-top: 40px;
    padding: 0 30px;
  }

  .page-header.short-header .inner h1 {
    font-size: 28px;
  }
}

/* COMPACT LOGO ONLY CARDS */
.partner-card.logo-only-card {
  padding: 15px;
  border-radius: 8px;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); */
  margin: 0 auto;
  max-width: 100%;
}

/* Enlarged styling specifically for the Founding Patron */
.partner-card.logo-only-card.founding-card {
  padding: 30px;
  min-height: 140px;
  /* border-color: rgba(107, 14, 36, 0.15); */
  /* box-shadow: 0 10px 25px rgba(107, 14, 36, 0.04); */
}

.partner-card.logo-only-card.founding-card .partner-logo-wrap {
  height: 98px;
  max-width: 320px;
}

.partner-card.logo-only-card .partner-logo-wrap {
  height: 90px;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-card.logo-only-card .partner-logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.partners-section {
  padding: 60px 0;
  /* Shrink section top/bottom padding */
}

.partners-group {
  margin-bottom: 40px;
  /* Shrink space between groups */
}

.partners-divider {
  margin: 40px 0;
  /* Shrink space on divider */
}

.partner-group-title {
  font-size: 25px;
  /* Shrink group titles */
  margin-bottom: 30px;
  letter-spacing: 3px;
}

/* HOMEPAGE NAVBAR (WHITE BG) */
.navbar.homepage-navbar {
  position: relative;
  background: #ffffff;
  padding: 2px 60px;
  z-index: 25;
  align-items: center;
}

.navbar.homepage-navbar .logo {
  display: inline-block;
}

.navbar.homepage-navbar .logo a {
  display: block;
}

.navbar.homepage-navbar .logo a img {
  height: 96px;
}

.navbar.homepage-navbar .site-menu {
  display: inline-block;
}

.navbar.homepage-navbar .site-menu ul li a {
  color: #111111;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 3px;
}

.navbar.homepage-navbar .site-menu ul li a:hover {
  color: #6b0e24;
}

/* Align active hover line to red theme */
.navbar.homepage-navbar .site-menu ul li a:after {
  background: #6b0e24;
}

.navbar.homepage-navbar .site-menu ul li a:hover:before {
  background: #6b0e24;
}

.navbar.homepage-navbar .hamburger-menu .hamburger path {
  stroke: #111111;
}

/* Neutralize float space so button aligns to the far right */
.navbar.homepage-navbar .navbar-button {
  margin-left: 0;
  margin-right: 0;
}

.navbar.homepage-navbar .navbar-button a {
  border: 3px solid transparent;
  line-height: 44px;
  height: 44px;
}

@media only screen and (max-width: 1024px) {
  .navbar.homepage-navbar {
    padding: 15px 30px;
  }

  .navbar.homepage-navbar .logo a img {
    height: 60px;
  }
}

/* .homepage-navbar's unconditional ".site-menu { display: inline-block; }"
   rule above is more specific (3 classes) than the shared ".navbar
   .site-menu" responsive rule elsewhere in this file (2 classes), so on the
   homepage it was winning at every width — the desktop menu stayed visible
   alongside the hamburger instead of being replaced by it. This re-asserts
   the same breakpoint at matching specificity so the homepage nav collapses
   correctly like every other page. */
@media only screen and (max-width: 991px) {
  .navbar.homepage-navbar .site-menu {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .navbar.homepage-navbar {
    padding: 20px 15px;
  }

  .navbar.homepage-navbar .logo a img {
    height: 48px;
  }
}

@media only screen and (max-width: 575px) {
  .navbar.homepage-navbar {
    padding: 15px 20px;
  }

  .navbar.homepage-navbar .logo a img {
    height: 40px;
  }
}

@media only screen and (max-width: 400px) {
  .navbar.homepage-navbar {
    padding: 12px 15px;
  }

  .navbar.homepage-navbar .logo a img {
    height: 36px;
  }
}

/* DAILY AARTI LIST */
.aarti-section .section-title {
  margin-bottom: 60px;
}

.section-ornament {
  width: 100%;
  text-align: center;
  font-size: 22px;
  line-height: 1;
  color: #b3643b;
  margin-bottom: 20px;
}

.aarti-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.aarti-item {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding: 40px 0;
  border-bottom: 1px solid #e0e0e0;
  transition: padding-left 0.3s ease;
}

.aarti-item:first-child {
  padding-top: 0;
}

.aarti-item:last-child {
  border-bottom: none;
}

.aarti-item:hover {
  padding-left: 15px;
}

.aarti-number {
  flex: 0 0 70px;
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  color: #b3643b;
  transition: color 0.3s ease;
}

.aarti-item:hover .aarti-number {
  color: #6b0e24;
}

.aarti-content h3 {
  font-family: 'Modern Romance', Georgia, serif;
  font-size: 26px;
  font-weight: bold;
  color: #111111;
  margin-bottom: 12px;
  text-transform: none;
  letter-spacing: normal;
}

.aarti-content p {
  opacity: 0.7;
  margin: 0;
  line-height: 1.7;
}

@media only screen and (max-width: 767px) {
  .aarti-item {
    gap: 20px;
    padding: 25px 0;
  }

  .aarti-number {
    flex: 0 0 45px;
    font-size: 30px;
  }

  .aarti-content h3 {
    font-size: 20px;
  }
}

/* COMPACT SINGLE-ROW ICON LIST (Kashi Vishwanath temple info) */
.side-icon-list--row {
  padding-right: 0;
}

.side-icon-list--row ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 25px;
}

.side-icon-list--row ul li {
  width: auto;
  flex: 1 1 160px;
  margin-bottom: 0;
}

.side-icon-list--row ul li .info-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.side-icon-list--row ul li .info-head i {
  font-size: 20px;
  line-height: 1;
  color: #6b0e24;
}

.side-icon-list--row ul li .info-head h5 {
  margin: 0;
  font-size: 15px;
}

.side-icon-list--row ul li p {
  width: 100%;
  font-size: 13px;
  margin: 0;
  opacity: 0.7;
}

@media only screen and (max-width: 575px) {
  .side-icon-list--row ul {
    flex-direction: column;
    gap: 20px;
  }

  .side-icon-list--row ul li {
    flex: 1 1 auto;
  }
}

/* DAILY AARTI CARDS (Legacy Initiatives section repurposed) */
.aarti-cards-section .aarti-card {
  height: 100%;
}

.aarti-cards-section .content-box {
  width: 100%;
  height: 100%;
  display: block;
  background: #fffbf7;
  position: relative;
  margin-bottom: 0;
  padding: 45px 40px;
  font-size: 16px;
  font-family: 'Hero New', sans-serif;
  color: #545454;
  border-radius: 6px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
  border: 1px #e3d9ce solid;
}

.aarti-cards-section .content-box:before {
  content: "";
  width: 100%;
  height: 4px;
  /* background: #b3643b; */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 6px 0 0;
}

.aarti-cards-section .aarti-card:hover .content-box {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
}

.aarti-cards-section .content-box h4 {
  width: 100%;
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
  color: #00A081;
  font-weight: 600;
}

.aarti-cards-section .content-box p {
  width: 100%;
  display: block;
  margin: 0;
  line-height: 1.7;
}

@media only screen and (max-width: 575px) {
  .aarti-cards-section .content-box {
    padding: 35px 30px;
  }
}

/* AARTI CARD HOVER-REVEAL — new, isolated classes only. Doesn't touch
   .aarti-card / .content-box above, so the card's existing look (bg,
   border, shadow, padding, hover lift, title/paragraph styling) is
   untouched. By default only the aarti name shows, centered in the card;
   hovering reveals the description in the same, already fixed-height box
   (equal-height row + height:100% on .content-box already lock the box's
   size, so nothing shifts or resizes on hover). */
.aarti-cards-section .aarti-reveal-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.aarti-cards-section .aarti-reveal-desc {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.35s ease, max-height 0.4s ease;
}

.aarti-cards-section .aarti-reveal-box:hover {
  justify-content: flex-start;
}

.aarti-cards-section .aarti-reveal-box:hover .aarti-reveal-desc {
  opacity: 1;
  max-height: 400px;
}

/* TEMPLE GALLERY CAROUSEL — HOVER-REVEAL CAPTION. New, isolated classes
   scoped under .temple-gallery-section only, so .image-box /
   .scroll-card-overlay (shared with the carousel on index.html) are left
   completely untouched. Nothing about the card's look changes — same
   image, gradient, padding, title font/size/color as before.
   .scroll-card-overlay is a row flex container bottom-aligned via
   align-items:flex-end (fine with just the h3 in it). Stacking to a column
   here (scoped to this section only) so the caption sits below the title
   instead of beside it means align-items no longer controls the bottom
   anchor (that's the cross-axis now) — justify-content:flex-end takes
   over that job, so the title still starts pinned at the bottom exactly
   as before, and rises smoothly as the caption grows in on hover. */
.temple-gallery-section .scroll-card-overlay {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.temple-gallery-section .gallery-hover-desc {
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.35s ease, max-height 0.4s ease;
}

.temple-gallery-section .image-box:hover .gallery-hover-desc {
  opacity: 1;
  max-height: 140px;
}

/* EVENT CALENDAR — "more coming soon" line, replacing the load-more button
   from .agenda-load-more-wrap (reused as-is for spacing) since this list
   isn't paginated. */
.calendar-more-text {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #b3643b;
}

/* PAGE FONT OVERRIDE — event-calender.html only. Body copy switches to
   Source Sans Pro; elements with their own explicit font-family (e.g. the
   'Modern Romance' serif headings/day numbers in .agenda-*) are untouched
   since their own rule is more specific and wins regardless. */
/* CALENDAR SECTION FONT OVERRIDE — scoped to .calender.agenda-section (both
   classes together only exist on event-calender.html's calendar section;
   agenda.html's own list only carries .agenda-section, so it is untouched).
   Overrides the 'Modern Romance' serif set on these elements elsewhere,
   per request to use Cinzel for every piece of text in this section. */
.calender.agenda-section .agenda-date .day,
.calender.agenda-section .agenda-date .month-year,
.calender.agenda-section .agenda-details h3,
.calender.agenda-section .agenda-details .subtitle,
.calender.agenda-section .agenda-arrow,
.calender.agenda-section .calendar-more-text {
  /* font-family: 'Cinzel', serif; */
}

/* ==========================================================================
   BIENNALE 2026 MEGA DROPDOWN CUSTOM STYLES
   ========================================================================== */
.biennale-dropdown-trigger.active {
  color: #b3643b !important;
}

.search-box .dropdown-text-col {
  padding-right: 40px;
}

.search-box .dropdown-subtitle {
  font-family: 'Hero New', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #b3643b;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
}

.search-box .dropdown-main-title {
  font-family: 'Modern Romance', serif;
  letter-spacing: 5px;
  font-size: 27px;
  font-weight: 400;
  color: #111;
  line-height: 1.25;
  margin-bottom: 10px;
}

.search-box .dropdown-meta-text {
  font-family: 'Hero New', sans-serif;
  font-size: 14px;
  color: #777;
  margin-bottom: 4px;
}

.search-box .dropdown-vertical-links {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 320px;
}

.search-box .dropdown-vertical-links li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.search-box .dropdown-vertical-links li a {
  font-family: 'Modern Romance';
  font-size: 16px;
  font-weight: 600;
  color: #111;
  padding: 14px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  letter-spacing: 5px;
}

.search-box .dropdown-vertical-links li a::after {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 12px;
  color: #b3643b;
  opacity: 0;
  transform: translateX(-5px);
  transition: all 0.2s ease-in-out;
}

.search-box .dropdown-vertical-links li a:hover {
  color: #b3643b;
  padding-left: 8px;
}

.search-box .dropdown-vertical-links li a:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/* Image styling */
.search-box .dropdown-images-col {
  padding-left: 20px;
}

.search-box .dropdown-image-wrap {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.search-box .dropdown-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease-in-out;
}

.search-box .dropdown-image-wrap:hover img {
  transform: scale(1.04);
}

@media (max-width: 991px) {
  .search-box .dropdown-text-col {
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .search-box .dropdown-main-title {
    font-size: 28px;
  }

  .search-box .dropdown-images-col {
    padding-left: 15px;
  }
}

/* Spacing adjustments for search-box container-fluid to balance left and right */
.search-box .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .search-box .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .search-box .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==========================================================================
   FLEXBOX MEGA DROPDOWN LAYOUT
   ========================================================================== */
.search-box .dropdown-flex-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: space-between;
}

.search-box .dropdown-left-col {
  flex: 0 0 38%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 10px;
}

.search-box .dropdown-divider-line {
  flex: 0 0 1px;
  background-color: rgba(0, 0, 0, 0.08);
  margin: 0 40px;
}

.search-box .dropdown-right-col {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.search-box .dropdown-image-box {
  flex: 1;
  height: 320px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.search-box .dropdown-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease-in-out;
}

.search-box .dropdown-image-box:hover img {
  transform: scale(1.04);
}

@media (max-width: 991px) {
  .search-box {
    min-height: auto !important;
    padding-bottom: 30px;
  }

  .search-box .dropdown-flex-wrapper {
    flex-direction: column;
  }

  .search-box .dropdown-left-col {
    flex: 1 1 auto;
    padding-right: 0;
    margin-bottom: 0;
  }

  .search-box .dropdown-subtitle,
  .search-box .dropdown-main-title,
  .search-box .dropdown-meta-text,
  .search-box .dropdown-divider-line,
  .search-box .dropdown-right-col {
    display: none !important;
  }
}

/* Custom Venues Page Styles */
.venue-section {
  background: #ffffff !important;
}

.venue-side-title {
  font-size: 42px !important;
  margin-bottom: 5px !important;
}

.venue-side-subtitle {
  color: #6d1434 !important;
  letter-spacing: 2px !important;
  font-weight: 600 !important;
  margin-bottom: 25px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.venue-explore-btn {
  font-weight: 700;
  color: #6d1434 !important;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  margin-top: 30px;
  display: inline-block;
}

.venue-explore-btn i {
  margin-left: 8px;
}

.venue-map-figure {
  overflow: visible !important;
}

/* Sticky Left Panel for Map */
.venue-left-panel {
  position: sticky;
  top: 120px;
  align-self: start;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
  margin-bottom: 40px;
  width: 100%;
}

.venue-map-title {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: block;
  font-family: 'Modern Romance';
  font-size: 39px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #6d1434;
  text-transform: uppercase;
  text-align: center;
  pointer-events: none;
}

.venue-panel-map-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Scrollable Right Panel for Venue Lists */
.venue-right-scroll-panel {
  padding-left: 40px;
}

@media (max-width: 991px) {
  .venue-left-panel {
    position: relative !important;
    transform: none !important;
    top: 0 !important;
    margin-bottom: 40px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .venue-right-scroll-panel {
    padding-left: 0 !important;
  }
}

/* Right Section Category Headers */
.venue-right-category {
  margin-bottom: 60px;
}

.category-header-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 2px solid #6d1434;
  padding-bottom: 8px;
  margin-bottom: 35px;
}

.category-header-title {
  font-family: 'Modern Romance', serif;
  font-size: 24px;
  color: #6d1434;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

.category-header-count {
  font-family: 'Modern Romance', serif;
  font-size: 20px;
  color: #c59b27;
  margin: 0;
}

/* Right Section Venue Items */
.venue-detail-item {
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #f0eae1;
}

.venue-detail-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.venue-detail-num {
  font-family: 'Modern Romance', serif;
  font-size: 22px;
  color: #d4b26f;
  width: 50px;
  flex-shrink: 0;
  line-height: 1;
}

.venue-detail-content {
  flex-grow: 1;
}

.venue-detail-name {
  font-family: 'Modern Romance', serif;
  font-size: 24px;
  color: #6d1434;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 10px 0;
  line-height: 1.2;
  transition: color 0.3s ease;
}

.venue-detail-item:hover .venue-detail-name {
  color: #c59b27;
}

.venue-detail-desc {
  font-family: 'Hero New', sans-serif;
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
  margin: 0;
}

/* Places to Stay Styles */
.stay-section {
  padding: 100px 0;
  background-color: #ffffff;
}

.stay-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.stay-item {
  display: flex;
  align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 30px 0;
  transition: all 0.3s ease;
}

.stay-item:last-child {
  border-bottom: 1px solid #eaeaea;
}

.stay-image-col {
  width: 250px;
  flex-shrink: 0;
  margin-right: 30px;
}

.stay-image-col img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.stay-info-col {
  flex-grow: 1;
  padding-right: 30px;
}

.stay-meta-date {
  font-family: 'Hero New', sans-serif;
  font-size: 14px;
  color: #888888;
  margin-bottom: 8px;
  display: block;
  letter-spacing: 0.5px;
}

.stay-title {
  font-family: 'Hero New', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
  line-height: 1.2;
  transition: color 0.3s ease;
}

.stay-item:hover .stay-title {
  color: #6d1434;
}

.stay-address {
  font-family: 'Hero New', sans-serif;
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}

.stay-meta-col {
  width: 180px;
  flex-shrink: 0;
  border-left: 1px solid #eaeaea;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100px;
}

.stay-area-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.stay-area-box i {
  font-size: 20px;
  color: #111111;
}

.stay-area-text {
  font-family: 'Hero New', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  white-space: nowrap;
}

.stay-link-col {
  width: 100px;
  flex-shrink: 0;
  border-left: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100px;
}

.stay-arrow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #f2f2f2;
  color: #111111;
  font-size: 18px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.stay-item:hover .stay-arrow-btn {
  background-color: #6d1434;
  color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .stay-item {
    flex-wrap: wrap;
    padding: 20px 0;
  }

  .stay-image-col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .stay-image-col img {
    height: 180px;
  }

  .stay-info-col {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .stay-meta-col {
    width: 50%;
    border-left: none;
    padding: 0;
    height: auto;
    justify-content: flex-start;
  }

  .stay-link-col {
    width: 50%;
    border-left: none;
    height: auto;
    justify-content: flex-end;
  }
}

/* ==========================================================================
   COOKIE CONSENT POPUP
   ========================================================================== */
.cookie-consent-banner {
  position: fixed;
  bottom: 30px;
  right: 30px;
  max-width: 420px;
  width: calc(100% - 60px);
  background: rgba(14, 14, 14, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: none;
  font-family: inherit;
  color: #ffffff;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
}

.cookie-consent-banner.show {
  display: block;
  transform: translateY(0);
  opacity: 1;
}

.cookie-consent-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.cookie-consent-header i {
  font-size: 24px;
  color: #feed01;
  margin-right: 12px;
}

.cookie-consent-header h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
}

.cookie-consent-body p {
  font-size: 13px;
  line-height: 1.6;
  color: #cccccc;
  margin-bottom: 20px;
}

.cookie-consent-body p a {
  color: #feed01;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.cookie-consent-body p a:hover {
  color: #ffffff;
}

/* Preferences dropdown */
.cookie-preferences {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 16px;
  margin-bottom: 20px;
}

.cookie-preference-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.cookie-preference-item:last-child {
  margin-bottom: 0;
}

.cookie-pref-info {
  padding-right: 15px;
}

.cookie-pref-info label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 2px;
  cursor: pointer;
}

.cookie-pref-info span {
  display: block;
  font-size: 11px;
  color: #999999;
}

/* Switch Custom Style */
.cookie-switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  flex-shrink: 0;
}

.cookie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  transition: .3s;
  border-radius: 20px;
}

.cookie-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}

input:checked+.cookie-slider {
  background-color: #feed01;
}

input:checked+.cookie-slider:before {
  transform: translateX(18px);
}

input:disabled+.cookie-slider {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Buttons */
.cookie-consent-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.cookie-btn {
  flex: 1;
  min-width: 110px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  font-family: inherit;
}

.cookie-btn-accept {
  background-color: #feed01;
  color: #0c0c0c;
}

.cookie-btn-accept:hover {
  background-color: #ffffff;
  color: #0c0c0c;
  transform: translateY(-1px);
}

.cookie-btn-decline {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.cookie-btn-decline:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

.cookie-btn-settings {
  background-color: transparent;
  color: #cccccc;
  border: none;
  font-weight: 600;
  text-decoration: underline;
  padding: 10px 0;
  flex: none;
  min-width: auto;
  cursor: pointer;
}

.cookie-btn-settings:hover {
  color: #ffffff;
}

/* Mobile responsive */
@media (max-width: 575px) {
  .cookie-consent-banner {
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    max-width: none;
    padding: 20px;
  }
}