@import url("https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  font-family: "Playfair", serif;
  scroll-behavior: smooth;
}

html {
  font-size: 10px;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-family: "Playfair", serif;
}

h1, h2, h3 {
  font-family: "Playfair", serif;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body {
  background: #EDE5DA;
  color: #666666;
  position: relative;
}

header {
  width: 100%;
  position: fixed;
  z-index: 5;
  background: rgba(241, 234, 226, 0.95);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 1.5rem 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .logo {
  width: 17rem;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  cursor: pointer;
}
header .logo:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
header .logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
header nav ul li {
  font-size: 2.5rem;
  text-transform: uppercase;
}
header nav ul li a {
  color: #666666;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
header nav ul li a:hover {
  color: #D4AF37;
}
header nav .lang-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #D4AF37;
  border-radius: 10px;
  padding: 0.4rem;
  position: relative;
  background: transparent;
}
header nav .lang-menu .lang-item {
  font-family: "Playfair", serif;
  font-size: 2.2rem;
  color: #666666;
  text-transform: uppercase;
  padding: 0.6rem 1.6rem;
  border-radius: 0.8rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
header nav .lang-menu .lang-item.active {
  background: #D4AF37;
  color: #ffffff;
}
header nav .lang-menu .lang-item:hover:not(.active) {
  color: #D4AF37;
}

.btn {
  background: #D4AF37;
  color: #ffffff;
  padding: 0.6rem 2.4rem;
  display: block;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  font-size: 2.5rem;
  text-transform: uppercase;
  border: 2px solid #ffffff;
}
.btn:hover {
  color: #ffffff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.btn-s {
  background: transparent;
  color: #ffffff;
  padding: 0.6rem 2.4rem;
  display: block;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  font-size: 2.5rem;
  text-transform: uppercase;
  border: 2px solid #ffffff;
}
.btn-s:hover {
  color: #ffffff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

main {
  width: 100%;
  height: 100dvh;
  position: relative;
}
main .overlay {
  position: absolute;
  background: linear-gradient(107deg, rgba(0, 0, 0, 0.35) 0%, rgba(102, 102, 102, 0.35) 100.71%);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10rem 15rem;
}
main .overlay .hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
main .overlay .hero img {
  width: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
}
main .overlay .hero h1 {
  font-size: 6rem;
  text-transform: uppercase;
  color: #D4AF37;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
main .overlay .hero hr {
  width: 12rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
main .overlay .hero p {
  margin: 1.5rem 0;
  color: #ffffff;
  font-size: 3rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
main .overlay .hero .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
main .overlay .hero .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
main .overlay .hero .socials .social {
  width: 5.5rem;
  height: 5.5rem;
  background: #D4AF37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
main .overlay .hero .socials .social:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
main .overlay .hero .socials .social svg {
  width: 3.5rem;
  height: 3.5rem;
  fill: #ffffff;
}

#toggle {
  display: none;
}

section {
  padding: 10rem 15rem;
}

#highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem;
}
#highlights .highlight {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 1rem;
}
#highlights .highlight img {
  width: 9rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#highlights .highlight h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#highlights .highlight hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#highlights .highlight p {
  font-size: 2.5rem;
}

#services {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
#services .service {
  width: 100%;
  position: relative;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  background: #ffffff;
}
#services .service:hover {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
#services .service:hover .overlay h2 {
  color: #D4AF37;
}
#services .service img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2/1;
}
#services .service .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(108deg, rgba(0, 0, 0, 0.15) 0%, rgba(102, 102, 102, 0.15) 100.48%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 3rem;
  text-align: center;
}
#services .service .overlay h2 {
  color: #ffffff;
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#services .service .overlay hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}

#contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contact h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#contact hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 3rem;
}
#contact p {
  font-size: 2.5rem;
  max-width: 80rem;
  text-align: center;
}
#contact p a {
  font-weight: bold;
  color: #D4AF37;
}
#contact .contact-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15rem;
  margin-top: 5rem;
}
#contact .contact-row .contact-form {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
  background: #ffffff;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
