@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --primary-color: #f79a4d;
  --primary-color-light: #fbc297;

  --text-color: #666;
  --text-color-light: #999;
  --text-color-dark: #222;
  --text-color-dark--half: #333;
  --text-color-special: #454545d4;

  --border-btn-color: #000000bf;
  --background-btn: #fff;

  --border-section-color: #e8e8e8;
  --boder-modal: #a9a9a9;
  --border-col: #dee2e6;
  --border-modal-text: #75767c;
}

body {
  margin: 0;
}

body::-webkit-scrollbar {
  display: none;
}

h1 {
  text-transform: uppercase;
  font-family: "League Spartan", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 2em;
  margin: 0;
}

h2 {
  text-transform: uppercase;
  font-family: "League Spartan", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
}

p {
  font-family: "League Spartan", sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.2em;
  margin: 0;
  color: var(--text-color-special);
}

button, .wc-block-cart__submit-button {
  text-transform: uppercase;
  font-family: "League Spartan", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5em;
  line-height: 1.2em;
  margin: 0;
  padding: 1.5rem 3rem;
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

button:hover,
button:focus {
  background-color: var(--primary-color);
  color: var(--background-btn);
  transition: all 0.3s ease-in-out;
}

/* Advertising */
.ads {
  position: relative;
  width: 100%;
  height: 2.5rem;
  background-color: var(--primary-color);
  color: var(--background-btn);
  padding: 0.8rem 2.5rem;
  box-sizing: border-box;
  cursor: pointer;
}

.ads p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: var(--background-btn);
}

.ads .turn_off {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #00000026;
  padding: 0.8rem;
  box-sizing: border-box;
  cursor: pointer;
}

.ads .turn_off p {
  font-size: 14px;
}

/* Header */
.header {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 0 0.5rem 0.5rem 0.5rem;
  box-sizing: border-box;
}

.header .menu_mb,
.header .brand_name {
  display: none;
}

.header .logo {
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.header .logo img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  cursor: pointer;
}

.header .nav {
  width: 100%;
  margin: -0.5rem 0 0 0;
  padding: 0.5rem 0;
  box-sizing: border-box;
}

.header .nav nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
  box-sizing: border-box;
}

.header .nav nav a {
  text-transform: uppercase;
  text-decoration: none;
  font-family: "League Spartan", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--text-color-light);
}

.header .nav nav a:hover,
.header .nav nav a:focus {
  color: var(--text-color);
}

.header .nav nav a.current {
  color: var(--primary-color);
}

.header .nav nav span {
  font-style: italic;
  font-family: "League Spartan", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-color);
  opacity: 0.25;
}

.banner {
  position: relative;
  width: 100%;
  aspect-ratio: 5/1;
  box-sizing: border-box;
  overflow: hidden;
}

.banner .banner_image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.banner .banner_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 50%;
}

.banner.video .banner_image {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  opacity: 0.72;
}

.banner.video .banner_image img {
  transform: translateY(-40%);
}

.banner.video .banner_image iframe {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  inset: -35% 0 0 0;
}

.banner .banner-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00000026;
  z-index: 2;
}

.banner .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.banner .title h1 {
  text-align: center;
  letter-spacing: 0.2em;
  color: var(--background-btn);
}

.banner .title p {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--background-btn);
}

/* Home */
/* All Boat */
.home_boats {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0 2rem 0;
  box-sizing: border-box;
}

.home_boats h2,
.home_boats p {
  text-align: center;
  margin-bottom: 1.5rem;
}

.home_boats .list_boats {
  width: 100%;
  --bs-gutter-x: 0;
  gap: 5px;
  box-sizing: border-box;
}

