:root {
  --green: #7fad5a;
  --white: #fff;
  --font-black: #22282e;
  --light-beige: #f9f5f1;
  --dark-beige: #9f927f;
  --medium-beige: #f4e9d9;
  --blue: #78a3bf;
  --yellow: #eebc37;
  --black: #000;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Light.woff2") format("woff2");

  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Extrabold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-ExtralightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-HeavyItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Extralight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-ExtraboldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rockford Sans";
  src: url("../fonts/RockfordSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html,
body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  color: var(--font-black);
  font-family: "Rockford Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  background: var(--light-beige);
}
strong {
  font-weight: 700;
}
.blue-color {
  background-color: var(--blue) !important;
}
.yellow-color {
  background-color: var(--yellow) !important;
}
.black-color {
  background-color: var(--font-black) !important;
}
.green-color {
  background-color: var(--green) !important;
}
.dark-beige-color {
  background-color: var(--dark-beige) !important;
}
.light-beige-color {
  background-color: var(--light-beige) !important;
}
a,
a:link,
a:visited {
  outline: none;
  text-decoration: none;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
a {
  color: var(--font-black);
}
img {
  border: none;
  margin: 0px;
  max-width: 100%;
  width: 100%;
  display: flex;
}

h1 {
  color: var(--white);
  font-size: 72px;
  font-weight: 400;
  line-height: 85px;
  margin: 0px;
  padding: 0px;
}
h2 {
  color: var(--font-black);
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
  margin: 0px;
  padding: 0px;
}
h3 {
  color: var(--font-black);
  font-size: 36px;
  font-weight: 400;
  line-height: 39px;
  margin: 0px;
  padding: 0px;
}
h4 {
  color: var(--font-black);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
}
h5 {
  color: var(--font-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 37.555px;
  letter-spacing: 0.36px;
  margin: 0px;
  padding: 0px;
}
h6 {
  color: var(--font-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.36px;
  margin: 0px;
  padding: 0px;
}
form,
input,
select,
textarea,
p,
button,
select {
  margin: 0px;
  padding: 0;
  font-family: "Rockford Sans", sans-serif;
}

textarea {
  resize: none;
  min-height: 117px;
}

input:focus,
textarea:focus {
  outline: none;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
  display: block;
}
* {
  box-sizing: border-box;
}
figure,
picture,
video {
  display: flex;
  padding: 0;
  margin: 0;
  flex-direction: column;
}
a {
  color: var(--theme-color);
  text-decoration: none;
}
button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.page-center {
  max-width: 1440px;
  width: 100%;
  padding: 0 75px;
  margin: 0 auto;
}
section {
  padding: 110px 0;
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--white);
  z-index: 1000;
  padding: 20px 0;
}
.site-header .page-center {
  display: flex;
  align-items: center;
  gap: 30px;
}
.nav-left ul {
  flex: auto;
  display: flex;
  align-items: center;
  gap: 48px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav-left a {
  font-size: 15px;
  font-weight: 400;
  color: var(--black);
  text-decoration: none;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-left a:hover {
  color: var(--yellow);
}
.logo {
  flex: auto;
  display: flex;
  justify-content: center;
}

.logo img {
  height: 109px;
  width: auto;
  display: block;
}

.nav-right {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 49px;
  flex: 0;
}

.nav-right a {
  font-size: 15px;
  font-weight: 400;
  color: var(--black);
  text-decoration: none;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-right a:hover {
  color: var(--yellow);
}
.explore-btn {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  background-color: var(--font-black);
  border: none;
  border-radius: 30px;
  padding: 15px 35px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  line-height: normal;
  transition: background-color 0.2s;
}

.explore-btn:hover {
  background-color: #1a1d20;
}

.hamburger {
  width: 16px;
  height: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hamburger span {
  display: block;
  height: 2px;
  width: 100%;
  background-color: var(--white);
  border-radius: 1px;
  transition: all 0.3s ease;
  transform-origin: center;
}

.explore-btn.active .hamburger span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.explore-btn.active .hamburger span:nth-child(2) {
  opacity: 0;
}

.explore-btn.active .hamburger span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.explore-dropdown {
  position: fixed;
  left: 0;
  right: 0;
  background: var(--white);
  z-index: 999;
  display: none;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

.dropdown-content {
  padding: 40px 0;
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.category-card {
  min-height: 226px;
  border-radius: 10.046px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 28px 30px;
  gap: 20px;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  color: var(--white);
  transition: transform 0.2s;
}
.category-card * {
  color: var(--white);
}
.category-card:hover {
  transform: translateY(-2px);
}
.category-card h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
  max-width: 50%;
}

.category-card .explore-link {
  font-size: 18px;
  line-height: 17.567px;
  font-weight: 500;
  display: flex;
  gap: 7px;
  align-items: center;
}
.category-card .explore-link img {
  width: 11.946px;
  height: 8.712px;
  object-fit: contain;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 5px;
}
.category-card:hover .explore-link img {
  transform: translateX(8px);
}
.card-black * {
  color: #2c3034;
}
.card-black .explore-link img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(387%)
    hue-rotate(169deg) brightness(97%) contrast(95%);
}
.dropdown-footer {
  margin-top: 40.73px;
}
.dropdown-footer ul {
  display: flex;
  align-items: center;
  gap: 60px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-footer a {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: var(--black);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-footer a:hover {
  color: var(--yellow);
}
.home-banner {
  position: relative;
  overflow: hidden;
  background-color: var(--font-black);
  min-height: 700px;
  height: 100%;
  display: flex;
  padding: 0 !important;
}

.home-banner video,
.home-banner iframe,
.home-banner figure {
  width: 100%;
  height: 700px;
  object-fit: cover;
}
.home-banner figure img {
  height: 100%;
  object-fit: cover;
}
.banner-title-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 1118px;
  width: 100%;
  margin: 0 auto;
  gap: 20px;
  flex-grow: 1;
}
.banner-title-center span {
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.8px;
}
.slide-content {
  padding-top: 30px;
  padding-bottom: 34px;
  display: flex;
  flex-direction: column;
  gap: 75px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 100;
  width: 100%;
  right: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.slide-content .btn-green {
  pointer-events: all;
}
.parking-label {
  align-self: flex-end;
  display: flex;
  align-items: center;
  gap: 10.46px;
  border-radius: 19px;
  background: rgba(0, 0, 0, 0.55);
  padding: 8px 13px;
  color: var(--white);
}
.parking-label img {
  object-fit: contain;
  width: 28.542px;
  height: 28.552px;
}
.bottom-logo {
  align-self: flex-end;
}
.bottom-logo img {
  width: 75px;
  height: 75px;
  object-fit: contain;
}
.home-banner .swiper-slide {
  height: auto;
}
.btn-green {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 15px;
  background-color: var(--green);
  border-radius: 50px;
  padding: 16px 26px 19px;
  color: var(--white);
  line-height: 1;
  width: fit-content;
}
.btn-green img {
  width: 10px;
  height: 9px;
  object-fit: contain;
  display: block;
  margin-top: 5px;
}
.home-banner .btn-green {
  margin-top: 24px;
}
.btn-green:hover {
  background-color: var(--black);
}
.home-banner-dots.swiper-pagination {
  bottom: 67px !important;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.white-dots.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: var(--white);
  opacity: 0.43;
  margin: 0 6px;
  transition: all 0.3s ease;
  border-radius: 9px;
  padding: 0 !important;
  margin: 0 !important;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.title-left {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 60px;
}
.title-left a {
  display: flex;
  gap: 19px;
  align-items: center;
  font-size: 18px;
}
.title-left a img {
  width: 12px;
  height: 9px;
  object-fit: contain;
  object-position: bottom;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 5px;
}
.title-left a:hover img {
  transform: translateX(5px);
}
.featured-item {
  background-color: var(--white);
  border-radius: 10px;
}
.featured-item figure img {
  width: 100%;
  height: 265px;
  object-fit: cover;
}
.featured-item figure {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.featured-item > img {
  width: 126px;
  height: 126px;
  object-fit: contain;
  margin-top: -63px;
  margin-left: 18px;
}
.featured-text {
  padding: 16px 18px 29px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.featured-text span {
  display: block;
}
.featured-text .btn-green {
  margin-top: 20px;
}
.swiper-pagination.black-dots {
  position: initial !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  gap: 9px;
}
.swiper-pagination.black-dots .swiper-pagination-bullet {
  background-color: var(--font-black);
}
.dark-bg {
  background-color: var(--font-black);
}
.title-center {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 60px;
}
.dark-bg .title-center {
  padding-bottom: 50px;
  text-align: center;
}
.dark-bg .title-center h2 {
  color: var(--white);
}
.happening-wrapper {
  gap: 24px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.happening-item {
  max-width: 630px;
  width: 100%;
  background-color: var(--white);
  overflow: hidden;
  border-radius: 10px;
}
.happening-item figure img {
  height: 410px;
  object-fit: cover;
  width: 100%;
  display: flex;
}
.h-flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 33px 35px;
}
.btn-black-outline {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12.5px 27px 16.5px;
  border-radius: 50px;
  font-weight: 400;
  line-height: 1;
  border: 1.5px solid var(--font-black);
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  width: fit-content;
  white-space: nowrap;
}
.btn-black-outline img {
  width: 12px;
  height: 9px;
  margin-top: 5px;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-black-outline:hover {
  background-color: var(--font-black);
  color: var(--white);
}
.btn-black-outline:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(157%)
    hue-rotate(232deg) brightness(119%) contrast(100%);
}
.btn-black-outline:hover img {
  transform: translateX(7px);
}
.title-left ~ .dropdown-content {
  padding: 0;
}
.title-full {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 60px;
}
.title-full h2 span {
  color: var(--green);
  display: block;
}
.community-item img {
  object-fit: cover;
  height: 100%;
  border-radius: 10px;
}
.swiper-slide {
  height: auto;
}
.community {
  background-color: var(--white);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
select {
  width: 100%;
  padding: 18px 24px;
  color: var(--dark-beige);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  background-color: var(--white);
  border-radius: 10px;
  border: none;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
}
input[type="submit"] {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 15px;
  background-color: var(--green);
  border-radius: 50px;
  padding: 20px 26px;
  color: var(--white);
  line-height: 1;
  width: fit-content;
  border: none;
  cursor: pointer;
  min-width: 160px;
}
input[type="submit"]:hover {
  background-color: var(--font-black);
}
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/angle-down.svg");
  background-repeat: no-repeat;
  background-position: right 25px center;
  background-size: 12px;
  cursor: pointer;
  padding-right: 40px;
}
.title-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.title-inner h5 {
  font-weight: 500;
  letter-spacing: 1.8px;
}
form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.form-row {
  display: flex;
  gap: 25px;
}
.form-field {
  flex: 1;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid var(--yellow);
}
.newsletter .page-center {
  display: flex;
  gap: 181px;
}
.newsletter .title-inner {
  max-width: 520px;
  width: 100%;
}
.newsletter .form-wrapper {
  max-width: 589px;
  width: 100%;
}
footer {
  padding: 51.5px 0 45px;
  background-color: var(--font-black);
  color: var(--white);
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer .page-center {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer-left {
  max-width: 469px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 42.5px;
}
.footer-left img {
  max-width: 272px;
  width: 100%;
  object-fit: contain;
}
.nav-footr {
  flex: 1;
}
.nav-footr ul {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  align-items: center;
  justify-content: flex-end;
}
.nav-footr a {
  font-weight: 400;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-footr a:hover {
  color: var(--yellow);
}
.copy-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.copy-wrapper p {
  color: var(--light-beige);
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
.copy-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.copy-wrapper ul li {
  position: relative;
  line-height: 0;
}
.copy-wrapper ul li::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 1px;
  background: var(--white);
  left: -10px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-45%);
}
.copy-wrapper ul li a {
  color: var(--light-beige);
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  text-decoration: underline;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.copy-wrapper ul li a:hover {
  color: var(--yellow);
}
.banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 421px;
  position: relative;
  overflow: hidden;
}
.banner::before {
  opacity: 0.57;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  position: absolute;
  max-width: 60%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  z-index: 0;
}
.banner h1 {
  max-width: 800px;
  width: 100%;
  padding: 60px 0 65px 60px;
  position: relative;
  z-index: 1;
}
.banner-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.banner-img img {
  object-fit: cover;
  height: 100%;
}
.filter-bar,
.filter-bar-single {
  background-color: var(--font-black);
  color: var(--white);
  padding: 17px 0;
}
.filter-bar .page-center,
.filter-bar-single .page-center {
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.filter-bar button,
.filter-bar-single button {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--white);
  padding: 15px 25px;
  border: 1px solid transparent;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border-radius: 50px;
}
.filter-bar button.active,
.filter-bar-single button.active {
  border: 1px solid var(--white);
}
.category-wrapper {
  display: flex;
  flex-direction: column;
}
.category-item,
.category-item-new {
  padding-top: 100px;
  padding-bottom: 70px;
}
.category-item:nth-child(odd) {
  background-color: var(--white);
}
.category-item.odd {
  background-color: var(--white);
}
.category-item > h2 {
  text-align: center;
}
.category-single .category-item-new {
  background-color: transparent !important;
  padding: 0 !important;
}
.category-single .special-wrapper > h3 {
  padding-bottom: 25px;
}
.category-single .special-wrapper > h4 {
  padding-bottom: 40px;
}
.category-single .special-wrapper p {
  padding-top: 40px;
}
.item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  max-width: 410px;
  width: 100%;
}
.item > img {
  height: 255px;
  object-fit: cover;
  object-position: center;
}
.item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px 26px;
}
.more-btn {
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: underline !important;
}
.more-btn img {
  width: 12px;
  height: 9px;
  object-fit: contain;
  margin-top: 5px;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.item:hover .more-btn img,
.special-item:hover .more-btn img {
  transform: translateX(5px);
}
.business-item {
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--white);
}
.business-item img {
  object-fit: cover;
  height: 317px;
}
.business-item h5 {
  padding: 14px 19px;
  text-align: center;
}
.buseiness-slider {
  overflow: visible;
}
.item-slider {
  overflow: visible;
}
.item-slider .item {
  max-width: inherit;
  height: 100%;
}
.details-item figure {
  max-width: 50%;
  width: 100%;
}
.details-item figure img {
  height: 100%;
  object-fit: cover;
}
.details-item {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--white);
}
.details-item .slider-content {
  max-width: 50%;
  width: 100%;
}
.slider-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 60px;
  align-self: center;
}
.slider-content > img {
  width: 105px;
  height: 64.893px;
  object-fit: contain;
}
.swiper-pagination.white-dots-rel {
  position: inherit;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.full-directory {
  padding-bottom: 77px;
}
.full-directory-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 39px;
  position: relative;
  margin: 75px 0 0;
}
.featured-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  position: relative;
  min-height: 382px;
  row-gap: 70px;
}
.full-directory-wrapper .business-item {
  max-width: 402px;
  width: 100%;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.featured-wrapper .featured-item {
  max-width: 426px;
  width: 100%;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.filter-wrapper-main {
  padding: 0 51px;
  max-width: 1440px;
  padding: 110px 51px;
  width: 100%;
  margin: 0 auto;
}
.full-directory-wrapper .business-item.is-hidden,
.featured-wrapper .featured-item.is-hidden {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  z-index: 0;
  position: absolute;
}
.dark-bg.lead-banner * {
  color: var(--white);
}

.lead-banner {
  padding: 60px 20px;
}
.lead-center {
  display: flex;
  flex-direction: column;
  gap: 35px;
  text-align: center;
  max-width: 839px;
  width: 100%;
  margin: 0 auto;
}

.community-slider {
  overflow: visible;
}
.single-slider-wrapper {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.single-slider-wrapper .title-center {
  max-width: 804px;
  width: 100%;
  margin: 0 auto;
}
.single-slider-item figure {
  overflow: hidden;
}

.single-slider-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.single-slider-item .btn-green {
  position: absolute;
  bottom: 35px;
  left: 35px;
}
.swiper-pagination.dot-over {
  bottom: 35px;
  padding: 20px 30px;
  border-radius: 50px;
  background: rgba(252, 246, 237, 0.75);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  gap: 9px;
  justify-content: center;
  width: fit-content;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.swiper-pagination.dot-over .swiper-pagination-bullet {
  opacity: 1;
  background: var(--white);
}
.swiper-pagination.dot-over
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--font-black);
}

.white-bg {
  background-color: var(--white);
}
.single-slider-item > img {
  position: absolute;
  right: 35px;
  bottom: 35px;
  width: 159.416px;
  height: 49.274px;
  object-fit: contain;
}
.legend-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
.legend-item:first-child {
  font-weight: 700;
}
.legend-item img {
  width: 27px;
  height: 27px;
  object-fit: contain;
}
.legend-item span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}
.map-wrapper {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.map-box {
  background-color: var(--white);
  border-radius: 10px;
  overflow: hidden;
}
.map-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  background-color: var(--medium-beige);
  padding: 21px;
}
.map-box-top {
  position: relative;
}
.map-box-top .btn-green img {
  width: 13px;
  height: 16px;
  margin: 0;
}
.map-box-top .btn-green {
  position: absolute;
  right: 53px;
  bottom: 40px;
}
.map-bottom {
  padding-top: 51px;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.btn-flex {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}
.map-bottom p {
  font-weight: 700;
}
.center-item figure {
  border-radius: 10px;
  overflow: hidden;
}
figcaption {
  text-align: center;
  margin-top: 19px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
.center-slider {
  overflow: visible;
}
.center-slider .swiper-slide {
  opacity: 0.4;
  transform: scale(0.9);
  transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}
.center-slider .swiper-slide figcaption {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}
.center-slider .swiper-slide.swiper-slide-active figcaption {
  opacity: 1;
  visibility: visible;
}
.center-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}
.explore .single-title {
  padding-top: 80px;
}
.single-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
  max-width: 918px;
  width: 100%;
  margin: 0 auto;
}
.single-title .btn-flex {
  gap: 10px;
}
.btn-green-outline {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 15px;
  background-color: transparent;
  border: 1px solid var(--green);
  border-radius: 50px;
  padding: 16px 26px 19px;
  color: var(--green);
  line-height: 1;
  width: fit-content;
}
.btn-green-outline img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(8%) saturate(2261%)
    hue-rotate(50deg) brightness(86%) contrast(82%);
  width: 12px;
  height: 9px;
  object-fit: contain;
  margin-top: 4px;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-green-outline:hover {
  background-color: var(--font-black);
  color: var(--white);
  border: 1px solid transparent;
}
.btn-green-outline:hover img {
  filter: none;
}
.main-image {
  max-width: 691px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.flex-content .page-center {
  display: flex;
  align-items: center;
  gap: 71px;
}
.image-with-content {
  max-width: 528px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.image-with-content > img {
  width: 160px;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px;
}
.dark-bg .image-with-content > img {
  width: 126px;
}
.dark-bg .image-with-content * {
  color: var(--white);
}
.flex-reverse .page-center {
  flex-direction: row-reverse;
}
.live figure {
  overflow: hidden;
  border-radius: 10px;
  padding-top: 58px;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.question-wrapper {
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}
.question-wrapper .title-center {
  padding-bottom: 50px;
}
.question-wrapper .form-wrapper input[type="submit"] {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.btn-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}
.min-btn-row {
  display: flex;
  gap: 23px;
  align-items: center;
}
.btn-row .btn-green {
  margin-top: 0 !important;
}
.icon-btn > img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  transition: transform 0.6s ease;
}
.min-btn-row .icon-btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.6s ease;
  border: 1.5px solid var(--green);
  border-radius: 50%;
}
.min-btn-row .icon-btn:hover,
.min-btn-row .icon-btn.active {
  background-color: var(--green);
}
.min-btn-row .icon-btn:hover > img,
.min-btn-row .icon-btn.active > img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(308deg) brightness(106%) contrast(103%);
}
.featured-wrapper .featured-item > img {
  margin-left: 29px;
}
.featured-wrapper .featured-text {
  padding-left: 29px;
  padding-right: 29px;
}
.btn-center {
  display: flex;
  margin: 0 auto;
  padding-top: 50px;
  width: fit-content;
}
.btn-black {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  background-color: var(--font-black);
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 17.5px 30px 19.5px;
  cursor: pointer;
  line-height: 1;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-black:hover {
  background-color: var(--white);
  color: var(--font-black);
  border-color: var(--font-black);
}
.lead-center .btn-green {
  margin: 0 auto;
}
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  row-gap: 50px;
}
.back-btn {
  display: flex;
  gap: 20px;
  align-items: center;
  text-decoration: underline !important;
  color: var(--white);
  position: relative;
  z-index: 1;
  width: fit-content;
}
.back-btn img {
  width: 12px;
  height: 9px;
  object-fit: contain;
  margin-top: 5px;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.back-btn:hover img {
  transform: translateX(-5px);
}
.banner-v2 {
  padding-top: 52px;
  min-height: 568px;
  justify-content: flex-start;
}
.banner-v2 .back-btn {
  margin-left: 60px;
  margin-bottom: 62px;
}
.overlay-box {
  background-color: var(--white);
  max-width: 1340px;
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 56px 70px 75px;
  display: flex;
  gap: 53px;
  align-items: center;
}
.overlay-wrapper {
  padding: 0 50px;
}
.overlay-box-left {
  max-width: 534px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.overlay-box-left > div {
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
}
.overlay-box-left > div:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: var(--font-black);
  bottom: -40px;
  left: 0;
}
.left-top p {
  max-width: 90%;
}
.left-top img {
  width: 117px;
  height: 72px;
  object-fit: contain;
}
.left-center ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.left-center ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.left-center ul li span {
  display: inline-flex;
  max-width: 50%;
  width: 100%;
}
.overlay-box-right {
  overflow: hidden;
  border-radius: 10px;
  background: #f8f5f0;
}
.box-content {
  padding: 50px 50px 54px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.box-content-item h5,
.overlay-box-left h5 {
  text-transform: uppercase;
  line-height: normal;
}
.box-content .btn-flex {
  gap: 17px;
}
.box-content-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.box-content-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.box-content-item a {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.box-content-item a:hover {
  color: var(--blue);
}
.social-flex {
  display: flex;
  align-items: center;
  gap: 15px;
}
.social-flex a img {
  width: 36px;
  height: 36px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.social-flex a:hover img {
  transform: translateY(-3px);
}
.overlay-box {
  position: relative;
  margin-top: -110px;
}
.special-item {
  width: 100%;
  cursor: pointer;
  display: flex;
  gap: 106px;
  border-top: 1px solid rgba(66, 65, 53, 0.12);
  padding: 40px 0;
}
.special-item h4 {
  max-width: 207px;
  width: 100%;
}
.special-item ul {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex-grow: 1;
}

/* base: no animation */
.home-banner .swiper-slide.slide figure img,
.home-banner .swiper-slide.fade figure img,
.home-banner .swiper-slide.zoom figure img {
  animation: none;
}

/* slide effect */
.home-banner .swiper-slide.slide.is-anim figure img {
  animation: slideEffect 14s ease-in-out infinite;
}

/* fade effect */
.home-banner .swiper-slide.fade.is-anim figure img {
  animation: fadeEffect 10s ease-in-out infinite;
}

/* zoom effect */
.home-banner .swiper-slide.zoom.is-anim figure img {
  animation: zoomEffect 18s ease-in-out infinite;
}
@keyframes slideEffect {
  0% {
    transform: translateX(-30px) scale(1.02);
  }
  50% {
    transform: translateX(30px) scale(1.08);
  }
  100% {
    transform: translateX(-30px) scale(1.02);
  }
}

@keyframes fadeEffect {
  0%,
  100% {
    opacity: 1;
    transform: scale(1.02);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.06);
  }
}

@keyframes zoomEffect {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    transform: scale(1.15) translate3d(-15px, -10px, 0);
  }
  100% {
    transform: scale(1.25) translate3d(10px, 10px, 0);
  }
}
.events-loader {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.share-btn {
  position: relative;
}
.share-wrapper ul {
  border-radius: 8.421px;
  background: var(--white);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 19px;
  flex-wrap: wrap;
  min-width: 285px;
  list-style: none;
  margin: 0;
  z-index: 1;
  position: relative;
}
.share-object {
  width: 28.023px;
  height: 28.023px;
  transform: rotate(45deg);
  border-radius: 3px;
  background: var(--white);
  position: absolute;
  bottom: 0;
  left: 129px;
  bottom: -13px;
}
.share-wrapper a img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.share-btn .share-wrapper {
  filter: drop-shadow(0 0 11.1px rgba(0, 0, 0, 0.25));
  position: absolute;
  bottom: calc(100% - -12px);
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  pointer-events: none;
}
.share-btn.active .share-wrapper {
  opacity: 1;
  transform: translateY(-10px);
  pointer-events: all;
}
.more-events .swiper-button-next,
.more-events .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 1px solid var(--dark-beige);
  border-radius: 50%;
  background: transparent;
  z-index: 10;
}

.more-events .swiper-button-next {
  right: -74px;
}

.more-events .swiper-button-prev {
  left: -74px;
}

.more-events .swiper-button-next::after,
.more-events .swiper-button-prev::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.more-events .swiper-button-next::after {
  background-image: url("../images/right.svg");
}

.more-events .swiper-button-prev::after {
  background-image: url("../images/left.svg");
}
.swiper-visible-arrow {
  position: relative;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--dark-beige);
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
  filter: brightness(0) invert(1);
}
.event-box .btn-green-outline:hover img {
  filter: brightness(0) invert(1);
}
.event-box {
  position: relative;
  max-width: 1181px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--white);
  border-radius: 10px;
  margin-top: -240px;
}
.event-box > img {
  width: 176px;
  height: 176px;
  object-fit: contain;
  left: 50%;
  right: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.event-box-title {
  padding: 135px 128px 45px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.event-box-title h4 {
  color: var(--dark-beige);
  font-size: 28px;
  line-height: 25px;
}
.event-box-title h1 {
  color: var(--font-black);
  font-size: 45px;
  line-height: 45px;
}
.event-box .btn-flex {
  gap: 15px;
}

.event-box .btn-flex img {
  width: 17px;
  height: 17px;
}
.event-flex {
  display: flex;
}
.event-flex-item {
  width: 50%;
  flex-grow: 1;
  border-top: 1px solid rgba(159, 146, 127, 0.5);
  padding: 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.event-flex-item:nth-child(2) {
  border-left: 1px solid rgba(159, 146, 127, 0.5);
}

.text-content a {
  font-weight: 500;
  color: var(--green);
  text-decoration: underline;
}
.text-content p a {
  color: var(--black);
  font-weight: 400;
}
.text-content strong {
  font-weight: 500;
}
.text-content {
  padding: 90px 0;
  max-width: 996px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.text-content p {
  padding-bottom: 20px;
}
.text-content p:last-child {
  padding-bottom: 0;
}
.single-slider {
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 10px;
  width: 100%;
}
.banner-green {
  min-height: 480px;
  padding: 52px 0 140px;
  background-color: var(--green);
}
.banner-green::before {
  display: none;
}
.banner-green-content * {
  color: var(--white);
}
.h1toh2 h1 {
  font-size: 45px;
  line-height: 45px;
}
.banner-green-content {
  display: flex;
  flex-direction: column;
  gap: 47px;
  padding: 80px 0;
  text-align: center;
  max-width: 745px;
  width: 100%;
  margin: 0 auto;
}
.banner-green .back-btn {
  margin-bottom: -40px;
}
.banner-green-content h1 {
  padding: 0;
}
.news-detail-banner {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  margin-top: -140px;
  position: relative;
}
.news-detail {
  background-color: var(--white);
}
.beige-box-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 33px;
  row-gap: 16px;
}
.beige-box {
  color: var(--green);
  background-color: var(--light-beige);
  text-align: center;
  padding: 18px 22px;
  border-radius: 10px;
}
.share-wrapper img {
  filter: none !important;
  width: 25px !important;
  height: 25px !important;
}
.share-wrapper:hover img {
  filter: none !important;
}
.event-box-title .share-btn .share-wrapper {
  left: -56px;
}
.contact-box {
  padding: 0 20px 110px;
}
.contact-box .accordion {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 75px;
  border-radius: 10px;
  background-color: var(--white);
  position: relative;
  margin-top: -140px;
}
.accordion-item {
  border-bottom: 1px solid rgba(34, 40, 46, 0.2);
  padding: 35px 0;
  display: flex;
  flex-direction: column;
}

.accordion-title {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.accordion-title img {
  transition: transform 0.3s ease;
  width: 18px;
  height: 18px;
  min-width: 18px;
  object-fit: contain;
}

.accordion-item.active .accordion-title img {
  transform: rotate(180deg);
}

.accordion-content {
  display: none;
  padding-top: 22px;
  color: var(--font-black);
}
.accordion-content p {
  padding-bottom: 15px;
}
.accordion-item:last-child {
  border-bottom: none;
}
.banner-blue::before {
  display: none;
}
.banner-blue {
  background-color: var(--blue);
  min-height: 359px;
  padding: 110px 0;
}
.banner-blue .banner-green-content {
  padding: 0;
}
.text-page .text-content {
  padding: 0;
}
.text-page .text-content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 14px;
}
.text-page .text-content ol {
  column-count: 2;
  column-gap: 80px;
  padding-left: 20px;
}
.text-page .text-content ol li {
  break-inside: avoid;
  padding-bottom: 15px;
}
.special-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  border: 6px solid var(--light-beige);
  margin-top: -80px;
  background: var(--white);
}
.special-logo img {
  width: 82px;
  height: 65px;
  object-fit: contain;
}
.special-wrapper > h3 {
  padding: 0 0 35px;
  width: 100%;
  font-size: 34px;
  line-height: 39px;
}
.filter-light .filter-bar {
  background-color: var(--light-beige);
  color: var(--font-black);
}
.filter-light .filter-bar button {
  color: var(--font-black);
}
.filter-light .filter-bar button.active {
  border: 1px solid var(--font-black);
}
.text-content .single-slider {
  position: relative;
  left: -92px;
  margin-top: 50px;
  margin-bottom: 60px;
  width: 1180px;
}
.news-slider .item {
  height: 100%;
}

/* movies style start */
.movie-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.current-date {
  font-size: 34px;
  line-height: 39px;
  font-weight: 400;
}
.date-selector {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  justify-content: flex-end;
}
.date-selector input {
  max-width: 210px;
  width: 100%;
}
.movie-row {
  padding-bottom: 86px;
  padding-top: 70px;
  display: flex;
  gap: 47px;
  border-bottom: 1px solid rgba(34, 40, 46, 0.2);
}
.movie-poster {
  overflow: hidden;
  max-width: 267px;
  width: 100%;
  border-radius: 10px;
}
.movie-poster img {
  height: 100%;
  object-fit: cover;
}
.movie-details {
  max-width: 967px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.movie-rating {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-rating img {
  width: 37px;
  height: 19px;
  object-fit: contain;
}
.movie-showtime {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.buy-ticket-btn {
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  background-color: var(--black);
  color: var(--white);
  border: 1px solid var(--font-black);
  border-radius: 50px;
  padding: 15px 25px;
  line-height: 1;
}
.buy-ticket-btn:hover {
  background-color: var(--white);
  color: var(--font-black);
}
.note {
  text-align: left !important;
  padding-top: 50px;
}
.movies-main {
  padding: 82px 0 50px;
}
.date-selector input {
  padding: 12px 24px;
}
/* movies style end */
.sbi_photo img {
  border-radius: 10px;
}
.sb_instagram_header {
  display: none !important;
}
#sbi_load {
  display: none !important;
}
#sb_instagram #sbi_images {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
}
#sb_instagram #sbi_images .sbi_item {
  margin-right: 30px !important;
  justify-content: center;
}
.sbi-swiper {
  overflow: visible !important;
}
.news-widget {
  padding: 65px 0 0;
  margin-bottom: -40px;
}
.news-widget .slider-content {
  gap: 30px;
}
.news-widget .deals-slider {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.content-flex {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.dark-bg .content-flex * {
  color: var(--white);
}
.popcorn {
  padding: 86px 0;
}
.dark-bg .content-flex h2,
.dark-bg .content-flex .btn-green {
  z-index: 1;
  position: relative;
}
.popcorn .content-flex {
  min-height: 653px;
  max-width: 1231px;
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 95px 87px;
  position: relative;
  overflow: hidden;
}
.content-flex > figure {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.content-flex > figure img {
  object-fit: cover;
  border-radius: 10px;
}
.content-flex::before {
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
  position: absolute;
  max-width: 100%;
  width: 100%;
  left: -200px;
 top: -200px;
  content: "";
  display: block;
  z-index: 0;
  height: 365.669px;
  transform: rotate(-19.021deg);
  z-index: 1;
}
.dark-bg .title-center h3{
  color: var(--white);
}
.white-bg .details-item{
  background-color: var(--light-beige);
}
.slider-content ul{
  padding-left: 14px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.floor-grid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
}
.floor-item{
  max-width: 426px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--white);
}
.floor-item .floor-slider{
  max-width: 426px;
  overflow: visible;
  height: 324px;
}
.floor-slider img{
  height: 324px;
  object-fit: cover;
}
.floor-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 41px 41px 41px;
}
.floor-content ul{
  padding: 0;
  margin: 0;
  padding-left: 14px;
}
.deals-slider .swiper-pagination.black-dots .swiper-pagination-bullet,.floor-slider .swiper-pagination.black-dots .swiper-pagination-bullet{
   background-color: var(--dark-beige);
}
.floor-slider .swiper-pagination.black-dots{
  margin-top: 20px;
}
.deals-slider .swiper-pagination.black-dots .swiper-pagination-bullet-active,.floor-slider .swiper-pagination.black-dots .swiper-pagination-bullet-active{
   background-color: var(--font-black);
}
.floor-content h3{
  font-size: 34px;
  line-height: 39px;
}
.floor-content h3 span{
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  font-weight: 300;
    padding-left: 10px;
}
.details-item{
  height: 100%;
}