#contact .contact-row .contact-form form {
  width: 100%;
}
#contact .contact-row .contact-form form h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#contact .contact-row .contact-form form .row {
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
#contact .contact-row .contact-form form input {
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 2rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  outline-color: #D4AF37;
}
#contact .contact-row .contact-form form textarea {
  width: 100%;
  min-height: 15rem;
  padding: 0.6rem 1rem;
  font-size: 2rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  outline-color: #D4AF37;
  resize: vertical;
  margin-bottom: 1.5rem;
}
#contact .contact-row .contact-form form .checkbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
#contact .contact-row .contact-form form .checkbox-row input[type=checkbox] {
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  accent-color: #D4AF37;
  border: 2px solid #D4AF37;
}
#contact .contact-row .contact-form form .checkbox-row label {
  font-size: 2rem;
  margin-bottom: 0;
}
#contact .contact-row .contact-form form .checkbox-row label a {
  color: #D4AF37;
  font-weight: bold;
}
#contact .contact-row .contact-form form input[type=submit] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #D4AF37;
  color: #ffffff;
  padding: 0.6rem 2.4rem;
  display: block;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  font-size: 2.5rem;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  cursor: pointer;
  margin: 0 auto;
}
#contact .contact-row .contact-form form input[type=submit]:hover {
  color: #ffffff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
#contact .contact-row .contact-map {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#contact .contact-row .contact-map h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#contact .contact-row .contact-map iframe {
  width: 100%;
  height: 35rem;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
#contact .contact-row .contact-map .contact-details {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  padding-top: 3rem;
}
#contact .contact-row .contact-map .contact-details .contact-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
}
#contact .contact-row .contact-map .contact-details .contact-detail svg {
  width: 3.5rem;
  height: 3.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#contact .contact-row .contact-map .contact-details .contact-detail p {
  font-size: 2.5rem;
}

footer {
  background: #D4AF37;
  padding: 1rem 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
footer p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
footer p:first-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
footer p:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
footer p svg {
  width: 2rem;
  height: 2rem;
  fill: #ffffff;
}
footer p a {
  color: #ffffff;
}

.active {
  color: #D4AF37;
}

.first-section {
  padding-top: 18rem;
}

span {
  font-family: "Great Vibes", cursive;
}

#about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15rem;
}
#about .about-txt {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#about .about-txt img {
  width: 6rem;
  margin-bottom: 0.5rem;
}
#about .about-txt h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#about .about-txt hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 3rem;
}
#about .about-txt p {
  font-size: 2.5rem;
  margin-bottom: 3rem;
}
#about .about-txt span {
  font-size: 3rem;
  font-family: "Great Vibes", cursive;
  color: #D4AF37;
}
#about .about-img {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#about .about-img img {
  width: 100%;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
}
#about .about-img p {
  font-size: 2rem;
}

#team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0;
}
#team h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#team hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#team .team-grid {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(3, 40rem);
  gap: 5rem;
}
#team .team-grid .teammate {
  width: 100%;
}
#team .team-grid .teammate img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 2rem;
}
#team .team-grid .teammate h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#team .team-grid .teammate span {
  font-family: "Playfair", serif;
  font-size: 2.5rem;
  color: #D4AF37;
}

#offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#offer h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#offer hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#offer .offer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15rem;
  margin-top: 5rem;
}
#offer .offer-row .offer-txt {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
}
#offer .offer-row .offer-txt h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#offer .offer-row .offer-txt hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 1rem;
}
#offer .offer-row .offer-txt p {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
#offer .offer-row .offer-txt .row {
  gap: 1.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#offer .offer-row .offer-txt .row .btn {
  border-color: #D4AF37;
}
#offer .offer-row .offer-txt .row .btn-s {
  color: #666666;
  border-color: #666666;
}
#offer .offer-row .offer-img {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
}
#offer .offer-row .offer-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2/1;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

#reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0;
}
#reviews h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#reviews hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#reviews .star-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 2.5rem;
  gap: 1rem;
  margin-top: 2rem;
}
#reviews .star-line .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25rem;
}
#reviews .star-line .stars svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #D4AF37;
}
#reviews .swiper {
  width: 100%;
}
#reviews .swiper .swiper-wrapper {
  width: 100%;
  padding: 5rem 0;
}
#reviews .swiper .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 20rem;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  background: #FEF6F4;
  padding: 3rem;
}
#reviews .swiper .swiper-wrapper .swiper-slide .slide-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}
#reviews .swiper .swiper-wrapper .swiper-slide .slide-header .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 2.5rem;
}
#reviews .swiper .swiper-wrapper .swiper-slide .slide-header .name .icon {
  font-size: 2.5rem;
  font-weight: bold;
  text-transform: uppercase;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #D4AF37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1.5rem;
}
#reviews .swiper .swiper-wrapper .swiper-slide .slide-header img {
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#reviews .swiper .swiper-wrapper .swiper-slide p {
  font-size: 2rem;
}
#reviews .swiper .swiper-pagination {
  margin-top: 1rem;
  position: relative;
}
#reviews .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #d4d6d8;
  opacity: 1;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