.home_boats .list_boats .col-xl-4 {
  width: calc(33.333% - (10px / 3));
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat {
  display: block;
  width: 100%;
  aspect-ratio: 14/9;
  color: var(--text-color-special);
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  box-sizing: border-box;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 0;
  padding: 0;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2rem;
  background-color: var(--primary-color);
  padding: 0.25rem;
  box-sizing: border-box;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available p {
  color: var(--background-btn);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  padding: 0;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0.5rem 0 0 0;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text .price {
  padding: 0 0.5rem 0 0.25rem;
  border-right: 1px solid var(--text-color-light);
  border-left: 1px solid var(--text-color-light);
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text .slot {
  gap: 3px;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div img {
  width: 14px;
}

.home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div p {
  width: 100%;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1;
  margin: 0;
  padding: 0.2rem 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Section Info */
.home_section_info {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.home_section_info .section_infos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
}

.home_section_info .section_infos .section_info {
  position: relative;
  flex: 1 0 calc(14% - 1rem);
  max-width: calc(14% - 1rem);
  width: 100%;
  text-align: center;
  background-color: var(--primary-color);
  padding: 2rem 0.5rem 4rem 0.5rem;
  box-sizing: border-box;
}

.home_section_info .section_infos .section_info .decor {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2.5rem;
  background-color: var(--background-btn);
  clip-path: polygon(0 100%, 100% 100%, 50% 0);
  box-sizing: border-box;
}

.home_section_info .section_infos .section_info .image {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto;
}

.home_section_info .section_infos .section_info .image img {
  width: 100%;
  height: 100%;
}

.home_section_info .section_infos .section_info .image.check {
  width: 3rem;
  height: 3rem;
  border: 3px solid var(--background-btn);
  margin-top: 0.25rem;
  box-sizing: border-box;
}

.home_section_info .section_infos .section_info h4 {
  font-size: 12px;
  margin-top: 2rem;
  color: var(--background-btn);
}

.home_section_info .section_infos .section_info p {
  font-size: 12px;
  letter-spacing: 0;
  color: var(--background-btn);
}

.home_section_info button {
  display: block;
  font-size: 18px;
  letter-spacing: 3.6px;
  color: var(--background-btn);
  margin: 0 auto;
}

.home_section_info button:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
}

/* Phone */
.home_phone {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 3rem;
  text-align: center;
  border-top: 1px solid var(--border-section-color);
  border-bottom: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.home_phone p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
  color: var(--text-color-dark);
}

.home_phone p:nth-last-child(1) {
  margin: 0;
}

.home_phone p strong {
  font-weight: 700;
}

/* Prizes */
.home_prizes {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.home_prizes .all_prizes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
}

.home_prizes .all_prizes .prize {
  display: block;
  max-width: 10rem;
}

.home_prizes .all_prizes .prize img {
  width: 100%;
  object-fit: cover;
}

/* Partner */
.home_partner {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 3rem;
  text-align: center;
  border-top: 1px solid var(--border-section-color);
  border-bottom: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.home_partner p {
  margin-bottom: 1rem;
}

.home_partner .all_partners {
  width: 100%;
}

.home_partner .all_partners .partner {
}

.home_partner .all_partners .partner img {
  object-fit: contain;
  height: 7rem;
}

/* Quote */
.home_quote {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.home_quote button {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 3rem;
  color: var(--background-btn);
}

.home_quote button:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
}

.home_quote p {
  font-family: "Libre Bodoni", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  color: var(--text-color-special);
  margin-bottom: 1.5rem;
}

/* Intro */
.home_intro {
  max-width: 1200px;
  margin: 3rem auto 0 auto;
  padding: 3rem 0;
  border-top: 1px solid var(--border-section-color);
  text-align: center;
  box-sizing: content-box;
}

.home_intro p {
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1.5em;
  color: var(--text-color-special);
  margin-bottom: 1.5rem;
}

.home_intro button {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--background-btn);
}

.home_intro button:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
}

/* Rent Yacht */
/* Banner */
.banner.rent .banner_image img {
  object-position: 100% 65%;
}

/* All Boat */
.rent_boats {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0 2rem 0;
  box-sizing: border-box;
}

.rent_boats p {
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
}

.rent_boats .list_boats {
  width: 100%;
  --bs-gutter-x: 0;
  gap: 5px;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
}

.rent_boats .list_boats .col-xl-4 {
  width: calc(33.333% - (10px / 3));
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat {
  display: block;
  width: 100%;
  aspect-ratio: 14/9;
  color: var(--text-color-special);
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  box-sizing: border-box;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2rem;
  background-color: var(--primary-color);
  padding: 0.25rem;
  box-sizing: border-box;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available p {
  color: var(--background-btn);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  padding: 0;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 0;
  padding: 0;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0.5rem 0 0 0;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text .price {
  padding: 0 0.5rem 0 0.25rem;
  border-right: 1px solid var(--text-color-light);
  border-left: 1px solid var(--text-color-light);
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text .slot {
  gap: 3px;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div img {
  width: 14px;
}

.rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .text div p {
  width: 100%;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1;
  margin: 0;
  padding: 0.2rem 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rent_boats .note p {
  text-align: left;
  text-transform: none;
  font-size: 15px;
  font-weight: 200;
  font-style: italic;
  letter-spacing: 0em;
  line-height: 1.5em;
  margin: 0;
}

/* Promos */
/* Banner */
.banner.promos .banner_image img {
  object-position: 100% 100%;
}

/* All Boats */
.promo_boats {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0;
  box-sizing: border-box;
}

.promo_boats .list_promo_boats {
  width: 100%;
  box-sizing: border-box;
}

.promo_boats .list_promo_boats .boat {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 2rem;
  width: 100%;
  padding: 3rem 0;
  border-bottom: 1px solid var(--border-section-color);
}

.promo_boats .list_promo_boats .boat:nth-child(1) {
  padding-top: 0;
}

.promo_boats .list_promo_boats .boat .image {
  width: 35%;
  box-sizing: border-box;
}

.promo_boats .list_promo_boats .boat .image img {
  width: 100%;
  aspect-ratio: 19/9;
  object-fit: cover;
  cursor: pointer;
}

.promo_boats .list_promo_boats .boat .image .caption {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.68em;
  font-weight: 700;
  letter-spacing: 0em;
  color: var(--text-color-dark);
  padding: 1rem 0 0 0;
}

.promo_boats .list_promo_boats .boat .infomation {
  width: 65%;
  box-sizing: border-box;
}

.promo_boats .list_promo_boats .boat .infomation .title {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  color: var(--text-color-dark);
}

.promo_boats .list_promo_boats .boat .infomation .title .price {
  font-weight: 700;
}

.promo_boats .list_promo_boats .boat .infomation .code {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.promo_boats .list_promo_boats .boat .infomation .code .decor_left,
.promo_boats .list_promo_boats .boat .infomation .code .decor_right {
  height: 100%;
}

.promo_boats .list_promo_boats .boat .infomation .code .decor_left {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.75rem solid var(--text-color-special);
}

.promo_boats .list_promo_boats .boat .infomation .code .decor_right {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.75rem solid var(--text-color-special);
}

.promo_boats .list_promo_boats .boat .infomation .code p {
  font-size: 15px;
  font-weight: 200;
  line-height: 1.5em;
  color: var(--text-color-special);
  padding: 0.25rem 0 0 0;
}

.promo_boats .list_promo_boats .boat .infomation button {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--background-btn);
  background-color: var(--primary-color);
  border: none;
  padding: 0.75rem 1.75rem;
  margin-bottom: 1.5rem;
}

.promo_boats .list_promo_boats .boat .infomation button:hover {
  opacity: 0.8;
}

.promo_boats .more_boats {
  display: block;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--background-btn);
  margin: 3rem auto 1.5rem auto;
}

.promo_boats .more_boats:hover {
  color: var(--background-btn);
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
}

.promo_boats .more_boats:hover {
  opacity: unset;
  color: #fff;
}

.promo_boats .note {
  padding: 0 0 1rem 0;
}

.promo_boats .note p {
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1.5em;
}

/* Catering Menu */
.catering_menu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 0;
  box-sizing: border-box;
}

.catering_menu p {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 1.5em;
}

.catering_menu .list_menu.row {
  width: 100%;
  padding-bottom: 3rem;
  box-sizing: border-box;
}

.catering_menu .list_menu.row .col-12.col-sm-6 {
  padding: 0;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  margin-top: 2rem;
  box-sizing: border-box;
  cursor: pointer;
}

.catering_menu
  .list_menu.row
  .col-12.col-sm-6:nth-child(odd)
  .menu
  .decor_text {
  padding: 0 1rem 0 0;
}

.catering_menu
  .list_menu.row
  .col-12.col-sm-6:nth-child(even)
  .menu
  .decor_text {
  padding: 0 0 0 1rem;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .image {
  width: 100%;
  height: 100%;
  padding: 2rem;
  box-sizing: border-box;
}

.catering_menu .list_menu.row .col-12.col-sm-6:nth-child(odd) .menu .image {
  padding-right: 3rem;
}

.catering_menu .list_menu.row .col-12.col-sm-6:nth-child(even) .menu .image {
  padding-left: 3rem;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  box-sizing: border-box;
}

.catering_menu
  .list_menu.row
  .col-12.col-sm-6
  .menu
  .decor_text
  .decor_text-hover {
  width: 100%;
  height: 100%;
  background-color: #00000099;
  transition: all 0.5s ease-in-out;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text h3 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--background-btn);
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text p {
  text-align: center;
  font-size: 13px;
  line-height: normal;
  color: var(--background-btn);
  text-transform: none;
}

.catering_menu .list_menu.row .col-12.col-sm-6 .menu:hover .decor_text {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.catering_menu .note {
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1.5em;
}

/* Events */
.events_content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0 3rem 0;
  box-sizing: border-box;
}

.events_content h3,
.events_content p {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.7px;
  line-height: 1;
  margin-bottom: 1.5rem;
}

.events_content h3 {
  font-weight: 700;
}

.events_content p {
  font-weight: 300;
}

.events_content .list_events {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  width: 100%;
  margin: 0 0 3rem 0;
  box-sizing: border-box;
}

.events_content .list_events .event {
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--text-color-special);
  box-sizing: border-box;
}

.events_content .list_events .event .image {
  width: 100%;
  aspect-ratio: 16/9;
  box-sizing: border-box;
}

.events_content .list_events .event .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.events_content .list_events .event .details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0.75rem 0 0 0;
}

.events_content .list_events .event .details p {
  width: 100%;
  text-align: center;
  text-transform: none;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1;
  margin: 0;
  padding: 0.2rem 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .events_content .list_events .event .details div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.events_content .list_events .event .details .price {
  padding: 0 0.5rem 0 0.25rem;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

.events_content .list_events .event .details .slot {
  gap: 3px;
}

.events_content .list_events .event .details div img {
  width: 14px;
}

.events_content .list_events .event .details div p {
  width: 100%;
  text-transform: none;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0em;
  line-height: 1;
  margin: 0;
  padding: 0.2rem 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.events_content .descriptions {
  width: 100%;
  box-sizing: border-box;
}

.events_content .descriptions h3 span {
  font-weight: 300;
}

.events_content .descriptions ul {
  font-family: "League Spartan", sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
}

.events_content .descriptions ul li {
  margin-bottom: 0.5rem;
}

.events_content .descriptions ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.events_content .descriptions p {
  text-align: left;
}

.events_content .descriptions p:nth-last-child(1) {
  margin-bottom: 0;
}

/* Contact Us */
/* Intro */
.contact_intro {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 1rem;
  box-sizing: border-box;
}

.contact_intro p {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
  color: #222;
}

.contact_intro p:nth-last-child(1) {
  margin-bottom: 0;
}

.contact_intro p span {
  font-size: 18px;
  letter-spacing: 0em;
  line-height: 1em;
}

.contact_intro p a {
  text-decoration: none;
  font-weight: 500;
  color: var(--text-color-dark);
}

.contact_intro p a:hover {
  color: var(--text-color-light);
}

.contact_intro p strong {
  font-weight: 700;
}

.contact_intro p .webpage {
  font-weight: 300;
}

/* Connect */
.contact_connect {
  max-width: 1200px;
  text-align: center;
  margin: 3rem auto;
  padding: 3rem 0;
  border-top: 1px solid var(--border-section-color);
  border-bottom: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.contact_connect p,
.contact_form p,
.contact_maps p {
  text-transform: uppercase;
  font-size: 15px;
  color: var(--text-color-dark);
  margin-bottom: 1.5rem;
}

.contact_connect .methods {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.contact_connect .methods .whatapp,
.contact_connect .methods .qr {
  width: 12rem;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}

.contact_connect .methods .whatapp a,
.contact_connect .methods .qr a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.contact_connect .methods .whatapp a img,
.contact_connect .methods .qr a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Form */
.contact_form {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
}

.contact_form button {
  letter-spacing: 5px;
  padding: 1rem 2rem;
}

.contact_form button:hover {
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
  color: var(--background-btn);
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered {
  width: 680px !important;
  max-width: 100%;
  margin-top: 50px;
  padding: 40px;
  background-color: var(--background-btn);
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content {
  border: none;
  border-radius: 0 !important;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-header {
  padding: 0;
  border-bottom: none;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-header
  h2 {
  text-transform: none;
  font-size: 22px;
  font-weight: 200;
  line-height: 1.2em;
  margin-right: 22px;
  color: var(--text-color-dark--half);
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body {
  padding: 55px 0 0 0;
  text-align: left;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  p {
  font-size: 14px;
  line-height: normal;
  font-style: normal;
  color: var(--text-color-dark);
  margin-bottom: 0.5rem;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  p
  span {
  padding: 0.5em 0 0.5em;
  font-size: 12px;
  opacity: 0.7;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  label {
  font-size: 10px;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1.5em;
  opacity: 0.7;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  input,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  textarea {
  font-family: "League Spartan", sans-serif;
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1.5em;
  padding: 10px;
  border-radius: 0;
  margin-bottom: 2rem;
  background-color: var(--background-btn);
  border: 1px solid var(--boder-modal);
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  input:focus,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  textarea:focus {
  box-shadow: none;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  input[type="date"],
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  input[type="time"] {
  width: 15rem;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name {
  width: 50%;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name
  label,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name
  label {
  opacity: 1;
  margin-bottom: 0;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name
  input,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name
  input {
  margin-bottom: 0;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  button {
  display: block;
  width: unset;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  padding: 1rem 2rem;
  color: var(--text-color-dark);
  background-color: var(--background-btn);
  border-radius: 0;
  border: 2px solid var(--border-btn-color);
  margin: 0 auto;
}

.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  button:hover,
.contact_form
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  button:focus {
  background-color: var(--primary-color);
  color: var(--background-btn);
}

/* Maps */
.contact_maps {
  max-width: 1200px;
  text-align: center;
  margin: 3rem auto 0 auto;
  padding: 3rem 0;
  border-top: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.contact_maps .google-maps {
  width: 100%;
  aspect-ratio: 4/3;
}

/* Product */
/* Product Price */
.product_price {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0;
  box-sizing: border-box;
}

.product_price .heading {
  width: 100%;
  padding: 0 0 2rem 0;
  box-sizing: border-box;
}

.product_price .heading h2 {
  text-align: center;
  margin-bottom: 1.5rem;
}

.product_price .heading p {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
}

.product_price .heading p:nth-last-child(1) {
  line-height: 1;
  margin-bottom: 0;
}

.product_price .list_price {
  display: flex;
  justify-self: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  width: 75%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.product_price .list_price .price {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 11rem;
  min-width: 11rem;
  aspect-ratio: 3/2;
  background-color: var(--background-btn);
  border: 2px solid var(--primary-color);
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}

.product_price .list_price .price:hover,
.product_price .list_price .price:focus {
  background-color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}

.product_price .list_price .price p {
  width: 30%;
  text-align: center;
  text-transform: uppercase;
  font-family: "League Spartan", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2em;
  color: var(--text-color);
}

.product_price .list_price .price:hover p,
.product_price .list_price .price:focus p {
  color: var(--background-btn);
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered {
  width: 980px !important;
  max-width: 100%;
  min-height: unset;
  margin-top: 30px;
  padding: 0;
  background-color: var(--background-btn);
  border-radius: 5px;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content {
  border: none;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-header {
  padding: 1.5rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row {
  width: 100%;
  padding: 0;
  --bs-gutter-x: 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4 {
  padding: 1rem;
  box-sizing: border-box;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8 {
  padding: 2.5rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4 {
  padding: 1.5rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date {
  width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8 {
  border-right: 1px solid var(--border-col);
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  h2 {
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 1.5rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .images {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 1.5rem;
  border-radius: 5px;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  cursor: zoom-in;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .images:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-in-out;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .images
  img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3 {
  position: relative;
  width: 100%;
  border-bottom: 1px solid var(--border-col);
  margin-bottom: 0 !important;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .read_more {
  position: absolute;
  top: 1.3rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .read_more.read_less {
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .read_more
  img {
  width: 100%;
  height: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3:nth-last-child(1) {
  border-bottom: none;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  h3 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
  padding: 1.5rem 0;
  cursor: pointer;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .all_text {
  display: none;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .all_text.visible {
  display: block;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul {
  padding: 0;
  margin: 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .overview
  ul {
  padding: 0 0 2rem 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .overview
  ul
  li {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  border-bottom: none !important;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  img {
  width: 1.9rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .overview
  ul
  li
  h4 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  margin: 0 0 0.5rem 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  p {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--border-modal-text);
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul {
  list-style: none;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li {
  border-bottom: 1px solid var(--border-col);
  margin-bottom: 1rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li:nth-last-child(1) {
  border-bottom: none;
  margin-bottom: 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  h4 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.13px;
  margin: 0 0 0.5rem 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ul,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .included
  ul,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .pricing
  ul {
  list-style: disc;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ul,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ol,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .pricing
  ul {
  padding: 0 0 1rem 2rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ol
  li,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ul
  li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.13px;
  border-bottom: none;
  margin-top: 0.25rem;
  margin-bottom: 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ol
  li:nth-child(1),
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  ul
  li
  ul
  li:nth-child(1) {
  margin-top: 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .included
  h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 1px solid var(--border-col);
  margin-bottom: 1rem;
  padding: 0.5rem 0;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .included
  ul {
  padding: 0 0 2rem 2rem;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-8
  .content
  .mb-3
  .included
  ul
  li {
  border-bottom: none;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline {
  width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-innerContainer {
  width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-innerContainer
  .flatpickr-rContainer {
  width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days {
  width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-innerContainer
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-months {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-months
  .flatpickr-month {
  order: 1;
  flex: 1;
}

.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-months
  .flatpickr-prev-month,
.product_price
  .modal.fade.form_book_embed.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body.row
  .col-12.col-md-4
  .date
  .flatpickr-calendar.animate.inline
  .flatpickr-months
  .flatpickr-next-month {
  order: 2;
  margin-left: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

/* Product Support */
.product_support {
  max-width: 1200px;
  text-align: center;
  margin: 2rem auto;
  padding: 2rem 0;
  border-top: 1px solid var(--border-section-color);
  border-bottom: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.product_support .text,
.product_support .btn {
  width: 100%;
  padding: 1rem 0;
  box-sizing: border-box;
}

.product_support .btn {
  cursor: default;
  outline: none;
  box-shadow: none;
  border: none;
}

.product_support .text p {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.7px;
}

.product_support .btn button {
  text-transform: uppercase;
  letter-spacing: 0.5em;
  padding: 1rem 2rem;
}

.product_support .btn button:hover {
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
  color: var(--background-btn);
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered {
  width: 680px !important;
  max-width: 100%;
  margin-top: 50px;
  padding: 40px;
  background-color: var(--background-btn);
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content {
  border: none;
  border-radius: 0 !important;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-header {
  padding: 0;
  border-bottom: none;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-header
  h2 {
  text-transform: none;
  font-size: 22px;
  font-weight: 200;
  line-height: 1.2em;
  margin-right: 22px;
  color: var(--text-color-dark--half);
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body {
  padding: 55px 0 0 0;
  text-align: left;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  p {
  font-size: 14px;
  line-height: normal;
  font-style: normal;
  color: var(--text-color-dark);
  margin-bottom: 0.5rem;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  p
  span {
  padding: 0.5em 0 0.5em;
  font-size: 12px;
  opacity: 0.7;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  label {
  font-size: 10px;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1.5em;
  opacity: 0.7;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  input,
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  textarea {
  font-family: "League Spartan", sans-serif;
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1.5em;
  padding: 10px;
  border-radius: 0;
  margin-bottom: 2rem;
  background-color: var(--background-btn);
  border: 1px solid var(--boder-modal);
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  input:focus,
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  textarea:focus {
  box-shadow: none;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  input[type="date"],
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  input[type="time"] {
  width: 15rem;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name,
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name {
  width: 50%;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name
  label,
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name
  label {
  opacity: 1;
  margin-bottom: 0;
}

.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .first_name
  input,
.product_support
  .modal.fade.form_booking.show
  .modal-dialog.modal-dialog-centered
  .modal-content
  .modal-body
  form
  .mb-3
  .full_name
  .last_name
  input {
  margin-bottom: 0;
}

.product_support
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
button, .product_support
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
input[type="submit"],
.contact_form
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
input[type="submit"] {
  display: block;
  width: unset;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  padding: 1rem 2rem;
  color: var(--border-btn-color);
  background-color: var(--background-btn);
  border-radius: 0;
  border: 2px solid var(--border-btn-color);
  margin: 0 auto;
}

.product_support
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
button:hover,
.product_support
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
input[type="submit"]:hover,
.contact_form
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
input[type="submit"]:hover,
.product_support
.modal.fade.form_booking.show
.modal-dialog.modal-dialog-centered
.modal-content
.modal-body
form
button:focus {
  background-color: var(--border-btn-color);
  color: var(--background-btn);
  cursor: pointer;
}

/* Product Descriptions */
.product_descriptions {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.product_descriptions .gallery_images {
  gap: 5px;
  width: 100%;
  padding: 1rem 0;
  box-sizing: border-box;
  --bs-gutter-x: 0;
}

.product_descriptions .row .col-xl-4 {
  width: calc(33.333% - (10px / 3));
}

.product_descriptions .gallery_images .images {
  aspect-ratio: 16/9;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.product_descriptions .gallery_images .images img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  image-rendering: auto;
  will-change: transform;
}

.product_descriptions .text {
  width: 100%;
  padding: 1rem 0;
  box-sizing: border-box;
}

.product_descriptions .text p {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
  color: var(--text-color-dark);
}

.product_descriptions .text p:nth-last-child(1) {
  margin-bottom: 0;
}

/* Product Details */
.product_details {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 2rem 0;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
}

.product_details p {
  margin-bottom: 1.5rem;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  line-height: 1.5em;
}

.product_details p:nth-last-child(1) {
  margin-bottom: 0;
}

.product_details p span {
  font-weight: 700;
}

/* Others Menu */
.others_menu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 3rem;
  box-sizing: border-box;
}

.others_menu .all_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.others_menu .all_menu .menu {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2em;
  padding: 1.5rem 3rem;
  border: 2px solid var(--primary-color);
  background: var(--primary-color);
  color: var(--background-btn);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  box-sizing: border-box;
}

.others_menu .all_menu .menu:hover,
.others_menu .all_menu .menu:focus {
  background-color: var(--primary-color-light);
  border: 2px solid var(--primary-color-light);
  color: var(--background-btn);
}

/* Product Quote */
.product_quote {
  max-width: 1200px;
  margin: 2rem auto 0 auto;
  padding: 2rem 0;
  text-align: center;
  border-top: 1px solid var(--border-section-color);
  box-sizing: border-box;
}

.product_quote p {
  text-align: left;
  font-family: "Libre Bodoni", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  color: #454545d4;
}

.product_quote .author {
  text-align: right;
  font-family: "League Spartan", sans-serif;
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1.5em;
}

/* Footer */
footer {
  border-top: 1px solid var(--border-section-color);
}

.footer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 0 4rem 0;
  box-sizing: border-box;
}

.footer .copyright_text {
  width: 100%;
  text-align: center;
}

.footer .copyright_text p {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.8em;
  margin-bottom: 1.5rem;
  color: var(--text-color-special);
}

.footer .copyright_text p span {
  position: relative;
  top: 5px;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0px;
}

.footer .footer_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem;
}

.footer .footer_menu .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.8em;
  margin: 0 0 0.5rem 0;
  padding: 0 4.5px;
  border-right: 1px solid var(--text-color-light);
  box-sizing: border-box;
}

.footer .footer_menu .menu:nth-child(1) {
  border-left: 1px solid var(--text-color-light);
}

.footer .footer_menu .menu a {
  text-decoration: none;
  font-family: "League Spartan", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 0.5;
  color: var(--text-color-light);
}

.footer .footer_menu .menu a:hover,
.footer .footer_menu .menu a:focus {
  color: var(--text-color-light);
}

.footer .social_network {
  width: 100%;
}

.footer .social_network .all_social_networks {
  display: flex;
  justify-self: center;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 20rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.footer .social_network .all_social_networks img {
  width: 2rem;
  cursor: pointer;
}

.footer .social_network .all_social_networks:hover img,
.footer .social_network .all_social_networks:focus img {
  opacity: 0.5;
}

.footer .social_network .all_social_networks:hover img:hover,
.footer .social_network .all_social_networks:focus img:focus {
  opacity: 1;
}

.modal-backdrop.show.zoom_img {
  background-color: #fffffff6 !important;
  opacity: 1 !important;
}

.zoom_image {
  height: 100vh;
  overflow: hidden;
}

.zoom_image .close-btn {
  position: absolute;
  text-align: right;
  top: 1rem;
  right: 2.5rem;
  width: 2rem;
  height: 2rem;
}

.zoom_image .close-btn button {
  width: 100%;
  height: 100%;
}

.zoom_image
  .btn.btn-light.position-absolute.top-50.start-0.translate-middle-y.ms-2,
.zoom_image
  .btn.btn-light.position-absolute.top-50.end-0.translate-middle-y.me-2 {
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.zoom_image:hover
  .btn.btn-light.position-absolute.top-50.start-0.translate-middle-y.ms-2,
.zoom_image:hover
  .btn.btn-light.position-absolute.top-50.end-0.translate-middle-y.me-2 {
  opacity: 0.5;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}

.zoom_image
  .btn.btn-light.position-absolute.top-50.start-0.translate-middle-y.ms-2
  img,
.btn.btn-light.position-absolute.top-50.end-0.translate-middle-y.me-2 img {
  width: 100%;
  height: 100%;
}

.zoom_image
  .btn.btn-light.position-absolute.top-50.start-0.translate-middle-y.ms-2
  img {
  transform: rotate(90deg);
}

.btn.btn-light.position-absolute.top-50.end-0.translate-middle-y.me-2 img {
  transform: rotate(-90deg);
}

.zoom_image .modal-dialog.modal-dialog-centered.modal-lg {
  margin: 1.25rem auto;
  max-width: 100%;
  width: 1293px;
}

.zoom_image
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-body.position-relative.text-center.p-0 {
  width: 100%;
  aspect-ratio: 4/3;
}

.zoom_image_embed .modal-dialog.modal-dialog-centered.modal-lg {
  width: 850px;
  max-width: 100%;
  min-height: auto;
  margin: 5rem auto;
}

.zoom_image_embed
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-header.justify-content-right.border-0 {
  padding: 0 0 1.5rem 0;
}

.zoom_image_embed
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-header.justify-content-right.border-0
  h2 {
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}

.zoom_image_embed
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-header.justify-content-right.border-0
  .btn-close {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  font-size: 20px;
}

.zoom_image_embed
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-body.p-0.text-center {
  width: 850px;
  max-width: 100%;
  aspect-ratio: 16/9;
  border-radius: 7px;
  overflow: hidden;
}

.zoom_image_embed
  .modal-dialog.modal-dialog-centered.modal-lg
  .modal-content.bg-transparent.border-0
  .modal-body.p-0.text-center
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sqs-video-background {
  position: relative;
  overflow: hidden;
}
.sqs-video-background iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.sqs-video-background .custom-fallback-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.6s ease;
}

.sqs-video-background.is-playing .custom-fallback-image {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.img-fluid {
  max-width: 100%;
  max-height: 96vh;
}

@media (max-width: 1400px) {
  .header,
  .home_boats,
  .home_section_info,
  .home_phone,
  .home_prizes,
  .home_partner,
  .home_quote,
  .home_intro,
  .rent_boats,
  .promo_boats,
  .catering_menu,
  .events_content,
  .contact_intro,
  .contact_connect,
  .contact_form,
  .contact_maps,
  .product_price,
  .product_support,
  .product_descriptions,
  .product_details,
  .others_menu,
  .product_quote,
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* Banner */
  .banner {
    aspect-ratio: 3/1;
  }

  .banner.video .banner_image img {
    transform: translateY(-20%);
  }

  /* Product */
  .product_price .modal.fade.form_book_embed.show {
    padding: 0 2rem !important;
  }

  .zoom_image_embed .modal-dialog.modal-dialog-centered.modal-lg {
    padding: 0 2rem;
  }

  .modal.fade.form_booking.show {
    padding: 0 2rem !important;
  }

  .zoom_image {
    padding: 0 2rem !important;
  }

  .home_prizes .all_prizes {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .header,
  .home_boats,
  .home_section_info,
  .home_phone,
  .home_prizes,
  .home_partner,
  .home_quote,
  .home_intro,
  .rent_boats,
  .promo_boats,
  .catering_menu,
  .events_content,
  .contact_intro,
  .contact_connect,
  .contact_form,
  .contact_maps,
  .product_price,
  .product_support,
  .product_descriptions,
  .product_details,
  .others_menu,
  .product_quote,
  .footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /* Banner */
  .banner {
    aspect-ratio: 16/9;
  }

  .banner .title {
    width: 80%;
  }

  .banner.video .banner_image img {
    transform: translateY(0);
  }

  .banner.video .banner_image iframe {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    inset: 0 0 0 0;
  }

  /* Home */
  /* Section info */
  .home_section_info .section_infos {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
  }

  .home_section_info .section_infos .section_info {
    flex: 1 0 calc(25% - 1rem);
    max-width: calc(25% - 1rem);
  }

  /* Catering Menu */
  .catering_menu .list_menu.row .col-12.col-sm-6 .menu {
    height: auto;
    aspect-ratio: unset;
    margin-top: 3rem;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu:active {
    opacity: 0.8;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6:nth-child(1) .menu,
  .catering_menu .list_menu.row .col-12.col-sm-6:nth-child(2) .menu {
    margin-top: 1rem;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .image {
    aspect-ratio: 4/3;
    padding: 0 3rem;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    margin-bottom: 2rem;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text {
    position: relative;
    width: 100%;
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text {
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
  }

  .catering_menu
    .list_menu.row
    .col-12.col-sm-6
    .menu
    .decor_text
    .decor_text-hover {
    background-color: #fff;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text h3,
  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text p {
    color: #000;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text h3 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 300;
    text-transform: none;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .decor_text .text p {
    font-size: 12px;
  }

  /* Events */
  .events_content .list_events {
    grid-template-columns: 1fr 1fr;
  }

  /* Product */
  .product_price .list_price {
    width: 100%;
  }

  .others_menu .all_menu {
    gap: 1.5rem;
  }

  .rent_boats .list_boats .col-6,
  .home_boats .list_boats .col-6,
  .product_descriptions .row .col-6 {
    width: calc(50% - (10px / 3));
  }
}

@media (max-width: 600px) {
  .header,
  .home_boats,
  .home_section_info,
  .home_phone,
  .home_prizes,
  .home_partner,
  .home_quote,
  .home_intro,
  .rent_boats,
  .promo_boats,
  .catering_menu,
  .events_content,
  .contact_intro,
  .contact_connect,
  .contact_form,
  .contact_maps,
  .product_price,
  .product_support,
  .product_descriptions,
  .product_details,
  .others_menu,
  .product_quote,
  .footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Advertising */
  .ads p {
    letter-spacing: 1px;
  }

  .ads .turn_off {
    aspect-ratio: 1/2;
  }

  /* Header */
  .header {
    position: relative;
    padding: 0.75rem;
  }

  .header .menu_mb {
    position: absolute;
    top: 0;
    left: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3px;
    width: 2rem;
    height: 2.5rem;
    padding: 0.6rem 0.8rem 0 2px;
    box-sizing: border-box;
  }

  .header .menu_mb hr {
    all: unset;
    width: 100%;
    height: 2px;
    margin: 0;
    background-color: #999;
    transition: all 0.5s ease-in-out;
  }

  .header .menu_mb.close hr:nth-child(1) {
    transform: rotate(45deg) translate(0, 4px);
  }

  .header .menu_mb.close hr:nth-child(2) {
    display: none;
  }

  .header .menu_mb.close hr:nth-child(3) {
    transform: rotate(-45deg) translate(0, -4px);
  }

  .header .brand_name {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .header .brand_name a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "League Spartan", sans-serif;
    font-weight: 400;
    letter-spacing: 0.3em;
    font-size: 15px;
    color: #999;
  }

  .header .logo,
  .header .nav {
    display: none;
  }

  .header .nav.active {
    display: block;
  }

  .header .nav.active nav {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 0 0.5rem 0;
  }

  .header .nav.active nav span {
    display: none;
  }

  /* Banner */
  .banner {
    aspect-ratio: 4/3;
  }

  .banner .title h1 {
    width: 100%;
  }

  .banner .title p {
    display: none;
  }

  .banner.video .banner_image {
    width: 140%;
  }

  .banner.video .banner_image img {
    transform: translate(-13%, 0);
  }

  .banner.video .banner_image iframe {
    /* inset: 10% 0 0 0; */
  }

  /* Home */
  /* All Boat */
  .home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat,
  .rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat {
    aspect-ratio: 4/3;
  }

  .home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available,
  .rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available {
    height: 1rem;
  }

  .home_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available p,
  .rent_boats .list_boats .col-6.col-md-6.col-xl-4 .boat .image .available p {
    font-size: 10px;
  }

  /* Section Info */
  .home_section_info .section_infos .section_info {
    position: relative;
    flex: 1 0 calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }

  /* Prizes */
  .home_prizes .all_prizes {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 4rem;
    padding: 0;
  }

  .home_prizes .all_prizes .prize {
    flex: 1 0 calc(50% - 4rem);
    max-width: calc(50% - 4rem);
  }

  .home_section_info button,
  .home_quote button,
  .home_intro button {
    font-size: 15px;
  }

  /* Catering Menu */
  .catering_menu .list_menu.row {
    --bs-gutter-x: 0;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 {
    padding: 0 0 3rem 0;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu {
    height: auto;
    aspect-ratio: unset;
    margin-top: 0;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu:active {
    opacity: 0.8;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6:nth-child(1) .menu,
  .catering_menu .list_menu.row .col-12.col-sm-6:nth-child(2) .menu {
    margin-top: 1rem;
  }

  .catering_menu
    .list_menu.row
    .col-12.col-sm-6:nth-child(odd)
    .menu
    .decor_text {
    padding: 0 1rem 0 0;
  }

  .catering_menu
    .list_menu.row
    .col-12.col-sm-6:nth-child(even)
    .menu
    .decor_text {
    padding: 0 0 0 1rem;
  }

  .catering_menu .list_menu.row .col-12.col-sm-6 .menu .image {
    margin-bottom: 1.5rem;
  }

  /* Promos */
  /* All Boats */
  .promo_boats .list_promo_boats .boat {
    flex-direction: column;
  }

  .promo_boats .list_promo_boats .boat .image {
    width: 100%;
  }

  .promo_boats .list_promo_boats .boat .infomation {
    width: 100%;
  }

  .product_price .list_price .price {
    max-width: 13rem;
    min-width: 13rem;
    aspect-ratio: 4/1;
    padding: 1.5rem 2rem;
  }

  .product_price .list_price .price p {
    width: 100%;
  }

  .others_menu .all_menu {
    justify-content: center;
    flex-wrap: wrap;
  }

  .others_menu .all_menu .menu {
    font-size: 15px;
    padding: 1.5rem 2rem;
  }

  .product_price .modal.fade.form_book_embed.show {
    padding: 0 1rem !important;
  }

  .product_price
    .modal.fade.form_book_embed.show
    .modal-dialog.modal-dialog-centered {
    margin: 30px 0;
  }

  .product_price
    .modal.fade.form_book_embed.show
    .modal-dialog.modal-dialog-centered
    .modal-content
    .modal-body.row
    .col-12.col-md-4,
  .product_price
    .modal.fade.form_book_embed.show
    .modal-dialog.modal-dialog-centered
    .modal-content
    .modal-body.row
    .col-12.col-md-8 {
    padding: 1rem;
  }

  .zoom_image_embed .modal-dialog.modal-dialog-centered.modal-lg {
    padding: 0 1rem;
  }

  .modal.fade.form_booking.show {
    margin: 0;
    padding: 0 !important;
  }

  .contact_form
    .modal.fade.form_booking.show
    .modal-dialog.modal-dialog-centered,
  .product_support
    .modal.fade.form_booking.show
    .modal-dialog.modal-dialog-centered {
    margin: 0;
    padding: 2rem 1rem;
  }

  .zoom_image {
    padding: 0 1rem !important;
  }
}