#reviews .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #D4AF37;
}

#price-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100dvh;
}
#price-list h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#price-list hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#price-list .price-list-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10rem;
  margin-top: 5rem;
}
#price-list .price-list-grid .price-list-category {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: auto;
}
#price-list .price-list-grid .price-list-category .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.5rem;
  gap: 1.5rem;
}
#price-list .price-list-grid .price-list-category .row svg {
  width: 4.5rem;
  height: 4.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #D4AF37;
}
#price-list .price-list-grid .price-list-category .row h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#price-list .price-list-grid .price-list-category hr {
  width: 14rem;
}
#price-list .price-list-grid .price-list-category table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2rem;
}
#price-list .price-list-grid .price-list-category table tr {
  border-bottom: 2px solid #D4AF37;
}
#price-list .price-list-grid .price-list-category table tr td {
  font-size: 2.5rem;
  padding: 0.5rem;
  font-weight: 500;
}
#price-list .price-list-grid .price-list-category table tr .price {
  text-align: end;
}
#price-list .price-list-grid .price-list-category .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin: 0 auto;
}
#price-list .price-list-grid .price-list-category .message h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
}

#job {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#job h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#job hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#job .jobs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
  margin-top: 5rem;
  width: 100%;
}
#job .jobs .job {
  width: 100%;
  max-width: 90rem;
  background: #ffffff;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  padding: 3rem;
}
#job .jobs .job h3 {
  font-size: 3rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
#job .jobs .job hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 1.5rem;
}
#job .jobs .job .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
#job .jobs .job .row svg {
  width: 3.5rem;
  height: 3.5rem;
  fill: #D4AF37;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#job .jobs .job p {
  font-size: 2.5rem;
  margin: 3rem 0;
}
#job .jobs .job .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

#products {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#products h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#products hr {
  width: 8rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 1rem;
}
#products p {
  font-size: 2.5rem;
  max-height: 90rem;
}
#products .row {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 1.5rem;
}
#products .row .btn-s {
  color: #666666;
  border-color: #666666;
}
#products .row .active-btn {
  color: #ffffff;
  border-color: #D4AF37;
  background: #D4AF37;
}
#products .products-wrapper {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3rem;
}
#products .products-wrapper .product {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#products .products-wrapper .product img {
  margin-bottom: 1.5rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
#products .products-wrapper .product h3 {
  font-size: 2.5rem;
}
#products .products-wrapper .product .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1rem 0rem;
  font-size: 2.5rem;
  font-weight: bold;
}
#products .products-wrapper .product .row .price {
  color: #D4AF37;
}
#products .products-wrapper .product .btn {
  text-align: center;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border: 2px solid #D4AF37;
}
#products .pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 5rem;
}
#products .pagination a {
  font-size: 3rem;
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#products .pagination a:hover {
  color: #D4AF37;
}
#products .pagination svg {
  width: 2rem;
  height: 2rem;
  fill: #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#products .pagination svg:hover {
  fill: #D4AF37;
}

.active-page {
  color: #D4AF37 !important;
  font-weight: bold;
}

#ig-feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0;
}
#ig-feed h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#ig-feed hr {
  width: 12rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 3rem;
}
#ig-feed .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
#ig-feed .socials .social {
  width: 5.5rem;
  height: 5.5rem;
  background: #D4AF37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#ig-feed .socials .social:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
#ig-feed .socials .social svg {
  width: 3.5rem;
  height: 3.5rem;
  fill: #ffffff;
}
#ig-feed .feed {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 5rem;
}
#ig-feed .feed .post {
  width: 100%;
}
#ig-feed .feed .post img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#ig-feed .feed .post img:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

#reservation {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#reservation h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
#reservation hr {
  width: 12rem;
  height: 4px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 3rem;
}
#reservation .steps {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
#reservation .steps .step {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .steps .step:hover .step-number {
  opacity: 1;
}
#reservation .steps .step:hover .step-label {
  color: #D4AF37;
}
#reservation .steps .step .step-number {
  background: #D4AF37;
  width: 5rem;
  height: 5rem;
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  opacity: 0.6;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .steps .step .step-label {
  font-size: 2rem;
  text-transform: uppercase;
  color: #666666;
  text-align: center;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .steps .step hr {
  width: 5rem;
  height: 1px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
}
#reservation .step-container {
  width: 100%;
  max-width: 100rem;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  padding: 3rem;
  margin-top: 5rem;
}
#reservation .step-container .step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3rem;
  margin-bottom: 3rem;
}
#reservation .step-container .step-header .step-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
#reservation .step-container .step-header .step-heading h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#reservation .step-container .step-header .step-heading hr {
  width: 8rem;
  height: 3px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 0;
}
#reservation .step-container .step-header img {
  width: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#reservation .step-container .service-ctg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3rem;
}
#reservation .step-container .service-ctg .btn-s {
  color: #666666;
  border-color: #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .step-container .service-ctg .btn-s:hover {
  color: #D4AF37;
  border-color: #D4AF37;
}
#reservation .step-container .service-ctg .active-btn {
  color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}
#reservation .step-container .services-offer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
#reservation .step-container .services-offer .service-offer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .step-container .services-offer .service-offer:hover {
  border-color: #D4AF37;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
#reservation .step-container .services-offer .service-offer:hover h3 {
  color: #D4AF37;
}
#reservation .step-container .services-offer .service-offer:hover .row {
  color: #D4AF37;
}
#reservation .step-container .services-offer .service-offer h3 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #666666;
  font-weight: 500;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .step-container .services-offer .service-offer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
  color: #666666;
  font-size: 2rem;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .step-container .services-offer .active-offer {
  border-color: #D4AF37;
}
#reservation .step-container .services-offer .active-offer h3 {
  color: #D4AF37;
}
#reservation .step-container .services-offer .active-offer .row {
  color: #D4AF37;
}
#reservation .step-container .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-top: 3rem;
}
#reservation .step-container .date-time-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8rem;
  width: 100%;
}
#reservation .step-container .date-time-wrapper .date-section, #reservation .step-container .date-time-wrapper .time-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
#reservation .step-container .date-time-wrapper .step-heading h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  color: #666666;
}
#reservation .step-container .date-time-wrapper .calendar {
  width: 100%;
  max-width: 40rem;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-header h4 {
  font-size: 2.2rem;
  font-weight: 500;
  color: #666666;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-header button {
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-header button svg {
  width: 2.5rem;
  fill: #666666;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-header button svg:hover {
  fill: #D4AF37;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-days-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #666666;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-days-names span {
  font-family: "Playfair", serif;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
  margin-bottom: 2rem;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 10px;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day.empty {
  background: none;
  cursor: default;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day.occupied {
  background: rgba(102, 102, 102, 0.2);
  cursor: not-allowed;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day.free {
  background: rgba(211, 170, 76, 0.5);
  color: #666666;
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day.free:hover {
  background: rgb(228.6545454545, 216.9454545455, 200.8454545455);
}
#reservation .step-container .date-time-wrapper .calendar .calendar-grid .day.selected {
  background: #D4AF37 !important;
  color: #ffffff;
  font-weight: bold;
}
#reservation .step-container .date-time-wrapper .calendar .legend p {
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
  color: #999;
  letter-spacing: 1px;
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 1.6rem;
  color: #666666;
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items .legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items .legend-item .box {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items .legend-item .box.occupied {
  background: rgba(102, 102, 102, 0.2);
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items .legend-item .box.free {
  background: rgba(211, 170, 76, 0.5);
}
#reservation .step-container .date-time-wrapper .calendar .legend .legend-items .legend-item .box.selected {
  background: #D4AF37;
}
#reservation .step-container .date-time-wrapper .time-section .step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 2rem;
}
#reservation .step-container .date-time-wrapper .time-section .step-header img {
  width: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#reservation .step-container .date-time-wrapper .time-section .time-slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
#reservation .step-container .date-time-wrapper .time-section .time-slots .time-slot {
  background: transparent;
  border: 1px solid #666666;
  border-radius: 5px;
  padding: 0.8rem;
  font-size: 2rem;
  color: #666666;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Playfair", serif;
}
#reservation .step-container .date-time-wrapper .time-section .time-slots .time-slot:hover {
  border-color: #D4AF37;
  color: #D4AF37;
}
#reservation .step-container .date-time-wrapper .time-section .time-slots .time-slot.active {
  background: #D4AF37;
  color: #ffffff;
  border-color: #D4AF37;
}
#reservation .step-container .step-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
  margin-top: 5rem;
}
#reservation .step-container .step-buttons .btn-back {
  background: transparent;
  color: #666666;
  border: 2px solid #666666;
  margin: 0;
}
#reservation .step-container .step-buttons .btn-back:hover {
  color: #D4AF37;
  border-color: #D4AF37;
}
#reservation .step-container .step-buttons .btn-next {
  margin: 0;
  border: 2px solid #D4AF37;
}
#reservation .step-container p {
  font-size: 2rem;
}
#reservation .step-container .emloyees {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}
#reservation .step-container .emloyees .employee {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 1.5rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  gap: 2rem;
}
#reservation .step-container .emloyees .employee h3 {
  font-size: 2rem;
  text-transform: uppercase;
  color: #666666;
}
#reservation .step-container .emloyees .employee img {
  width: 8rem;
  height: 8rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#reservation .step-container .emloyees .employee:hover {
  border-color: #D4AF37;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
#reservation .step-container .emloyees .employee:hover h3 {
  color: #D4AF37;
}
#reservation .step-container .emloyees .employee:hover .row {
  color: #D4AF37;
}
#reservation .step-container form {
  width: 100%;
}
#reservation .step-container form h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#reservation .step-container form .row {
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
#reservation .step-container form label {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
#reservation .step-container form input, #reservation .step-container form select {
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 2rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  outline-color: #D4AF37;
}
#reservation .step-container form textarea {
  width: 100%;
  min-height: 15rem;
  padding: 0.6rem 1rem;
  font-size: 2rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  outline-color: #D4AF37;
  resize: vertical;
  margin-bottom: 1.5rem;
}
#reservation .step-container form select {
  margin-bottom: 1.5rem;
}
#reservation .step-container form .checkbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
#reservation .step-container form .checkbox-row input[type=checkbox] {
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  accent-color: #D4AF37;
  border: 2px solid #D4AF37;
}
#reservation .step-container form .checkbox-row label {
  font-size: 2rem;
  margin-bottom: 0 !important;
}
#reservation .step-container form .checkbox-row label a {
  color: #D4AF37;
  font-weight: bold;
}
#reservation .step-container form input[type=submit] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #D4AF37;
  color: #ffffff;
  padding: 0.6rem 2.4rem;
  display: block;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  font-size: 2.5rem;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  cursor: pointer;
}
#reservation .step-container form input[type=submit]:hover {
  color: #ffffff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
#reservation .step-container .summary {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}
#reservation .step-container .summary h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#reservation .step-container .summary hr {
  width: 8rem;
  height: 3px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 2rem;
}
#reservation .step-container .summary p {
  font-size: 2.5rem;
}
#reservation .step-container .thanks {
  margin-bottom: 2rem;
}
#reservation .step-container .thanks p {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
#reservation .step-container .thanks span {
  font-size: 3.5rem;
  color: #D4AF37;
}

.active-step .step-number {
  opacity: 1 !important;
}
.active-step .step-label {
  color: #D4AF37 !important;
}

.active-employee {
  border-color: #D4AF37 !important;
}
.active-employee h3 {
  color: #D4AF37 !important;
}

.cookies {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 2rem;
  padding-bottom: 0;
  width: 42.5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 6;
}
.cookies p {
  font-size: 1.8rem;
}
.cookies a {
  color: #D4AF37;
  font-weight: bold;
}
.cookies .row {
  width: 50%;
  margin: 2rem;
}
.cookies .row .btn-g {
  font-size: 1.8rem;
  margin: 0rem 2rem;
  color: #ffffff;
  background: #D4AF37;
  padding: 0.5rem 2.5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  border: 2px solid #D4AF37;
  cursor: pointer;
  border-radius: 5px;
}
.cookies .row .btn-g:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.cookies .row .btn-b {
  font-size: 1.8rem;
  margin: 0rem 2rem;
  color: #666666;
  background: transparent;
  padding: 0.5rem 2.5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  cursor: pointer;
  border-radius: 5px;
}
.cookies .row .btn-b:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.custom-popup {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  padding: 3rem;
}
.custom-popup .popup {
  width: 100%;
  max-width: 100rem;
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  padding: 3rem;
  margin-top: 5rem;
}
.custom-popup .popup .popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3rem;
  margin-bottom: 3rem;
}
.custom-popup .popup .popup-header .popup-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.custom-popup .popup .popup-header .popup-heading h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
.custom-popup .popup .popup-header .popup-heading hr {
  width: 8rem;
  height: 3px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 0;
}
.custom-popup .popup .popup-header img {
  width: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.custom-popup .popup .popup-content {
  margin-bottom: 2rem;
}
.custom-popup .popup .popup-content p {
  font-size: 2.5rem;
}
.custom-popup .popup .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
.custom-popup .popup .row .btn-s {
  color: #666666;
  border-color: #666666;
}

.popup-not-active {
  display: none;
}

#rules {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 16rem;
}
#rules .rules-content {
  width: 80%;
  margin: 0 auto;
}
#rules .rules-content h1 {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 5rem;
  text-align: center;
  color: #666666;
}
#rules .rules-content h2 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #666666;
}
#rules .rules-content p {
  font-size: 2.5rem;
  margin-bottom: 3rem;
  color: #666666;
}

#login {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#login form {
  background: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 3rem;
  width: 40rem;
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#login form img {
  width: 6rem;
}
#login form h3 {
  font-size: 3rem;
  text-transform: uppercase;
}
#login form hr {
  width: 8rem;
  height: 3px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 1rem;
}
#login form input {
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 2rem;
  border: 2px solid #666666;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  outline-color: #D4AF37;
}
#login form input[type=submit] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #D4AF37;
  color: #ffffff;
  padding: 0.6rem 2.4rem;
  display: block;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
  font-size: 2.5rem;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  cursor: pointer;
}
#login form input[type=submit]:hover {
  color: #ffffff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

#profile {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#profile h2 {
  font-size: 4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#profile hr {
  width: 8rem;
  height: 3px;
  background: #D4AF37;
  color: #D4AF37;
  border: none;
  margin-bottom: 1rem;
}
#profile .btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2rem 0;
}
#profile .btns .btn-s {
  color: #666666;
  border-color: #666666;
}
#profile .btns .btn-s:hover {
  color: #D4AF37;
  border-color: #D4AF37;
}
#profile #reservation .step-container {
  width: 100%;
  max-width: none;
}
#profile #reservation .step-container .date-time-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
#profile #reservation .step-container .date-time-wrapper .date-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#profile #reservation .step-container .date-time-wrapper .time-section {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#profile .reservation-section .reservations-list {
  width: 100%;
  margin-top: 2rem;
}
#profile .reservation-section .reservations-list .table-responsive {
  width: 100%;
  overflow-x: auto;
}
#profile .reservation-section .reservations-list .res-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 85rem;
}
#profile .reservation-section .reservations-list .res-table th, #profile .reservation-section .reservations-list .res-table td {
  padding: 1.5rem 1rem;
  text-align: left;
  font-size: 2.2rem;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
  color: #666666;
  vertical-align: middle;
}
#profile .reservation-section .reservations-list .res-table th {
  font-weight: 600;
  text-transform: uppercase;
  color: #D4AF37;
  border-bottom: 2px solid #D4AF37;
}
#profile .reservation-section .reservations-list .res-table td span {
  font-family: "Playfair", serif;
}
#profile .reservation-section .reservations-list .res-table td strong {
  font-weight: bold;
  color: #000000;
}
#profile .reservation-section .reservations-list .res-table .table-link {
  color: #666666;
  text-decoration: underline;
  -webkit-transition: ease 0.3s all;
  transition: ease 0.3s all;
}
#profile .reservation-section .reservations-list .res-table .table-link:hover {
  color: #D4AF37;
}
#profile .reservation-section .reservations-list .res-table .table-phone {
  color: #D4AF37;
  white-space: nowrap;
}
#profile .reservation-section .reservations-list .res-table .table-note {
  font-size: 1.8rem;
  font-style: italic;
  color: rgb(140.25, 140.25, 140.25);
  max-width: 25rem;
  display: block;
}
#profile .reservation-section .reservations-list .res-table .actions {
  white-space: nowrap;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s {
  display: inline-block;
  font-size: 1.6rem;
  padding: 0.4rem 1.2rem;
  cursor: pointer;
  margin: 0;
  margin-right: 1rem;
  font-family: "Playfair", serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s:last-child {
  margin-right: 0;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s.edit-btn {
  color: #666666;
  border-color: #666666;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s.edit-btn:hover {
  color: #ffffff;
  background: #D4AF37;
  border-color: #D4AF37;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s.delete-btn {
  color: #d9534f;
  border-color: #d9534f;
}
#profile .reservation-section .reservations-list .res-table .actions .btn-s.delete-btn:hover {
  color: #ffffff;
  background: #d9534f;
  border-color: #d9534f;
}

@media (min-width: 2560px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1660px) {
  html {
    font-size: 9.5px;
  }
  header {
    padding: 1.5rem 12.5rem;
  }
  main .overlay {
    padding: 10rem 12.5rem;
  }
  section {
    padding: 10rem 12.5rem;
  }
  footer {
    padding: 1rem 12.5rem;
  }
  #about {
    gap: 12.5rem;
  }
  #offer .offer-row {
    gap: 12.5rem;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12.5rem;
  }
}
@media (max-width: 1440px) {
  html {
    font-size: 9.5px;
  }
  header {
    padding: 1.5rem 10rem;
  }
  main .overlay {
    padding: 8rem 10rem;
  }
  section {
    padding: 8rem 10rem;
  }
  #highlights {
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
  }
  #contact .contact-row {
    gap: 10rem;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail {
    gap: 1rem;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail p {
    font-size: 2rem;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail svg {
    width: 3rem;
    height: 3rem;
  }
  footer {
    padding: 1rem 10rem;
  }
  #about {
    gap: 10rem;
  }
  #team .team-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  #offer .offer-row {
    gap: 10rem;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10rem;
  }
  #products .products-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  #rules .rules-content {
    width: 85%;
    margin: 0 auto;
  }
}
@media (max-width: 1336px) {
  html {
    font-size: 9px;
  }
  header {
    padding: 1rem 5rem;
  }
  header .logo {
    width: 16rem;
  }
  header nav ul {
    gap: 1.6rem;
  }
  header nav ul li {
    font-size: 2.2rem;
  }
  header nav .lang-menu {
    padding: 0.3rem;
  }
  header nav .lang-menu .lang-item {
    font-size: 2rem;
    padding: 0.3rem 1.2rem;
    border-radius: 10px;
  }
  main .overlay {
    padding: 6rem 8rem;
  }
  section {
    padding: 6rem 8rem;
  }
  #contact .contact-row {
    gap: 8rem;
  }
  footer {
    padding: 1rem 8rem;
  }
  #about {
    gap: 8rem;
  }
  #offer .offer-row {
    gap: 8rem;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 8.5px;
  }
  header {
    padding: 1.5rem 3rem;
  }
  main .overlay {
    padding: 5rem 6rem;
  }
  section {
    padding: 5rem 6rem;
  }
  #contact .contact-row {
    gap: 5rem;
  }
  footer {
    padding: 1rem 6rem;
  }
  #about {
    gap: 6rem;
  }
  #offer .offer-row {
    gap: 6rem;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
  }
  #products .products-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  #rules .rules-content {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  #toggle {
    width: 100%;
    position: fixed;
    z-index: 6;
    background: rgba(241, 234, 226, 0.95);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 1.5rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.5rem;
  }
  #toggle .logo {
    width: 15rem;
  }
  #toggle .logo img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #toggle .mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
  }
  #toggle .mobile-menu svg {
    width: 5rem;
    height: 5rem;
    fill: #D4AF37;
  }
  #toggle .mobile-menu .lang-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #D4AF37;
    border-radius: 10px;
    padding: 0.3rem;
    position: relative;
    background: transparent;
  }
  #toggle .mobile-menu .lang-menu .lang-item {
    color: #666666;
    text-transform: uppercase;
    font-size: 2.4rem;
    padding: 0.3rem 1rem;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #toggle .mobile-menu .lang-menu .lang-item.active {
    background: #D4AF37;
    color: #ffffff;
  }
  #toggle .mobile-menu .lang-menu .lang-item:hover:not(.active) {
    color: #D4AF37;
  }
  header {
    position: fixed;
    top: 0;
    right: 0;
    width: 40rem;
    height: 100dvh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5rem;
  }
  header .logo {
    display: none;
  }
  header nav {
    width: 100%;
  }
  header nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header nav ul li {
    font-size: 3rem;
  }
  header nav .lang-menu {
    display: none;
  }
  .active-menu {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: ease 0.3s all;
    transition: ease 0.3s all;
  }
  .not-active-menu {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: ease 0.3s all;
    transition: ease 0.3s all;
  }
  main .overlay {
    padding: 5rem;
  }
  section {
    padding: 5rem;
  }
  #services {
    grid-template-columns: repeat(3, 1fr);
  }
  #services .service {
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
  }
  #services .service .overlay {
    padding: 2rem;
  }
  #contact .contact-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail {
    gap: 1.5rem;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail p {
    font-size: 2.5rem;
  }
  #contact .contact-row .contact-map .contact-details .contact-detail svg {
    width: 3.5rem;
    height: 3.5rem;
  }
  footer {
    padding: 1rem 5rem;
  }
  #about {
    gap: 5rem;
  }
  #about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .first-section {
    padding-top: 16rem;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  #reservation .steps {
    gap: 0.5rem;
  }
  #reservation .steps .step {
    gap: 0.5rem;
  }
  #reservation .steps .step .step-number {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  #reservation .steps .step .step-label {
    font-size: 2rem;
  }
  #reservation .steps .step hr {
    width: 3rem;
  }
  #reservation .step-container .date-time-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #reservation .step-container .date-time-wrapper .calendar {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 8px;
  }
  header {
    padding: 1.5rem 5rem;
  }
  #highlights {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  #services {
    grid-template-columns: repeat(1, 1fr);
  }
  footer {
    padding: 1rem 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #team .team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  #offer .offer-row {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 3rem;
  }
  #offer .offer-row .offer-txt .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #price-list .price-list-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
  #products .products-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  #ig-feed .feed {
    grid-template-columns: repeat(2, 1fr);
  }
  #reservation .steps {
    gap: 0.5rem;
  }
  #reservation .steps .step .step-number {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
  }
  #reservation .steps .step .step-label {
    font-size: 2rem;
  }
  #reservation .steps .step hr {
    width: 2rem;
  }
  #reservation .step-container .services-offer {
    grid-template-columns: repeat(2, 1fr);
  }
  #reservation .step-container .emloyees {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 425px) {
  main .overlay {
    padding: 5rem 3rem;
  }
  main .overlay .hero .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section {
    padding: 5rem 3rem;
  }
  #highlights {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
  #contact .contact-row {
    gap: 3rem;
  }
  #contact .contact-row .contact-form form .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #contact .contact-row .contact-map .contact-details {
    grid-template-columns: repeat(1, 1fr);
  }
  footer {
    padding: 1rem 3rem;
  }
  #about {
    gap: 3rem;
  }
  #team .team-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
  #reviews {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #reviews h2 {
    text-align: center;
  }
  #reviews .star-line {
    font-size: 2rem;
    gap: 0.5rem;
  }
  #reviews .star-line .stars {
    gap: 0.25rem;
  }
  #reviews .star-line .stars svg {
    width: 2rem;
    height: 2rem;
  }
  #reviews .swiper .swiper-wrapper {
    padding: 3rem 0;
  }
  #reviews .swiper .swiper-wrapper .swiper-slide {
    padding: 2rem;
  }
  #products .products-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  #reservation .steps {
    gap: 0.5rem;
  }
  #reservation .steps .step .step-number {
    width: 3rem;
    height: 3rem;
    font-size: 1.8rem;
  }
  #reservation .steps .step .step-label {
    font-size: 1.8rem;
  }
  #reservation .steps .step hr {
    width: 1.5rem;
  }
  #reservation .step-container .services-offer {
    grid-template-columns: repeat(1, 1fr);
  }
  #reservation .step-container .date-time-wrapper .time-section .time-slots {
    grid-template-columns: repeat(3, 1fr);
  }
  #reservation .step-container .step-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #reservation .step-container .step-buttons .btn {
    width: 100%;
    text-align: center;
  }
  #reservation .step-container .emloyees {
    grid-template-columns: repeat(1, 1fr);
  }
  #reservation .step-container form .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cookies {
    width: 100%;
  }
  #rules .rules-content h1 {
    font-size: 4rem;
  }
  #login form {
    width: 100%;
  }
}
@media (max-width: 375px) {
  #reservation .steps {
    gap: 0.8rem;
  }
  #reservation .steps .step .step-number {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.8rem;
  }
  #reservation .steps .step .step-label {
    font-size: 1.8rem;
  }
  #reservation .steps .step hr {
    display: none;
  }
}
@media (max-width: 320px) {
  #reservation .steps {
    gap: 0.4rem;
  }
}