@import url("https://fonts.googleapis.com/css2?family=Yeseva+One&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Jost:wght@500&?family=Cormorant+Garamond:wght@500&display=swap");
/*
Theme Name: PutaDesign: Signature
Version: 1.0
Author: PutaDesign
*/
.letter-spacing-1 { letter-spacing: 1px; }

.letter-spacing-2 { letter-spacing: 2px; }

.letter-spacing-3 { letter-spacing: 3px; }

.letter-spacing-4 { letter-spacing: 4px; }

.letter-spacing-5 { letter-spacing: 5px; }

.letter-spacing-6 { letter-spacing: 6px; }

.letter-spacing-7 { letter-spacing: 7px; }

.letter-spacing-8 { letter-spacing: 8px; }

.letter-spacing-9 { letter-spacing: 9px; }

.letter-spacing-10 { letter-spacing: 10px; }

input[type="number"] { -moz-appearance: textfield; }

@font-face { font-family: "Proximanova"; src: url("assets/fonts/Proximanova-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "Creattion"; src: url("assets/fonts/Creattion-Demo.otf") format("openType"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "Proximanova-Bold"; src: url("assets/fonts/Proximanova-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: "Proximanova-RegularItalic"; src: url("assets/fonts/Proximanova-RegularItalic.woff2") format("woff2"); font-weight: normal; font-style: italic; font-display: swap; }

@font-face { font-family: "Proximanova-Semibold"; src: url("assets/fonts/Proximanova-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: "Ranget"; src: url("assets/fonts/Ranget.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Quentin"; src: url("assets/fonts/quentin.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Edensor"; src: url("assets/fonts/edensor.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

* { padding: 0; margin: 0; box-sizing: border-box; line-height: 1.6; }

:root { --red: rgb(208, 0, 0); --white: rgb(255, 255, 255); --green: rgb(95, 178, 0); --green-dark: rgb(76, 139, 84); --black: rgb(0, 0, 0); --black-900: rgb(17, 17, 17); --black-gray: rgb(53, 53, 53); --light-gray: #f1f1f1; --gray: rgb(178, 178, 178); --gray-dark: #747272; --cyan: rgb(172, 212, 228); --cyan-light: rgb(242, 250, 253); --cyan-dark: #85a3b3; --cyan-green: #405861; --skin-light: rgb(255, 249, 245); --orange-skin: #d1ab7d; --blue-green: rgb(83, 159, 146); --primary-font: "Proximanova"; --primary-bold-font: "Proximanova-Bold"; --primary-semibold-font: "Proximanova-Semibold"; --primary-italic-font: "Proximanova-RegularItalic"; --creattion-font: "Creattion"; --yeseva-one-font: "Yeseva One"; --ranget-font: "Ranget"; --poppins-font: "Poppins", sans-serif; --montserrat-font: "Montserrat", sans-serif; --quentin-font: "Quentin"; --edensor-font: "Edensor"; --max-width-940px: calc(min(940px, 100%)); --fs-18px: clamp(16px, calc(15.6px + 0.125vw), 18px); }

input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

:is(input, button, textarea, select) { font-family: var(--primary-font); border: 0; background-color: transparent; }

:is(input, button, textarea, select):focus, :is(input, button, textarea, select):focus-visible { outline: 0; border: 0; }

:is(input, button, textarea, select)::placeholder { color: inherit; }

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

html { scroll-behavior: smooth; font-family: var(--primary-font) !important; }

body { font-family: var(--primary-font); font-size: var(--fs-18px); }

a { text-decoration: none; }

li { list-style: none; }

img { width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }

form .form-control.invalid input, form .form-control.invalid textarea, form .form-control.invalid select, .form .form-control.invalid input, .form .form-control.invalid textarea, .form .form-control.invalid select { border: 1px solid var(--red); }

form .form-message, .form .form-message { font-size: 16px; }

form .form-message.invalid, .form .form-message.invalid { margin-top: 5px; color: var(--red); }

form #message-response, .form #message-response { margin-top: 5px; }

form #message-response i, .form #message-response i { margin-right: 10px; }

.btn-close { border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--white); }

.modal { width: calc(min(100%, 730px)); padding: clamp(20px, calc(20px + 1vw), 35px) clamp(20px, calc(20px + 4vw), 70px) clamp(35px, calc(35px + 1vw), 45px); position: relative; background-color: var(--white); border-radius: 20px; }

.modal-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 10; transition: 0.5s; }

.modal-wrap.active { opacity: 1; visibility: visible; }

.modal .btn-close { top: -30px; right: -30px; padding: 10px; }

.btn-link { display: flex; padding: 13px 68px; font-size: 15.5px; position: relative; overflow: hidden; transition: 0.5s; cursor: pointer; text-transform: uppercase; margin: 30px auto 0; }

.btn-link * { position: relative; transition: 0.5s; }

.btn-link:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; transition: 0.5s; background-color: var(--green); }

.btn-link:hover:before { left: 0; }

.btn-link:hover * { color: var(--white); }

.heading > h2 { line-height: 1; }

.heading .vertical-title { position: absolute; text-transform: uppercase; transform: rotate(-90deg) translateX(-50%); top: -2px; left: -80px; font-weight: normal; letter-spacing: 2px; font-size: clamp(12px, calc(11.6px + 0.125vw), 14px); font-family: "Work Sans", sans-serif; }

.br3px { border-radius: 3px; }

.br5px { border-radius: 5px; }

.br10px { border-radius: 10px; }

.br20px { border-radius: 20px; }

.br30px { border-radius: 30px; }

.br50 { border-radius: 50%; }

.black-gray-text { color: var(--black-gray); }

.black-text { color: #333; }

.white-text { color: var(--white); }

.red-text { color: var(--red); }

.green-text, .text-active-green.active { color: var(--green); }

.gray-text { color: var(--gray); }

.gray-dark-text { color: var(--gray-dark); }

.cyan-text { color: var(--cyan); }

.cyan-dark-text { color: var(--cyan-dark); }

.cyan-green-text { color: var(--cyan-green); }

.blue-green-text { color: var(--blue-green); }

.custom-color-text { color: var(--color); }

.white-bg { background-color: var(--white); }

.green-bg { background-color: var(--green); }

.green-dark-bg { background-color: var(--green-dark); }

.black-bg { background-color: var(--black); }

.black-900-bg { background-color: var(--black-900); }

.black-gray-bg { background-color: var(--black-gray); }

.custom-bg { background-color: var(--bg); }

.cyan-light-bg { background-color: var(--cyan); }

.creation-font { font-family: var(--creattion-font); }

.montserrat-font { font-family: var(--montserrat-font); }

.poppins-font { font-family: var(--poppins-font); }

.quentin-font { font-family: var(--quentin-font); }

.semibold-font { font-family: var(--primary-semibold-font); }

.bold-font { font-family: var(--primary-bold-font); }

.jost-font { font-family: "Jost", sans-serif; font-weight: 500; }

.garamond-font { font-family: "Cormorant Garamond", serif; font-weight: 500; }

.yeseva-one-font { font-family: "Yeseva One", serif; }

.ranget-font { font-family: var(--ranget-font), sans-serif; }

.edensor-font { font-family: var(--edensor-font); }

.work-sans-font { font-family: "Work Sans", sans-serif; font-weight: 500; }

.uppercase { text-transform: uppercase; }

.capitalize { text-transform: capitalize; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.transition-02s { transition: 0.2s; }

.transition-05s { transition: 0.5s; }

.pr { position: relative; }

.pa { position: absolute; }

.fixed { position: fixed; }

.t-0 { top: 0; }

.l-0 { left: 0; }

.r-0 { right: 0; }

.b-0 { bottom: 0; }

.flex { display: flex; }

.aic { align-items: center; }

.jcsb { justify-content: space-between; }

.jcc { justify-content: center; }

.flex-row { flex-direction: row; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.grid { display: grid; }

.fs-10px { font-size: 10px; }
.fs-11px { font-size: 11px; }

.fs-12px { font-size: 12.5px; }

.fs-14px { font-size: 14px; }

.fs-15px { font-size: 15.5px; }

.fs-16px { font-size: 16.5px; }

.fs-18px { font-size: var(--fs-18px); }

.fs-20px { font-size: clamp(18px, calc(17.7px + 0.125vw), 20px); }

.fs-21px { font-size: 21px; }

.fs-22px { font-size: clamp(18px, calc(17.2px + 0.25vw), 22px); }

.fs-24px { font-size: 24px; }

.fs-28px { font-size: clamp(24px, calc(23.2px + 0.25vw), 28px); }

.fs-35px { font-size: 35px; }

.fs-40px { font-size: clamp(2rem, calc(1.9rem + 0.5vw), 2.5rem); }

.fs-45px { font-size: calc(clamp(1.875rem, calc(1.6875rem + 0.9375vw), 2.8125rem)); }

.fs-56px { font-size: clamp(43px, calc(40.4px + 0.8125vw), 56px); }

.fs-65px { font-size: clamp(50px, calc(47px + 0.9375vw), 65px); }

.fs-80px { font-size: 80px; }

.fs-88px { font-size: clamp(68px, calc(64px + 1.25vw), 88px); }

.fs-137px { font-size: 137px; }

.font-thin { font-weight: 100; }

.font-normal { font-weight: 400; }

.font-bold { font-weight: bold; }

.italic { font-style: italic; }

.w50 { width: 50%; }

.w100 { width: 100%; }

.w-fit { width: fit-content; }

.h100 { height: 100%; }

.h-full-screen { height: 100vh; }

.line-clamp-1 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }

.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; }

.line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

.pointer { cursor: pointer; }

article * { margin: 12px 0; }

article :is(ul, ol) { padding-left: 15px; }

article :is(ul, ol) li { list-style: disc; }

.border-collapse { border-collapse: collapse; }

.splide__track--nav > .splide__list > .splide__slide, .splide__track--nav > .splide__list > .splide__slide.is-active { border: 0; }

.splide.is-focus-in .splide__slide:focus { outline: 0; }

.quatrang .page-numbers { --size: 34px; width: var(--size); height: var(--size); background-color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--black-gray); font-size: 15px; transition: 0.5s; }

.quatrang .page-numbers.current, .quatrang .page-numbers:hover { background-color: var(--black-gray); color: var(--white); }

.quatrang .page-numbers + .page-numbers { margin-left: 10px; }

.circle-loading { --size: 20px; width: var(--size); height: var(--size); border-radius: 50%; position: relative; margin: 0 auto; }

.circle-loading:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; border-radius: inherit; border: 4px solid transparent; border-right-color: var(--black); border-bottom-color: var(--black); animation: circleLoading 1s forwards infinite linear; }

.green-dash { border: 1px dashed var(--green); }

.white-dash { border: 1px dashed var(--white); }

.green-solid { border: 1px solid var(--green); }

.white-solid { border: 1px solid var(--white); }

.pl-0 { padding-left: 0; }

.pr-0 { padding-right: 0; }

.ml-0 { margin-left: 0; }

.mr-0 { margin-right: 0; }

.mt-8 { margin-top: 8px; }

.mb-8 { margin-bottom: 8px; }

.mr-8 { margin-right: 8px; }

.m-5 { margin: 5px; }

.mr-5 { margin-right: 5px; }

.ml-5 { margin-left: 5px; }

.mt-5 { margin-top: 5px; }

.mb-5 { margin-bottom: 5px; }

.p-5 { padding: 5px; }

.pr-5 { padding-right: 5px; }

.pl-5 { padding-left: 5px; }

.pt-5 { padding-top: 5px; }

.pb-5 { padding-bottom: 5px; }

.m-10 { margin: 10px; }

.mr-10 { margin-right: 10px; }

.ml-10 { margin-left: 10px; }

.mt-10 { margin-top: 10px; }

.mb-10 { margin-bottom: 10px; }

.p-10 { padding: 10px; }

.pr-10 { padding-right: 10px; }

.pl-10 { padding-left: 10px; }

.pt-10 { padding-top: 10px; }

.pb-10 { padding-bottom: 10px; }

.m-15 { margin: 15px; }

.mr-15 { margin-right: 15px; }

.ml-15 { margin-left: 15px; }

.mt-15 { margin-top: 15px; }

.mb-15 { margin-bottom: 15px; }

.p-15 { padding: 15px; }

.pr-15 { padding-right: 15px; }

.pl-15 { padding-left: 15px; }

.pt-15 { padding-top: 15px; }

.pb-15 { padding-bottom: 15px; }

.m-20 { margin: 20px; }

.mr-20 { margin-right: 20px; }

.ml-20 { margin-left: 20px; }

.mt-20 { margin-top: 20px; }

.mb-20 { margin-bottom: 20px; }

.p-20 { padding: 20px; }

.pr-20 { padding-right: 20px; }

.pl-20 { padding-left: 20px; }

.pt-20 { padding-top: 20px; }

.pb-20 { padding-bottom: 20px; }

.m-25 { margin: 25px; }

.mr-25 { margin-right: 25px; }

.ml-25 { margin-left: 25px; }

.mt-25 { margin-top: 25px; }

.mb-25 { margin-bottom: 25px; }

.p-25 { padding: 25px; }

.pr-25 { padding-right: 25px; }

.pl-25 { padding-left: 25px; }

.pt-25 { padding-top: 25px; }

.pb-25 { padding-bottom: 25px; }

.m-30 { margin: 30px; }

.mr-30 { margin-right: 30px; }

.ml-30 { margin-left: 30px; }

.mt-30 { margin-top: 30px; }

.mb-30 { margin-bottom: 30px; }

.p-30 { padding: 30px; }

.pr-30 { padding-right: 30px; }

.pl-30 { padding-left: 30px; }

.pt-30 { padding-top: 30px; }

.pb-30 { padding-bottom: 30px; }

.m-35 { margin: 35px; }

.mr-35 { margin-right: 35px; }

.ml-35 { margin-left: 35px; }

.mt-35 { margin-top: 35px; }

.mb-35 { margin-bottom: 35px; }

.p-35 { padding: 35px; }

.pr-35 { padding-right: 35px; }

.pl-35 { padding-left: 35px; }

.pt-35 { padding-top: 35px; }

.pb-35 { padding-bottom: 35px; }

.m-40 { margin: 40px; }

.mr-40 { margin-right: 40px; }

.ml-40 { margin-left: 40px; }

.mt-40 { margin-top: 40px; }

.mb-40 { margin-bottom: 40px; }

.p-40 { padding: 40px; }

.pr-40 { padding-right: 40px; }

.pl-40 { padding-left: 40px; }

.pt-40 { padding-top: 40px; }

.pb-40 { padding-bottom: 40px; }

.m-45 { margin: 45px; }

.mr-45 { margin-right: 45px; }

.ml-45 { margin-left: 45px; }

.mt-45 { margin-top: 45px; }

.mb-45 { margin-bottom: 45px; }

.p-45 { padding: 45px; }

.pr-45 { padding-right: 45px; }

.pl-45 { padding-left: 45px; }

.pt-45 { padding-top: 45px; }

.pb-45 { padding-bottom: 45px; }

.m-50 { margin: 50px; }

.mr-50 { margin-right: 50px; }

.ml-50 { margin-left: 50px; }

.mt-50 { margin-top: 50px; }

.mb-50 { margin-bottom: 50px; }

.p-50 { padding: 50px; }

.pr-50 { padding-right: 50px; }

.pl-50 { padding-left: 50px; }

.pt-50 { padding-top: 50px; }

.pb-50 { padding-bottom: 50px; }

.m-55 { margin: 55px; }

.mr-55 { margin-right: 55px; }

.ml-55 { margin-left: 55px; }

.mt-55 { margin-top: 55px; }

.mb-55 { margin-bottom: 55px; }

.p-55 { padding: 55px; }

.pr-55 { padding-right: 55px; }

.pl-55 { padding-left: 55px; }

.pt-55 { padding-top: 55px; }

.pb-55 { padding-bottom: 55px; }

.m-60 { margin: 60px; }

.mr-60 { margin-right: 60px; }

.ml-60 { margin-left: 60px; }

.mt-60 { margin-top: 60px; }

.mb-60 { margin-bottom: 60px; }

.p-60 { padding: 60px; }

.pr-60 { padding-right: 60px; }

.pl-60 { padding-left: 60px; }

.pt-60 { padding-top: 60px; }

.pb-60 { padding-bottom: 60px; }

.m-65 { margin: 65px; }

.mr-65 { margin-right: 65px; }

.ml-65 { margin-left: 65px; }

.mt-65 { margin-top: 65px; }

.mb-65 { margin-bottom: 65px; }

.p-65 { padding: 65px; }

.pr-65 { padding-right: 65px; }

.pl-65 { padding-left: 65px; }

.pt-65 { padding-top: 65px; }

.pb-65 { padding-bottom: 65px; }

.m-70 { margin: 70px; }

.mr-70 { margin-right: 70px; }

.ml-70 { margin-left: 70px; }

.mt-70 { margin-top: 70px; }

.mb-70 { margin-bottom: 70px; }

.p-70 { padding: 70px; }

.pr-70 { padding-right: 70px; }

.pl-70 { padding-left: 70px; }

.pt-70 { padding-top: 70px; }

.pb-70 { padding-bottom: 70px; }

.m-75 { margin: 75px; }

.mr-75 { margin-right: 75px; }

.ml-75 { margin-left: 75px; }

.mt-75 { margin-top: 75px; }

.mb-75 { margin-bottom: 75px; }

.p-75 { padding: 75px; }

.pr-75 { padding-right: 75px; }

.pl-75 { padding-left: 75px; }

.pt-75 { padding-top: 75px; }

.pb-75 { padding-bottom: 75px; }

.m-80 { margin: 80px; }

.mr-80 { margin-right: 80px; }

.ml-80 { margin-left: 80px; }

.mt-80 { margin-top: 80px; }

.mb-80 { margin-bottom: 80px; }

.p-80 { padding: 80px; }

.pr-80 { padding-right: 80px; }

.pl-80 { padding-left: 80px; }

.pt-80 { padding-top: 80px; }

.pb-80 { padding-bottom: 80px; }

.m-85 { margin: 85px; }

.mr-85 { margin-right: 85px; }

.ml-85 { margin-left: 85px; }

.mt-85 { margin-top: 85px; }

.mb-85 { margin-bottom: 85px; }

.p-85 { padding: 85px; }

.pr-85 { padding-right: 85px; }

.pl-85 { padding-left: 85px; }

.pt-85 { padding-top: 85px; }

.pb-85 { padding-bottom: 85px; }

.m-90 { margin: 90px; }

.mr-90 { margin-right: 90px; }

.ml-90 { margin-left: 90px; }

.mt-90 { margin-top: 90px; }

.mb-90 { margin-bottom: 90px; }

.p-90 { padding: 90px; }

.pr-90 { padding-right: 90px; }

.pl-90 { padding-left: 90px; }

.pt-90 { padding-top: 90px; }

.pb-90 { padding-bottom: 90px; }

.m-95 { margin: 95px; }

.mr-95 { margin-right: 95px; }

.ml-95 { margin-left: 95px; }

.mt-95 { margin-top: 95px; }

.mb-95 { margin-bottom: 95px; }

.p-95 { padding: 95px; }

.pr-95 { padding-right: 95px; }

.pl-95 { padding-left: 95px; }

.pt-95 { padding-top: 95px; }

.pb-95 { padding-bottom: 95px; }

.m-100 { margin: 100px; }

.mr-100 { margin-right: 100px; }

.ml-100 { margin-left: 100px; }

.mt-100 { margin-top: 100px; }

.mb-100 { margin-bottom: 100px; }

.p-100 { padding: 100px; }

.pr-100 { padding-right: 100px; }

.pl-100 { padding-left: 100px; }

.pt-100 { padding-top: 100px; }

.pb-100 { padding-bottom: 100px; }

.tab-content { display: none; }

.tab-content.active { display: flex; }

.header-top { padding: 15px 0; }

.header-top--wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.header-top .item { column-gap: 30px; }

.header-main .search-btn { padding: 5px 15px 5px 5px; }

.header-main .menu--wrap .button-menu { margin-right: 30px; z-index: 2; }

.header-main .menu--wrap .button-menu .bar { width: 30px; height: 1px; }

.header-main .menu--wrap .button-menu .bar + .bar { margin-top: 7px; }

.header-main .menu--wrap .button-menu .bar:first-child { transform-origin: top left; }

.header-main .menu--wrap .button-menu .bar:last-child { transform-origin: bottom left; }

.header-main .menu--wrap .button-menu.active .bar:nth-child(2) { opacity: 0; }

.header-main .menu--wrap .button-menu.active .bar:last-child { rotate: -42deg; transform: translate(2px, 4px); }

.header-main .menu--wrap .button-menu.active .bar:first-child { rotate: 42deg; transform: translate(1px, -4px); }

.header-main .menu--wrap #compact-menu { gap: 35px; }

.header-main .menu--wrap #compact-menu .menu-item h3 { padding: 18px 5px; }

.header-main .menu--wrap #compact-menu .menu-item h3:before { content: ""; position: absolute; width: 0; height: 1px; background-color: var(--white); left: 0; bottom: 10px; transition: 0.5s; }

.header-main .menu--wrap #compact-menu .menu-item h3:hover:before { width: 100%; }

.header-main .logo { left: 50%; transform: translateX(-50%); }

.header-bottom { z-index: 1; margin-top: 30px; }

.header-bottom #main-menu { gap: 70px; }

.header-bottom #main-menu .sub-menu { background-color: var(--white); padding: 10px 20px; position: absolute; width: max-content; opacity: 0; visibility: hidden; transition: 0.5s; }

.header-bottom #main-menu .sub-menu a h3 { color: var(--black); padding: 10px 0; text-decoration: underline; text-decoration-color: transparent; transition: 0.2s; text-underline-offset: 10px; }

.header-bottom #main-menu .sub-menu a h3:hover { text-decoration-color: currentColor; text-underline-offset: 4px; color: var(--green); }

.header-bottom #main-menu > li:first-child > a > h3 { padding-left: 0; }

.header-bottom #main-menu > li :last-child > a > h3 { padding-right: 0; }

.header-bottom #main-menu > li > a > h3 { padding: 15px 10px; position: relative; }

.header-bottom #main-menu > li > a > h3:before { content: ""; position: absolute; width: 100%; height: 100%; top: 85%; left: 0; transition: 0.5s; width: 0; height: 1px; background-color: var(--white); }

.header-bottom #main-menu > li > a > h3:hover:before { width: 100%; }

.header-bottom #main-menu > li:hover .sub-menu { opacity: 1; visibility: visible; }

.search-language-booking { gap: 30px; }

.search-language-booking .language-switcher ul { cursor: pointer; text-transform: uppercase; max-height: 26px; width: var(--full-width); left: calc(-100% - 10px); top: 0; }

.search-language-booking .language-switcher ul.active { max-height: var(--height); }

.search-language-booking .language-switcher ul li { padding: 2px 5px; }

.search-language-booking .language-switcher ul li:not(.current-lang) { background-color: var(--white); transition: 0.5s; }

.search-language-booking .language-switcher ul li:not(.current-lang):hover { background-color: var(--green); }

.search-language-booking .language-switcher ul li:not(.current-lang):hover a { color: var(--white); }

.search-language-booking .language-switcher ul li:not(.current-lang) a { color: var(--black); transition: 0.5s; }

.search-language-booking .language-switcher ul li:is(.current-lang) a { color: var(--white); }

.search-language-booking .language-switcher ul li.current-lang { order: -1; }

.search-language-booking .language-switcher i { padding: 5px; margin-left: -5px; }

.search-language-booking .booking-btn { padding: 10px 40px; }

.search-language-booking .booking-btn:hover { background-color: var(--white); color: var(--black); }

:is(#tippy-1, #tippy-2,#tippy-3,#tippy-4,#tippy-5,#tippy-6,#tippy-7,#tippy-8) .tippy-content .sub-menu { position: relative; opacity: 1; visibility: visible; }

.tippy-box { background-color: var(--white); }

.tippy-arrow { color: var(--white); }

:is(.gallery_single, .slide_home_bg) .splide__slide:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: rgba(0, 0, 0, 0.55); }

:is(.header-main, .header-top--wrap, .amenities--wrap) { z-index: 1; }

@media screen and (max-width: 1199px) { .header-main { margin-top: 30px; }
  .header-bottom { margin-top: 25px; }
  .header-bottom #main-menu { gap: 35px; } }

@media screen and (max-width: 992px) { header { height: 60vh; }
  header.black-bg { height: auto; }
  .header-main .search-language-booking .booking-btn { display: none; }
  .header-bottom #main-menu { gap: 5px; justify-content: space-between; }
  .header-bottom #main-menu > li:last-child > a > h3 { padding-right: 0; } }

@media screen and (max-width: 737px) { header { height: 100vh; }
  header.black-bg { height: auto; }
  .header-main { margin-top: 0; padding-top: 20px; }
  .header-main .menu--wrap .button-menu { z-index: 1; }
  .header-main .search-language-booking { gap: 5px; }
  .header-main .search-btn { padding: 5px 5px 5px 10px; }
  .header-main .search-btn i { scale: 0.9; } }

@media screen and (max-width: 576px) { .header-main .logo { width: 123px; height: auto; } }

.section-form-notification { padding: 34px clamp(30px, calc(30px + 2vw), 80px); margin: var(--mt) 0 var(--mb); z-index: 1; }

#notification-form .form-control:first-child { flex: 1; margin-right: 2px; }

#notification-form .form-control:first-child input { padding: 0 30px; border: 1px solid rgba(255, 255, 255, 0.3); }

#notification-form .form-control button { padding: 10px 50px; }

#notification-form .form-control button:hover { background-color: var(--green-dark); color: var(--white); }

#notification-form .arrow-img { transform: translate(8px, -30%); width: auto; height: 54px; }

.section-service-hotel-home .item:first-child { height: var(--height); }

.section-service-hotel-home .item > h2 { margin-bottom: 37px; }

.section-service-hotel-home .item .list > div { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.section-service-hotel-home .item .list > div p { width: clamp(320px, 85%, 540px); }

.section-service-hotel-home .item .list > div a { max-height: 0; transition: 0.5s; padding: 0 10px; margin-top: 0; }

.section-service-hotel-home .item .list > div a:before, .section-service-hotel-home .item .list > div a:after { content: ""; position: absolute; height: 1px; left: 0; bottom: 0px; }

.section-service-hotel-home .item .list > div a:before { width: 100%; background-color: var(--white); }

.section-service-hotel-home .item .list > div a:after { background-color: var(--green); width: 0; transition: 0.5s; }

.section-service-hotel-home .item .list > div a:hover { color: var(--green); }

.section-service-hotel-home .item .list > div a:hover:after { width: 100%; }

.section-service-hotel-home .item .list > div:hover a { max-height: 54px; padding: 10px; margin-top: 10px; }

.section-service-hotel-home .item .btn-link:hover { border-style: solid; }

.section-service-hotel-home .service_bg { scale: 1.1; opacity: 0; z-index: 1; }

.section-service-hotel-home .service_bg.show { scale: 1; opacity: 1; }

.utility_room_home--wrap { padding: 100px 0 90px; }

.utility_room_home--wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: rgba(0, 0, 0, 0.8); }

.utility_room_home > h2 { width: calc(min(580px, 100%)); margin-top: 50px; }

.utility_room_home .list { margin-top: 80px; row-gap: 80px; }

.utility_room_home .list .item .icon { --size: 50px; width: var(--size); height: var(--size); }

.utility_room_home .list .item .icon img { object-fit: contain; }

.rooms, .rooms .col-lg-4:last-child { padding-right: 0; }

.room .thumbnail { height: 275px; position: relative; }

.room .thumbnail:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; transition: 0.5s; z-index: 1; }

.room .thumbnail:hover:before { background-color: rgba(0, 0, 0, 0.4); }

.room .thumbnail .price { padding: 8px 20px 5px; transform: translateY(50%); border-radius: 5px; z-index: 1; }

.room .text h2 { max-width: 80%; }

.room .text h2 a:hover { color: var(--green); }

.room .text .btn-link:hover i { margin-right: 40px; }

.room:hover { transform: translateY(-10px); box-shadow: 0 0 40px rgba(255, 255, 255, 0.15); }

.room-home-show--wrap .tab-title--wrap { gap: 40px; }

.room-home-show--wrap .tab-title--wrap p { padding: 10px 5px; }

.room-home-show--wrap .tab-title--wrap p + p:before { content: "/"; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); }

.information_room { gap: 20px; border-top: 1px solid #565656; }

.information_room p i { margin-right: 5px; }

.conference { padding: 175px 0 190px; }

.conference--wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: rgba(0, 0, 0, 0.3); }

.conference--wrap .bg { opacity: 0; visibility: hidden; z-index: -1; }

.conference--wrap .bg.active { opacity: 1; visibility: visible; }

.conference .tab-title { padding: 55px 40px; background-color: rgba(76, 139, 84, 0.3); border: 1px solid rgba(76, 139, 84, 0.3); }

.conference .tab-title:nth-child(odd) { text-align: right; }

.conference .tab-title + .tab-title { margin-top: 25px; }

.conference .tab-title--wrap .splide__track { padding-bottom: 50px !important; }

.conference .tab-content { display: none; }

.conference .tab-content.active { display: block; }

.conference .tab-content .desc { margin-top: 110px; line-height: 1.8; }

.conference .tab-content .link { margin-top: 50px; }

.conference .tab-content .link .arrow-img { transform: rotateY(180deg) rotateZ(20deg); width: auto; height: 40px; }

.conference .tab-content .link a { padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin-left: 20px; font-style: italic; }

.blog-offer .tab p { padding: 10px 5px; }

.blog-offer .tab p + p { margin-left: 40px; }

.blog-offer .tab p + p:before { content: "/"; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); }

.blog-list { margin-top: 80px; }

.blog-list .tab-content { display: none; }

.blog-list .tab-content.active { display: flex; }

.blog-list .tab-content .circle-loading:before { border-right-color: var(--white); border-left-color: var(--white); }

.blog-list .item .thumbnail { height: 524px; overflow: hidden; }

.blog-list .item .thumbnail img { transition: 0.5s; }

.blog-list .item .thumbnail:hover img { scale: 1.05; }

.blog-list .item .text { z-index: 1; }

.blog-offer--wrap { padding: 88px 0 200px; }

.show-room-cate--wrap { padding: 100px 0 60px; }

.show-room-cate--wrap .container > h2 { width: calc(min(780px, 100%)); }

.show-room-cate--wrap .tab-content { display: none; }

.show-room-cate--wrap .tab-content.active { display: flex; }

.show-room-cate--wrap .tab-content--wrap { padding-top: 80px; }

.show-room-cate--wrap .tab-content .cate-information { padding-bottom: 70px; }

.show-room-cate--wrap .tab-content .cate-information .title span { font-size: 30px; text-transform: capitalize; }

.show-room-cate--wrap .tab-content .cate-information .desc { margin-top: 50px; }

.show-room-cate--wrap .tab-content .cate-information .call-information { padding: 20px 40px; margin-top: 50px; border: 1px solid rgba(255, 255, 255, 0.2); }

.show-room-cate--wrap .tab-content .cate-information .col-lg-6:first-child > .text { padding: 60px 0 100px; }

.show-room-cate--wrap .tab-content .circle-loading:before { border-right-color: var(--white); border-bottom-color: var(--white); }

.section_meet_celebrate { height: 100vh; }

.section_meet_celebrate .room_bg { opacity: 0; scale: 1.3; }

.section_meet_celebrate .room_bg.show { opacity: 1; scale: 1; }

.section_meet_celebrate .text > p { width: calc(min(550px, 100%)); }

.section_meet_celebrate .text ul li { border-bottom: 1px dashed var(--gray); width: calc(min(100%, 550px)); }

.section_meet_celebrate .text ul li a { padding: 15px; z-index: 1; }

.section_meet_celebrate .text ul li:after, .section_meet_celebrate .text ul li:before { content: ""; position: absolute; width: 0; height: 1px; transition: 0.5s; transition-property: width, height; transition-delay: 0.5s, 0s; background-color: var(--green); }

.section_meet_celebrate .text ul li:before { bottom: 0; left: 0; }

.section_meet_celebrate .text ul li:after { top: 0; right: 0; }

.section_meet_celebrate .text ul li:hover:before, .section_meet_celebrate .text ul li:hover:after { width: 50%; height: 100%; transition: 0.5s; transition-property: width, height; transition-delay: 0s, 0.5s; }

.section_spa:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: rgba(0, 0, 0, 0.3); }

.section_spa #canvas { z-index: 1; }

.section_spa .spa--wrap { padding: 120px 0 70px; }

.section_spa .spa--wrap h2 { font-size: clamp(45px, calc(36.4px + 2.6875vw), 88px); }

.section_spa .spa--wrap p { width: calc(min(768px, 100%)); }

.section_spa .spa--wrap a { z-index: 2; }

.section_spa .spa--wrap a:before { content: ""; position: absolute; width: 50px; height: 50px; left: 50%; background-color: var(--white); transition: 0.5s; scale: 0; border-radius: 50%; z-index: -1; transform: translateX(-50%); transform-origin: center left; }

.section_spa .spa--wrap a:hover { color: var(--green); }

.section_spa .spa--wrap a:hover * { color: var(--green); }

.section_spa .spa--wrap a:hover:before { scale: 6; }

.section_feedback { padding: 70px 0 0; }

.feedback_slide .splide__slide .item .thumbnail { --height: 430px; height: var(--height); }

.feedback_slide .splide__slide .item .text { transform: translateY(20px); max-width: 80%; max-height: 80%; overflow: auto; }

.feedback_slide .splide__slide .item .text-wrap { background-color: rgba(0, 0, 0, 0.7); opacity: 0; z-index: 1; }

.feedback_slide .splide__slide .item:hover .text { transform: translateY(0); }

.feedback_slide .splide__slide .item:hover .text-wrap { opacity: 1; }

.feedback_slide .splide__arrow { --size: 45px; transition: 0.5s; width: var(--size); height: var(--size); opacity: 0.5; }

.feedback_slide .splide__arrow:hover { opacity: 0.9; }

@media screen and (min-width: 1500px) { .room .thumbnail { height: 320px; } }

@media (max-width: 1280px) { .show-room-cate--wrap .tab-content .cate-information .col-lg-6:first-child > .text { padding: 50px 0; }
  .show-room-cate--wrap .tab-content .cate-information .col-lg-6:first-child > .text .desc { font-size: 16px; } }

@media screen and (max-width: 1199px) { .room .text .information_room { gap: 15px; }
  .room .text .information_room p span { font-size: 14px; }
  .utility_room_home > h4 { font-size: 15px; letter-spacing: 0.5px; }
  .utility_room_home > h2 { line-height: 1.4; margin-top: 35px; }
  .utility_room_home .list .item .icon { --size: 40px; }
  .section_meet_celebrate .text > h2 { font-size: 65px; }
  .conference .tab-title { padding: 30px 40px; }
  .conference .tab-title p { font-size: 20px; }
  .section-service-hotel-home { height: auto; }
  .section-service-hotel-home .item:first-child { padding: 50px 0; }
  .section-service-hotel-home .item:last-child { height: auto; align-self: stretch; }
  .section-service-hotel-home .item .list { padding-bottom: 0; }
  .section-service-hotel-home .item .list > div p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; }
  .feedback_slide .splide__slide .item .thumbnail { --height: 355px; }
  .blog-offer { margin-top: 20px; }
  .blog-offer--wrap { padding: 60px 0 200px; }
  .blog-list { margin-top: 50px; }
  .section-form-notification { padding-top: 30px; padding-bottom: 30px; }
  .section-form-notification .col-lg-5 h3 { font-size: 18px; letter-spacing: 0.5px; text-transform: capitalize; }
  #notification-form .form-control button { padding: 8px 40px; }
  #notification-form .form-control button i { font-size: 15px; }
  #notification-form .arrow-img { transform: translate(8px, -10%); height: 33px; }
  .rooms { width: 100%; padding-right: 0; }
  .rooms .col-lg-4:last-child { padding-right: 0; }
  .blog-list .item .thumbnail { height: 400px; } }

@media screen and (max-width: 992px) { .show-room-cate--wrap .tab-content--wrap { padding-top: 30px; }
  .show-room-cate--wrap .tab-content .cate-information { flex-direction: column-reverse; padding-bottom: 40px; }
  .show-room-cate--wrap .tab-content .cate-information .col-lg-6:first-child > .text { padding-bottom: 0; }
  .show-room-cate--wrap .tab-content .cate-information .image { height: 400px; }
  .show-room-cate--wrap .tab-content .cate-information .call-information { display: none; }
  .show-room-cate--wrap .tab-content .cate-information .desc { margin-top: 35px; }
  .show-room-cate--wrap .tab-content .rooms { flex-wrap: nowrap; overflow-y: scroll; }
  .utility_room_home .list { row-gap: 35px; }
  .section_meet_celebrate { height: 75vh; }
  .conference { padding: 100px 0 150px; }
  .conference .tab-title { --width: 40%; min-width: var(--width); max-width: var(--width); padding: 30px; background-color: rgba(76, 139, 84, 0.5); }
  .conference .tab-title:nth-child(odd) { text-align: left; }
  .conference .tab-title + .tab-title { margin-top: 0; }
  .conference .tab-title--wrap { display: flex; margin-top: 40px; gap: 40px; overflow-y: scroll; }
  .conference .tab-content .desc { margin-top: 70px; font-size: 19px; min-height: 103px; }
  .section_spa .spa--wrap { height: 75vh; }
  .section-service-hotel-home .item:first-child { width: 100%; z-index: 1; }
  .section-service-hotel-home .item:last-child { position: absolute; width: 100%; height: 100%; opacity: 0.05; }
  .blog-list .tab-content { flex-wrap: nowrap; overflow: scroll hidden; gap: 20px; }
  .section-form-notification .col-lg-5 .text { width: 100%; text-align: center; padding-bottom: 20px; } }

@media screen and (max-width: 737px) { .show-room-cate--wrap { padding: 50px 0 70px; }
  .room-home-show--wrap .tab-title--wrap { gap: 40px; overflow-y: scroll; flex-wrap: nowrap; justify-content: flex-start; }
  .room-home-show--wrap .tab-title--wrap p { min-width: max-content; }
  .room-home-show--wrap .tab-content .cate-information .desc { margin-top: 25px; }
  .utility_room_home > h4 { font-size: 13px; }
  .utility_room_home > h2 { font-size: 23px; }
  .section_meet_celebrate { height: 100%; position: relative; }
  .section_meet_celebrate .background { position: absolute; width: 100%; height: 100%; opacity: 0.2; }
  .section_meet_celebrate .text { width: 100%; padding: 50px 15px; z-index: 1; }
  .section_meet_celebrate .text > h2 { font-size: 50px; }
  .section_meet_celebrate .text > p { font-size: 15px; }
  .conference { padding: 100px 0; }
  .conference .tab-title { padding: 20px 30px; min-width: max-content; }
  .conference .tab-title p { font-size: 17px; }
  .conference .tab-content .desc { margin-top: 40px; font-size: 15px; min-height: unset; }
  .conference .tab-content .link .arrow-img { transform: rotateY(180deg) rotateZ(20deg) translateY(-10px); height: 33px; }
  .section_spa .spa--wrap { height: auto; padding: 80px 0 70px; row-gap: 45px; }
  .section-service-hotel-home .item:first-child { padding: 50px 15px; }
  .section-service-hotel-home .item .list > div p { font-size: 14px; }
  .section_feedback { padding-top: 50px; }
  .section_feedback > h2 { font-size: 25px; margin-bottom: 30px; }
  .feedback_slide .splide__slide .item .thumbnail { --height: 310px; }
  .feedback_slide .splide__slide .item .text { transform: translateY(0px); max-height: 100%; }
  .feedback_slide .splide__slide .item .text-wrap { opacity: 1; }
  .feedback_slide .splide__arrow { --size: 35px; opacity: 1; background: #cccccc61; }
  .feedback_slide .splide__arrow svg { --size-svg: 0.8em; fill: var(--white); height: var(--size-svg); width: var(--size-svg); }
  .blog-list { margin-top: 30px; }
  .blog-list .item:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(to bottom, rgba(17, 17, 17, 0.7) 40%, transparent); }
  .blog-list .item .thumbnail { height: 300px; }
  .section-form-notification .col-lg-5 .text { padding-bottom: 15px; }
  .section-form-notification .col-lg-5 .text h3 { font-size: 14px; }
  .section-form-notification:has(.form-control.invalid) { margin: calc(var(--mt) - 10px) 0 calc(var(--mb) - 10px); }
  #notification-form .form-control button { padding: 5px 22px; width: 100%; }
  #notification-form .form-control button i { font-size: 15px; margin-right: 0; }
  #notification-form .form-control button span { display: none; }
  #notification-form .form-control:first-child input { padding: 0 15px; font-size: 14px; }
  #notification-form .form-control:first-child input::placeholder { font-size: 13px; }
  #notification-form .form-control:first-child .form-message { position: absolute; font-size: 14px; margin-top: 2px; }
  #notification-form:has(.form-control.invalid) { padding-bottom: 25px; } }

@media screen and (max-width: 576px) { .show-room-cate--wrap .tab-content .cate-information .image { height: 250px; }
  .show-room-cate--wrap .tab-content .cate-information .col-lg-6:first-child > .text { padding: 30px 0 0; }
  .room .thumbnail { height: 200px; }
  .room .text { padding: 0 10px 20px; }
  .room .text h2 { max-width: 90%; margin-bottom: 15px; }
  .room .text p { font-size: 14px; text-align: center; }
  .room .text .btn-link { margin-top: 20px; }
  .utility_room_home--wrap { padding: 80px 0 90px; }
  .utility_room_home > h2 { margin-top: 30px; }
  .utility_room_home .list { margin-top: 45px; }
  .blog-offer--wrap { padding: 55px 0 200px; }
  .section-form-notification { padding: 25px 20px; } }

.slide_home_bg .splide__slide img { object-position: top; }

.slide_home_text--wrap { top: 50%; transform: translateY(-50%); }

.slide_home_text .splide__slide.is-active h2:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: var(--green); z-index: 1; animation: inOut 3s forwards; }

.slide_home_text .splide__slide.is-active h2 span { opacity: 1; }

.slide_home_text .splide__slide h2 { padding: 0 50px; }

.slide_home_text .splide__slide h2 span { margin-right: 0; opacity: 0; transition: opacity 0.25s; transition-delay: 1s; }

.slide_home_text .splide__slide h2 span + span { margin-left: 20px; }

.slide_home_text .splide__slide h4 { letter-spacing: 8px; }

@media screen and (max-width: 1199px) { .slide_home_text--wrap { transform: translateY(-60%); } }

@media screen and (max-width: 992px) { .slide_home_text--wrap { transform: translateY(-75%); }
  .slide_home_text .splide__slide h2 { font-size: 100px; } }

@media screen and (max-width: 737px) { .slide_home_text .splide__slide h2 { font-size: 55px; padding: 0 50px 0 0; }
  .slide_home_text .splide__slide h4 { font-size: 16px; }
  .slide_home_text--wrap { transform: translateY(-70%); } }

@media screen and (max-width: 576px) { .slide_home_text .splide__slide h4 { letter-spacing: 2px; } }

.booking-slide-form--wrap { bottom: 125px; }

#booking-slide-form .form-control { align-self: stretch; }

#booking-slide-form .form-control .item { min-width: 234px; }

#booking-slide-form .form-control:not(:last-child) { border-right: 0; }

#booking-slide-form .form-control:not(:last-child) .item { padding: 0 20px 0 30px; }

#booking-slide-form .form-control + .form-control { border-left: 1px solid rgba(255, 255, 255, 0.3); }

#booking-slide-form .form-control:first-child { border-radius: 10px 0 0 10px; }

#booking-slide-form .form-control:last-child .item { border-radius: 0 10px 10px 0; padding: 25px 65px; }

#booking-slide-form .form-control i { top: 50%; transform: translateY(-50%); right: 10px; }

#booking-slide-form .form-control select { appearance: none; }

@media screen and (max-width: 1199px) { .booking-slide-form--wrap { bottom: 105px; }
  #booking-slide-form .form-control .item { min-width: 200px; }
  #booking-slide-form .form-control:last-child .item { padding: 22px 65px; } }

@media screen and (max-width: 992px) { #booking-slide-form .form-control .item { min-width: 150px; }
  #booking-slide-form .form-control:last-child .item { padding: 18px 50px; } }

@media screen and (max-width: 737px) { .booking-slide-form--wrap { bottom: 30px; }
  #booking-slide-form { flex-flow: row wrap; }
  #booking-slide-form .form-control { width: 50%; }
  #booking-slide-form .form-control .item { min-width: unset; width: 100%; }
  #booking-slide-form .form-control:not(:last-child) { border-right: 1px dashed var(--white); }
  #booking-slide-form .form-control:not(:last-child) .item, #booking-slide-form .form-control:last-child .item { padding: 15px 30px; }
  #booking-slide-form .form-control:first-child { border-radius: 10px 0 0 0; }
  #booking-slide-form .form-control:nth-child(2) { border-radius: 0 10px 0 0; }
  #booking-slide-form .form-control:nth-child(3) { border-radius: 0 0 0 10px; }
  #booking-slide-form .form-control:last-child .item { border-radius: 0 0 10px 0; }
  #booking-slide-form .form-control + .form-control { border-left: 1px dashed var(--white); } }

@media screen and (max-width: 576px) { .booking-slide-form--wrap { bottom: 60px; } }

.section-room > h2 { width: calc(min(100%, 520px)); line-height: 1.1; }

.section-room article { width: var(--max-width-940px); }

.table-information-meeting-page { margin-bottom: 90px; }

.table-information-meeting-page tbody tr:nth-child(even) { background-color: var(--light-gray); }

.information-room { margin-bottom: 100px; }

.information-room:nth-child(odd) .col-lg-7 { padding-left: 40px; }

.information-room:nth-child(even) { flex-direction: row-reverse; }

.information-room:nth-child(even) .col-lg-7 { padding-right: 40px; }

.information-room h2 { line-height: 1.2; font-size: clamp(1.4625rem, calc(1.1925rem + 1.35vw), 2.8125rem); }

.information-room .utility--wrap { row-gap: 20px; }

.information-room .utility--wrap > * { border-top: 1px dashed var(--gray); margin: 20px 0 0; }

.information-room .utility-item .image { width: 40px; height: auto; }

.gallery-main-section-room .splide__slide { height: 430px; }

.section-brochure .contact { border-top: 1px dashed var(--gray); }

.section-brochure .contact > div { gap: 30px; }

#brochure-form-contact { background-color: var(--light-gray); --text-color: #747272; }

#brochure-form-contact :is(input, textarea) { border: 1px solid #c4c4c4; color: var(--text-color); }

#brochure-form-contact :is(input, textarea)::placeholder { color: var(--text-color); }

#brochure-form-contact button:before { content: unset; }

#brochure-form-contact button .circle-loading:before { width: 65%; height: 65%; border-width: 3px; border-right-color: var(--white); border-bottom-color: var(--white); }

.splide-section-gallery .splide__list.first-mounted .splide__slide:first-child { margin-left: var(--data-transform-first-mounted); }

.splide-section-gallery .splide__slide { transition: 0.5s; }

.section-offer-meeting-page { --image-width: 58%; }

.section-offer-meeting-page .image { width: var(--image-width); height: 365px; z-index: 1; }

.section-offer-meeting-page .image:hover img { scale: 1.03; }

.section-offer-meeting-page .text { transform: translateY(-50px); }

.section-offer-meeting-page .text--wrap { flex: 1; }

.section-offer-meeting-page .text:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; width: auto; height: auto; right: 0; bottom: 0; border: 1px solid var(--green); margin-left: -80px; }

.section-offer-meeting-page .text a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: var(--green); left: -100%; }

.section-offer-meeting-page .text a:hover { color: var(--white); }

.section-offer-meeting-page .text a:hover:before { left: 0; }

.section-corporate-events .image { --image-height: 500px; height: var(--image-height); }

@media screen and (max-width: 1199px) { .table-information-meeting-page tbody tr td:first-child { padding-right: 10px; }
  .table-information-meeting-page td { font-size: 14px; }
  .gallery-main-section-room .splide__slide { height: 335px; }
  .section-corporate-events .image { --image-height: 275px; }
  #brochure-form-contact { padding-left: 30px; padding-right: 30px; }
  .section-offer-meeting-page .text { padding-top: 40px; padding-bottom: 40px; }
  .section-offer-meeting-page .text h2 { font-size: 30px; }
  .section-offer-meeting-page .text a { font-size: 12px; } }

@media screen and (max-width: 992px) { .section-room article { font-size: 16px; }
  .table-information-meeting-page { width: max-content; }
  .table-information-meeting-page--wrap { overflow-x: auto; }
  .information-room { margin-bottom: 80px; flex-direction: column-reverse; row-gap: 30px; }
  .information-room:nth-child(even) { flex-direction: column-reverse; }
  .information-room:nth-child(even) .col-lg-7 { padding-right: calc(var(--bs-gutter-x) * 0.5); }
  .information-room:nth-child(odd) .col-lg-7 { padding-left: calc(var(--bs-gutter-x) * 0.5); }
  .information-room h2 { line-height: 1.5; margin-bottom: 15px; }
  #brochure-form-contact { margin-top: 25px; }
  .section-corporate-events .row { row-gap: 30px; }
  .section-offer-meeting-page { --image-width: 100%; }
  .section-offer-meeting-page > .flex { flex-wrap: wrap; }
  .section-offer-meeting-page .text { transform: translateY(0); }
  .section-offer-meeting-page .text:before { content: unset; }
  .section-offer-meeting-page .text--wrap { border: 1px solid var(--green); border-top: 0; } }

@media screen and (max-width: 992px) and (min-width: 737px) { #brochure-form-contact { display: flex; flex-wrap: wrap; row-gap: 15px; justify-content: space-between; }
  #brochure-form-contact > p { width: 100%; line-height: 1; }
  #brochure-form-contact :is(input, textarea) { padding: 8px 10px; }
  #brochure-form-contact .form-control { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
  #brochure-form-contact .form-control:nth-child(2) { width: 60%; }
  #brochure-form-contact .form-control:nth-child(3) { width: 40%; }
  #brochure-form-contact .form-control:is(:nth-child(5), :nth-child(6), :nth-child(7)) { width: calc(100% / 3); }
  #brochure-form-contact .form-control:nth-child(7) { width: 100%; }
  #brochure-form-contact .form-control:last-child button { height: auto; }
  .section-brochure .contact { display: flex; align-items: center; justify-content: space-between; } }

@media screen and (max-width: 737px) { .section-room { padding-top: 60px; }
  .section-room > h2 { font-size: 37px; }
  .information-room { margin-bottom: 50px; }
  .table-information-meeting-page { margin-bottom: 50px; }
  .table-information-meeting-page th { font-size: 12px; letter-spacing: 1px; }
  .section-brochure { padding-top: 60px; padding-bottom: 90px; }
  .section-brochure .contact > div { flex-direction: column; gap: 5px; }
  .section-brochure .contact > div p span:first-child { display: inline-block; min-width: 15px; }
  #brochure-form-contact { padding-left: 20px; padding-right: 20px; }
  .splide-section-gallery .splide__slide { --bs-gutter-x: 1.5rem; padding: 0 calc(var(--bs-gutter-x) * 0.5); }
  .section-offer-meeting-page .image { height: 240px; }
  .section-offer-meeting-page .text { padding: 30px 20px; }
  :is(.section-corporate-events, .section-offer-meeting-page, .section-gallery) { padding-top: 60px; padding-bottom: 60px; } }

.section-introduce-wedding-page .image { justify-content: flex-end; }

.section-introduce-wedding-page .image > * { border: 10px solid var(--white); }

.section-introduce-wedding-page .image > * .tape { scale: 0.5; }

.section-introduce-wedding-page .image .big-image { width: calc(min(100%, 500px)); height: 570px; }

.section-introduce-wedding-page .image .big-image .tape { transform: translate(75%, -70%); }

.section-introduce-wedding-page .image .small-image { --size: 286px; width: var(--size); height: var(--height); z-index: 1; transform: translate(10%, 25%); }

.section-introduce-wedding-page .image .small-image .tape { transform: translate(-75%, -70%); }

.section-moment-wedding-page--wrap .flower-decor { width: 285px; height: 330px; }

.section-moment-wedding-page article { width: calc(min(768px, 100%)); }

.section-moment-wedding-page ul { gap: 50px; }

.section-moment-wedding-page ul li::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; top: 100%; height: 1px; width: 0; background-color: var(--black-gray); }

.section-moment-wedding-page ul li:is(:hover, .active):before { width: 100%; }

.section-moment-wedding-page ul li + li:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; left: -25px; width: 1px; border-left: 1px solid var(--black-gray); }

.section-moment-wedding-page .moments .tab-content { display: none; }

.section-moment-wedding-page .moments .tab-content.active { display: flex; }

.section-moment-wedding-page .moments .item .text { opacity: 0; visibility: hidden; background-color: #262b3866; }

.section-moment-wedding-page .moments .item:hover .image img { scale: 1.03; }

.section-moment-wedding-page .moments .item:hover .text { opacity: 1; visibility: visible; backdrop-filter: blur(4px); }

.brand-collab-splide .splide__slide img { max-width: 120px; height: auto; }

.brand-collab-splide .splide__arrow { --position: -2em; background-color: transparent; opacity: 1; scale: 1.3; }

.brand-collab-splide .splide__arrow svg { fill: var(--white); }

.brand-collab-splide .splide__arrow--prev { left: var(--position); }

.brand-collab-splide .splide__arrow--next { right: var(--position); }

.service-provide-splide .item { --height: 465px; }

.service-provide-splide .item .image { height: var(--height); }

.service-provide-splide .item:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(180deg, #262b3800, #262b38cc); }

.service-provide-splide .item .text { z-index: 1; justify-content: flex-end; }

.service-provide-splide .item .text > p:last-child { max-height: 0; }

.service-provide-splide .item .text:hover { background-color: #262b3866; backdrop-filter: blur(4px); }

.service-provide-splide .item .text:hover > p:last-child { max-height: 50px; }

.service-provide-splide .splide__arrow { --position: -5em; --size: 3em; width: var(--size); height: var(--size); background-color: transparent; border-radius: 0; opacity: 1; border: 1px solid var(--black); }

.service-provide-splide .splide__arrow--prev { left: var(--position); }

.service-provide-splide .splide__arrow--next { right: var(--position); }

.section-reason { --big-image-size: calc(min(100%, 500px)); --small-image-size: 180px; }

.section-reason .flower-decor { width: 270px; height: 491px; opacity: 0.15; }

.section-reason .big-image { width: var(--big-image-size); height: var(--big-image-size); }

.section-reason .big-image .tape { transform: translate(-50%, -45%); }

.section-reason .small-image { width: var(--small-image-size); height: calc(var(--small-image-size) + 15px); z-index: 1; transform: translate(10%, 10%); bottom: 0; right: 18%; }

.section-reason .small-image .tape { transform: rotate(120deg) translate(-60%, 35%); }

.section-reason .image > * { border: 10px solid var(--white); }

.section-reason .image .tape { scale: 0.7; }

.section-reason .reason .icon { --size: 48px; width: var(--size); height: var(--size); }

.section-reason .reason .icon img { object-fit: scale-down; }

.section-reason .reason .icon:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; top: 130%; width: calc(var(--size) * 2 / 3); height: 1px; background-color: var(--black-gray); }

@media screen and (max-width: 1199px) { .section-introduce-wedding-page .image .big-image { height: 500px; }
  .section-introduce-wedding-page .image .small-image { --size: 215px; transform: translate(-30%, 30%); }
  .brand-collab-splide .splide__slide img { max-width: 90px; }
  .brand-collab-splide .splide__arrow { --position: -1em; }
  .service-provide-splide .item { --height: 400px; }
  .service-provide-splide .splide__arrow { --position: 1em; border: 1px solid var(--white); }
  .service-provide-splide .splide__arrow svg { fill: var(--white); }
  .section-reason { --small-image-size: 140px; }
  .section-reason .big-image { width: calc(var(--big-image-size) - 30px); }
  .section-reason .small-image { height: calc(var(--small-image-size)); transform: translate(45%, 6%); } }

@media screen and (max-width: 992px) { .section-introduce-wedding-page .image .big-image { transform: rotate(-10deg) translate(-25px, 50px); }
  .section-introduce-wedding-page .image .small-image { transform: translate(0%, 15%) rotate(10deg); bottom: unset; top: 0; }
  .section-moment-wedding-page ul { gap: 30px; justify-content: space-between; }
  .section-moment-wedding-page ul li + li:after { left: -15px; } }

@media screen and (max-width: 737px) { .section-introduce-wedding-page { overflow: hidden; }
  .section-introduce-wedding-page .image { transform: translateY(25px); }
  .section-introduce-wedding-page .image .big-image { height: 400px; transform: unset; }
  .section-introduce-wedding-page .image .big-image .tape { transform: translate(140%, -170%) rotate(60deg); scale: 0.3; }
  .section-introduce-wedding-page .image .small-image { --size: 120px; transform: translate(-15%, 15%) rotate(10deg); bottom: 0; top: unset; left: unset; right: 0; }
  .section-moment-wedding-page ul { flex-wrap: wrap; gap: 15px 0; }
  .section-moment-wedding-page ul li { width: 48%; text-align: center; }
  .section-moment-wedding-page ul li:before { content: unset; }
  .section-moment-wedding-page ul li span { position: relative; }
  .section-moment-wedding-page ul li span:before { content: ""; position: absolute; width: 100%; height: 100%; top: 110%; left: 0; transition: 0.5s; width: 0; height: 1px; background-color: var(--black); }
  .section-moment-wedding-page ul li.active span:before { width: 100%; }
  .section-moment-wedding-page ul li:nth-child(odd):after { content: unset; }
  .section-moment-wedding-page .moments .item .text p:first-child { font-size: 13px; }
  .section-moment-wedding-page--wrap .flower-decor { width: 225px; height: 255px; }
  .service-provide-splide .item { --height: 375px; }
  .section-reason { padding-top: 70px; }
  .section-reason .flower-decor { width: 200px; height: 335px; transform: translate(0%, -20%); }
  .section-reason .big-image .tape { transform: translate(-50%, -55%); width: 130px; }
  .section-reason .text { margin-top: 40px; }
  .section-reason .reason .icon { --size: 35px; } }

.kitchen-video-image .item { height: 75vh; }

.kitchen-video-image .item .image video { object-fit: cover; }

.kitchen-video-image .item .text { z-index: 1; }

.kitchen-video-image .item::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(16, 18, 19, 0.6) 40%, rgba(16, 18, 19, 0.6) 60%, rgba(0, 0, 0, 0) 100%); }

.kitchen-video-image > * .text { bottom: 10%; }

.kitchen-video-image > * .text h2 { row-gap: 8px; }

.kitchen-video-image > *:nth-child(2) .text { bottom: 50%; transform: translateY(35%); }

.kitchen-video-image > *:nth-child(2) .text h2 { line-height: 1.6; margin: 10px auto 0; max-width: 70%; }

.kitchen-video-image > *:nth-child(2) .text p { order: -1; }

.kitchen-video-image > *:nth-child(2) .text a { padding: 10px 40px; border-width: 2px; letter-spacing: 2px; }

.section-restaurant { margin-top: 80px; }

.section-restaurant > h2 { margin-bottom: 50px; }

.restaurant-list { gap: 24px; }

.restaurant-list .item { --height: 430px; }

.restaurant-list .item:nth-child(2) { grid-column: 2 / 4; }

.restaurant-list .item:nth-child(4) { grid-column: 2; }

.restaurant-list .item:nth-child(5) { grid-column: 3 / 4; }

.restaurant-list .item:is(:nth-child(1), :nth-child(3)) { grid-column: 1; }

.restaurant-list .item::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(to top, #090b09 0%, #10121300 60%); z-index: 1; }

.restaurant-list .item:hover .image img { scale: 1.05; }

.restaurant-list .item:hover .text p { font-size: 16px; }

.restaurant-list .item .image { height: var(--height); }

.restaurant-list .item .text { bottom: 10%; z-index: 1; }

.section-chef { margin-top: 90px; }

.section-chef > h4 { letter-spacing: 1px; }

.section-chef > h2 { text-transform: capitalize; margin-bottom: 60px; }

.chef-list .splide__slide:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(to top, #090b09 0%, rgba(16, 18, 19, 0) 50%); }

.chef-list .image { --height: 500px; height: var(--height); }

.chef-list .text { bottom: 10%; }

.food-grid { grid-auto-columns: 1fr; gap: 10px; padding: 70px 0; }

.food-grid .item { --height: 440px; }

.food-grid .item:not(:is(:first-child, :last-child)) .image { height: var(--height); }

.food-grid .item:is(:first-child, :last-child) .image { height: calc(var(--height) * 2); }

.food-grid .item:first-child { grid-column: 1 / 3; grid-row: 1 / 3; }

.food-grid .item:last-child { grid-row: 2 / 4; grid-column: 3 / 5; }

.food-grid .item:nth-child(2) { grid-column: 3 / 4; grid-row: 1; }

.food-grid .item:nth-child(3) { grid-column: 4 / 5; grid-row: 1; }

.food-grid .item:nth-child(4) { grid-column: 1 / 2; grid-row: 3; }

.food-grid .item:nth-child(5) { grid-column: 2 / 3; grid-row: 3; }

.food-grid .item .text { opacity: 0; visibility: hidden; background-color: rgba(12, 12, 13, 0.65); }

.food-grid .item .text p { max-width: 80%; }

.food-grid .item:hover .text { opacity: 1; visibility: visible; }

.feedback-list { padding: 120px 144px 144px; }

.feedback-list .splide__slide h3 { line-height: 1.4; }

.feedback-list .splide__slide p { letter-spacing: 3px; }

.feedback-list .splide__arrow { border-radius: 0; border-top: 1px solid var(--white); border-left: 1px solid var(--white); background-color: transparent; scale: 2; }

.feedback-list .splide__arrow--prev { left: 5em; transform: rotate(-45deg); }

.feedback-list .splide__arrow--next { right: 5em; transform: rotate(135deg); }

.feedback-list .splide__arrow svg { display: none; }

.feedback-list .splide__pagination { bottom: 3.5em; gap: 10px; }

.feedback-list .splide__pagination__page { transform: scale(1.5); }

.feedback-list .splide__pagination__page.is-active { opacity: 1; transform: scale(1.8); }

.introduce-signature-title article { width: calc(min(100%, 700px)); }

.introduce-signature-title article * { line-height: 1.7; }

.introduce-signature-title article * + * { margin-top: 20px; }

.introduce-signature-grid { --size: 512px; }

.introduce-signature-grid > * { height: calc(var(--size) * 2); }

.introduce-signature-grid .chef-image { width: calc(var(--size) * 2); }

.introduce-signature-grid .chef-para { min-width: var(--size); max-width: var(--size); padding: 45px; }

.introduce-signature-grid .chef-para p { line-height: 1.7; max-width: 88%; }

.introduce-signature-grid .image-bonus > * { width: var(--size); height: var(--size); }

.book-table-button { display: inline-block; color: var(--white); border: 1px solid var(--white); text-transform: uppercase; transition: 0.5s; font-size: 14px; letter-spacing: 1px; padding: 10px 40px; }

.book-table-button:hover { background-color: var(--white); color: var(--black); }

.section-find-us .text .button a { letter-spacing: 1px; }

.section-find-us .text .button a:first-child { padding: 12px 40px; }

.section-find-us .text .button a:first-child:hover { background-color: var(--green); color: var(--white); }

.section-find-us .text .button a + a { margin-left: 5px; }

.section-find-us .text .open-time article p + p { margin-top: 10px; }

.section-find-us .text .open-time article p + p.font-bold { margin-top: 15px; }

.information-bonus-restaurant { padding: 109px 0; }

.information-bonus-restaurant .icon { --size: 40px; width: var(--size); height: var(--size); }

.information-bonus-restaurant .icon img { object-fit: contain; }

.product-restaurant-list .item:hover { transform: translateY(-10px); }

.product-restaurant-list .item:hover .image { box-shadow: 0 0 15px rgba(255, 255, 255, 0.2); }

.product-restaurant-list .item .image { --height: 690px; height: var(--height); }

.dish-main .splide__slide { --text-width: 50%; }

.dish-main .splide__slide .text { width: var(--text-width); }

.dish-main .splide__slide .text .dish-explain { max-width: 80%; }

.dish-main .splide__slide .text .dish-nutrition { column-gap: 10px; }

.dish-main .splide__slide .text .dish-nutrition p { padding: 5px 10px; min-width: 62px; max-width: max-content; }

.dish-main .splide__slide .text .dish-nutrition p:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; height: 50%; border: 1px solid var(--white); border-radius: 30px 30px 0 0; border-bottom: 0; }

.dish-main .splide__slide .text .ingredient .text { width: 100%; }

.dish-main .splide__slide .text .ingredient .image { --size: 65px; width: var(--size); height: var(--size); }

.dish-main .splide__slide .text .ingredient .image img { object-fit: contain; }

.dish-main .splide__slide .image { --size: 450px; width: var(--size); height: auto; }

.dish-main .splide__slide .image--wrap { width: calc(100% - var(--text-width)); justify-content: flex-end; }

.dish-main .splide__slide .image img { object-fit: scale-down; }

.dish-main .splide__pagination { bottom: 1em; gap: 8px; }

.dish-main .splide__pagination__page { width: 10px; height: 10px; }

.dish-main .splide__pagination__page.is-active { transform: scale(1.6); }

.dish-main .splide__arrow { --size: 2em; --position: 1em; --rotate: 45deg; border-radius: 0; width: var(--size); height: var(--size); background-color: transparent; border: 2px solid var(--white); border-bottom: 0; transition: 0.2s; }

.dish-main .splide__arrow:disabled { border-width: 1px; opacity: 0; visibility: hidden; }

.dish-main .splide__arrow--next { rotate: var(--rotate); border-left: 0; right: var(--position); }

.dish-main .splide__arrow--prev { rotate: calc(var(--rotate) * -1); border-right: 0; left: var(--position); }

.dish-main .splide__arrow svg { display: none; }

@media screen and (max-width: 1199px) { .kitchen-video-image { padding-top: 0; }
  .kitchen-video-image .item { height: 70vh; }
  .kitchen-video-image > *:nth-child(2) .text h2 { max-width: 85%; letter-spacing: 5px; }
  .kitchen-video-image > * .text h2 { font-size: 22px; row-gap: 0; }
  .restaurant-list .item .text { bottom: 7%; }
  .restaurant-list .item .text p { margin-top: 10px; }
  .introduce-signature-grid { --height: 100vh; position: relative; }
  .introduce-signature-grid > * { height: auto; }
  .introduce-signature-grid .chef-image { width: var(--size); height: var(--size); }
  .introduce-signature-grid .chef-para { width: var(--size); height: var(--height); }
  .introduce-signature-grid .image-bonus { flex-direction: row; position: absolute; bottom: 0; left: 0; }
  .introduce-signature-grid .image-bonus > * { width: calc(var(--size) / 2); height: calc(var(--size) / 2); }
  .product-restaurant-list .item .image { --height: calc(100vh / 2); }
  .chef-list .image { --height: 333px; }
  .food-grid .item { --height: 260px; }
  .feedback-list { padding: 95px 105px 115px; }
  .feedback-list .splide__arrow { scale: 1.3; }
  .feedback-list .splide__arrow--prev { left: 3em; }
  .feedback-list .splide__arrow--next { right: 3em; }
  .feedback-list .splide__pagination__page { transform: scale(1.3); }
  .feedback-list .splide__pagination__page.is-active { transform: scale(1.6); }
  .information-bonus-restaurant p:last-child { margin-top: 20px; }
  .dish-main .splide__slide { --text-width: 50%; }
  .dish-main .splide__slide .text .dish-explain { max-width: 90%; }
  .dish-main .splide__slide .text .dish-nutrition p { padding: 8px 10px 5px; }
  .dish-main .splide__slide .image { --size: 390px; }
  .dish-ingredient .ingredient .image { --size: 65px; } }

@media screen and (max-width: 992px) { .kitchen-video-image > * { padding-right: 0; }
  .kitchen-video-image > *:nth-child(2) .text h2 { max-width: 100%; letter-spacing: 7px; text-transform: uppercase; }
  .kitchen-video-image > * .text { bottom: 50%; transform: translateY(35%); }
  .kitchen-video-image > * .text h2 { font-size: 30px; }
  .kitchen-video-image > *:not(:nth-child(2)) .item { height: 55vh; }
  .kitchen-video-image .col-lg-4:nth-child(2) { order: -1; }
  .restaurant-list .item:is(:nth-child(1), :nth-child(4)) { grid-column: 1 / 2; }
  .restaurant-list .item:is(:nth-child(3), :nth-child(5)) { grid-column: 2 / 3; }
  .restaurant-list .item:nth-child(2) { order: -1; grid-column: 1 / 3; }
  .restaurant-list .item:not(:nth-child(2)) { --height: 350px; }
  .introduce-signature-grid { display: grid; grid-auto-columns: 1fr; --size: 100%; }
  .introduce-signature-grid > * { width: calc(100%); height: auto; }
  .introduce-signature-grid .chef-image { height: calc(var(--height) * 2 / 3); }
  .introduce-signature-grid .chef-para { height: calc(var(--height) / 2); }
  .introduce-signature-grid .chef-para p { line-height: 1.8; font-size: 17px; max-width: 100%; }
  .introduce-signature-grid .image-bonus { position: unset; }
  .introduce-signature-grid .image-bonus div { display: grid; grid-auto-columns: 1fr; }
  .introduce-signature-grid .image-bonus div:first-child { grid-column: 1 / 2; }
  .introduce-signature-grid .image-bonus div:last-child { grid-column: 2 / 3; }
  .product-restaurant-list .item .image { --height: calc(100vh / 4); }
  .food-grid .item { --height: 200px; }
  .feedback-list { padding: 80px 85px 95px; }
  .feedback-list .splide__pagination { bottom: 3em; }
  .information-bonus-restaurant { padding: 80px 0; row-gap: 50px; }
  .section-find-us .image { height: 75vh; }
  .section-find-us .text { height: auto; padding: 50px 0; }
  .restaurant-footer-main { row-gap: 50px; }
  .dish-main .splide__slide .text .dish-nutrition { column-gap: 3px; }
  .dish-main .splide__slide .image { --size: 320px; } }

@media screen and (max-width: 1199px) and (min-width: 737px) { .product-restaurant-list .item .text > * { font-size: 13.5px; } }

@media screen and (max-width: 737px) { .restaurant-address-phone-header { padding: 10px; }
  .restaurant-address-phone-header p i { margin-right: 8px; color: var(--white); }
  .restaurant-address-phone-header p:first-child { max-width: 65%; white-space: nowrap; -webkit-box-orient: horizontal; overflow: hidden; text-overflow: ellipsis; }
  .kitchen-video-image > *:not(:nth-child(2)) .item { height: 45vh; }
  .kitchen-video-image > * .text { transform: translateY(50%); }
  .kitchen-video-image > * .text h2 { font-size: 25px; }
  .restaurant-list .item { --height: 265px; }
  .restaurant-list .item:not(:nth-child(2)) { grid-column: 1 / 3; }
  .introduce-signature-grid .chef-para { height: auto; padding: 60px 20px; }
  .introduce-signature-grid .chef-para p { font-size: 15px; }
  .product-restaurant-list { row-gap: 30px; }
  .product-restaurant-list .item .image { --height: calc(100vh / 2); }
  .food-grid .item { grid-row: auto !important; }
  .food-grid .item:is(:nth-child(1), :last-child) { grid-column: 1 / 3; }
  .food-grid .item:is(:nth-child(2), :nth-child(4)) { grid-column: 1 / 2; }
  .food-grid .item:is(:nth-child(3), :nth-child(5)) { grid-column: 2 / 3; }
  .feedback-list { padding: 55px 30px 75px; }
  .feedback-list .splide__pagination { bottom: 2em; }
  .feedback-list .splide__slide h3 { line-height: 1.6; font-size: 1.5625rem; }
  .feedback-list .splide__slide p { font-size: 0.75rem; }
  .information-bonus-restaurant { row-gap: 30px; padding: 50px 0; }
  .information-bonus-restaurant .icon { --size: 33px; }
  .information-bonus-restaurant p:last-child { margin-top: 15px; font-size: 13px; }
  .section-find-us .text { padding: 50px 15px; }
  .section-find-us .text :is(.address, .open-time) { margin-top: 40px; }
  .section-find-us .text .button a { font-size: 13px; }
  .section-find-us .text .button a:first-child { padding: 12px 30px; }
  .section-find-us .text .button a:last-child { padding: 10px 30px; }
  .dish-main .splide__slide { --text-width: 100%; padding: 50px 0; }
  .dish-main .splide__slide .container > .flex { flex-direction: column-reverse; justify-content: flex-end; }
  .dish-main .splide__slide .image { --size: 220px; }
  .dish-main .splide__slide .image--wrap { width: var(--text-width); justify-content: center; margin-bottom: 20px; }
  .dish-main .splide__slide .text .dish-nutrition { overflow-x: scroll; }
  .dish-main .splide__slide .text .dish-explain { margin-bottom: 30px; margin-top: 15px; font-size: 14px; max-width: 100%; }
  .dish-main .splide__slide .text .ingredient .image { --size: 35px; }
  .dish-main .splide__slide .text .ingredient .text { font-size: 14px; }
  .dish-main .splide__slide .text .ingredient .splide__slide { padding: 30px 0; }
  .dish-main .splide__slide .text .ingredient .splide__arrow { --size: 1.5em; --position: 1em; }
  .dish-main .splide__page.is-active { transform: scale(1.4); }
  .dish-ingredient-title { margin-top: 25px; margin-bottom: 15px; } }

.slide-activities .background:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(180deg, transparent, black); z-index: 1; }

.slide-activities .text { z-index: 1; }

.slide-activities .splide-to-pool h2 p { line-height: 1; }

.slide-activities .splide-to-pool h2 p:nth-child(2) { font-family: auto; }

.slide-activities .splide-to-pool h2 p:not(:nth-child(2)) { font-size: clamp(3.125rem, calc(2.75rem + 1.875vw), 5rem); }

.slide-activities .splide-to-yoga h2 { font-size: clamp(1.5625rem, calc(0.7375rem + 4.125vw), 5.6875rem); letter-spacing: 25px; }

.slide-activities .splide-to-yoga p:nth-child(2) { line-height: 1; }

.slide-activities .splide-to-yoga p:last-child { padding: 16px 60px; }

.slide-activities .splide-to-yoga p:last-child span { position: absolute; transition: 0.5s; }

.slide-activities .splide-to-yoga p:last-child span:is(:first-child, :last-child) { border-left: 1px solid var(--white); }

.slide-activities .splide-to-yoga p:last-child span:is(:nth-child(2), :nth-child(3)) { border-top: 1px solid var(--white); }

.slide-activities .splide-to-yoga p:last-child span:first-child { left: -5px; bottom: 5px; width: 1px; height: 0; }

.slide-activities .splide-to-yoga p:last-child span:nth-child(2) { top: -5px; left: -5px; height: 1px; width: 0; }

.slide-activities .splide-to-yoga p:last-child span:nth-child(3) { bottom: -5px; width: 100%; left: 5px; height: 1px; }

.slide-activities .splide-to-yoga p:last-child span:last-child { top: 5px; right: -5px; width: 1px; height: 100%; }

.slide-activities .splide-to-yoga p:last-child:hover { transform: translate(5px, 5px); }

.slide-activities .splide-to-yoga p:last-child:hover span:first-child { height: 100%; }

.slide-activities .splide-to-yoga p:last-child:hover span:nth-child(2) { width: 100%; transition-delay: 0.5s; }

.slide-activities .splide-to-yoga p:last-child:hover span:nth-child(3) { bottom: -1px; left: 1px; }

.slide-activities .splide-to-yoga p:last-child:hover span:last-child { top: 1px; right: -1px; }

.slide-activities .splide-to-gym .background:before { background-image: linear-gradient(180deg, transparent 60%, black); }

.slide-activities .splide-to-gym .background img:first-child { left: -10%; }

.slide-activities .splide-to-gym .background img:last-child { right: -10%; }

.slide-activities .splide-to-gym.is-active .background img:first-child { left: 0; }

.slide-activities .splide-to-gym.is-active .background img:last-child { right: 0; }

.list-icon .item:hover img { filter: brightness(0) invert(0.6) sepia(100) saturate(100) hue-rotate(150deg); }

.list-icon .icon { --size: 50px; width: var(--size); height: var(--size); }

.list-icon .icon img { filter: brightness(0) invert(1); object-fit: contain; }

.gallery-swimming-pool { --image-height: 350px; display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 5px; }

.gallery-swimming-pool .item:nth-child(4) { grid-column: 3 / 5; grid-row: 1 / 3; }

.gallery-swimming-pool .item:not(:nth-child(4)) { height: var(--image-height); }

.gallery-swimming-pool .item:first-child { grid-column: 1 / 3; grid-row: 1; }

.gallery-swimming-pool .item:nth-child(2) { grid-column: 1; grid-row: 2; }

.gallery-swimming-pool .item:nth-child(3) { grid-column: 2; grid-row: 2; }

.gallery-swimming-pool .item:nth-child(5) { grid-column: 5; grid-row: 1; }

.gallery-swimming-pool .item:nth-child(6) { grid-column: 6; grid-row: 1; }

.gallery-swimming-pool .item:last-child { grid-column: 5 / 7; grid-row: 2; }

.swimming-pool-text { background-repeat: no-repeat; text-align: right; background-position-x: 25%; background-size: 50%; padding-right: 100px; }

.swimming-pool-text * { max-width: 50%; margin-left: auto; }

.swimming-pool-text p:nth-child(3) { max-width: 27%; opacity: 0.7; }

.swimming-pool-text h3 { line-height: 1.1; }

.swimming-pool-text a { padding: 8px 20px; }

.swimming-pool-text a:hover { background-color: transparent; }

.swimming-pool-utilities .item { --border: 1px solid rgba(255, 255, 255, 0.4); width: calc(100% / 3); padding: 120px 30px 30px; }

.swimming-pool-utilities .item .number { top: 20px; left: 20px; opacity: 0.7; }

.swimming-pool-utilities .item .icon { --size: 100px; width: var(--size); height: var(--size); }

.swimming-pool-utilities .item .icon img { filter: brightness(0) invert(1); }

.swimming-pool-utilities .item:not(:nth-child(3n + 1)) { border-left: var(--border); }

.swimming-pool-utilities .item:nth-child(n + 4) { border-top: var(--border); }

.swimming-pool-utilities .item:hover { filter: brightness(1); }

.swimming-pool-utilities:hover .item:not(:hover) { filter: brightness(0.5); }

.section-yoga-introduce { --size: 500px; display: grid; grid-auto-rows: 1fr; grid-auto-columns: 1fr; }

.section-yoga-introduce .big-image { grid-column: 1 / 3; grid-row: 1 / 3; height: calc(var(--size) * 2); }

.section-yoga-introduce .row { margin: 0; }

.section-yoga-introduce .row:nth-child(2) { grid-column: 3 / 5; grid-row: 1; }

.section-yoga-introduce .row:nth-child(3) { grid-column: 3 / 5; grid-row: 2; }

.section-yoga-introduce .row > * { padding-left: 0; padding-right: 0; }

.section-yoga-introduce .row .col-6 > * { height: var(--size); }

.yoga-feedback p { width: 70%; }

.yoga-feedback .splide__arrow { background-color: transparent; }

.yoga-feedback .splide__arrows { width: fit-content; position: absolute; left: 0; top: 130%; }

.yoga-feedback .splide__arrow svg { fill: var(--white); scale: 1.6; }

.yoga-feedback .splide__arrow--prev { left: 0; }

.yoga-feedback .splide__arrow--next { left: 3em; }

.yoga-feedback--wrap .logo { opacity: 0.3; width: 155px; height: auto; bottom: 8%; right: 8%; }

.yoga-feedback--wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 10%; left: 5%; transition: 0.5s; content: "Quotes"; font-family: var(--edensor-font); color: var(--white); font-size: clamp(43px, calc(40.4px + 0.8125vw), 56px); width: auto; height: auto; }

.yoga .video { --video-height: 655px; }

.yoga .video video { height: var(--video-height); object-fit: cover; }

.yoga .video p { font-size: clamp(2.5rem, calc(0.75rem + 8.75vw), 11.25rem); line-height: 1; filter: brightness(0.7); transform: translateY(-65%); background-image: linear-gradient(180deg, transparent -35%, var(--white), var(--green)); background-clip: text; color: transparent; letter-spacing: 3px; }

.yoga .video p span + span { margin-left: 15px; }

.section-yoga-book { --size: 500px; display: grid; grid-auto-columns: 1fr; }

.section-yoga-book > *:not(.modal-wrap), .section-yoga-book .video { height: var(--size); }

.section-yoga-book > *:not(.modal-wrap) .overlay, .section-yoga-book .video .overlay { --size: 70px; width: var(--size); height: var(--size); z-index: 1; }

.section-yoga-book > *:not(.modal-wrap) .overlay i, .section-yoga-book .video .overlay i { z-index: 1; }

.section-yoga-book > *:not(.modal-wrap) .overlay:before, .section-yoga-book .video .overlay:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; scale: 0; border-radius: 50%; background-color: var(--green); }

.section-yoga-book > *:not(.modal-wrap) .overlay:hover, .section-yoga-book .video .overlay:hover { color: var(--white); }

.section-yoga-book > *:not(.modal-wrap) .overlay:hover:before, .section-yoga-book .video .overlay:hover:before { scale: 1; }

.section-yoga-book .yoga-book-form { grid-column: 1 / 2; }

.section-yoga-book .yoga-book-form #message-response { text-align: right; }

.section-yoga-book .image { grid-column: 2 / 3; }

.section-yoga-book .video { grid-column: 3 / 5; }

.section-yoga-book .modal { padding: clamp(20px, calc(20px + 1vw), 35px) clamp(20px, calc(20px + 4vw), 35px) clamp(20px, calc(20px + 1vw), 35px); }

.section-yoga-book .modal iframe { width: 100%; }

#yoga-form input { border-bottom: 1px solid var(--white); }

#yoga-form button { margin-left: auto; border-left: 1px solid var(--white); }

#yoga-form button:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; height: 1px; width: 0; background-color: var(--white); }

#yoga-form button:after { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; transition: 0.5s; height: 1px; background-color: var(--white); }

#yoga-form button:hover { padding-top: 10px; padding-bottom: 0; }

#yoga-form button:hover:before { width: 100%; transition-delay: 0.5s; }

#yoga-form button:hover:after { width: 0; }

.why-should-gym { --icon-width: 50px; --icon-height: 45px; }

.why-should-gym .image { width: calc(min(100%, 600px)); height: auto; }

.why-should-gym .image img { object-fit: contain; }

.why-should-gym .icon { min-width: var(--icon-width); max-width: var(--icon-width); height: var(--icon-height); }

.why-should-gym .icon img { filter: brightness(0) invert(1); object-fit: contain; }

.why-should-gym .splide__pagination { bottom: -1.5em; gap: 8px; }

.why-should-gym .splide__pagination__page { opacity: 1; }

.why-should-gym .splide__pagination__page.is-active { background-color: var(--green); }

.gallery-gym .grid-item { display: grid; --height: 420px; grid-auto-columns: 1fr; }

.gallery-gym .grid-item .item { height: var(--height); }

.gallery-gym .grid-item .item:hover img { scale: 1.1; }

.gallery-gym .grid-item:nth-child(odd) .item:first-child { grid-column: 1 / 3; }

.gallery-gym .grid-item:nth-child(odd) .item:nth-child(2) { grid-column: 3 / 4; }

.gallery-gym .grid-item:nth-child(odd) .item:last-child { grid-column: 4 / 5; }

.gallery-gym .grid-item:nth-child(even) .item:first-child { grid-column: 1 / 2; }

.gallery-gym .grid-item:nth-child(even) .item:nth-child(2) { grid-column: 2 / 3; }

.gallery-gym .grid-item:nth-child(even) .item:last-child { grid-column: 3 / 5; }

.kidclub-introduce .highlight-list { row-gap: 30px; }

.kidclub-introduce .highlight-list h3:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; content: attr(data-character); left: -15px; width: auto; height: auto; font-size: 100px; color: rgba(0, 0, 0, 0.1); transform: translateY(-40%); }

.kidclub-introduce .icon { --size: 40px; width: var(--size); height: var(--size); }

.kidclub-introduce .image { width: calc(min(100%, 373px)); }

.grid-venobox-item .item .text { justify-content: flex-end; opacity: 0; visibility: hidden; }

.grid-venobox-item .item .text > * { position: relative; transition: 0.5s; }

.grid-venobox-item .item .text > *:not(a) { transform: translateY(30px); }

.grid-venobox-item .item .text a { --size: 40px; width: var(--size); height: var(--size); margin: 0 auto 20px; transform: scale(0); }

.grid-venobox-item .item .text a:hover { color: var(--green); }

.grid-venobox-item .item .text p { max-width: 70%; }

.grid-venobox-item .item .text::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(180deg, transparent 10%, rgba(0, 0, 0, 0.7)); }

.grid-venobox-item .item:hover .text { opacity: 1; visibility: visible; }

.grid-venobox-item .item:hover .text a { transform: scale(1); }

.grid-venobox-item .item:hover .text > *:not(a) { transform: translateY(0); }

@media screen and (min-width: 1200px) { .list-icon .col-md-2 { width: calc(100% / 8); } }

@media screen and (max-width: 1199px) { .splide-to-gym .text { width: calc(min(80%, 400px)); height: auto; }
  .slide-activities .splide-to-yoga p:nth-child(2) { font-size: clamp(1.5625rem, calc(1.175rem + 1.9375vw), 3.5rem); margin-bottom: 30px; }
  .slide-activities .splide-to-yoga p:last-child { padding: 12px 45px; }
  .list-icon { gap: 30px; }
  .gallery-swimming-pool { grid-auto-rows: unset; }
  .gallery-swimming-pool .item { grid-row: auto !important; }
  .gallery-swimming-pool .item:nth-child(4) { height: var(--image-height); }
  .gallery-swimming-pool .item:is(:first-child, :last-child, :nth-child(4)) { grid-column: 1 / 3; }
  .gallery-swimming-pool .item:is(:nth-child(2), :nth-child(5)) { grid-column: 1; }
  .gallery-swimming-pool .item:is(:nth-child(3), :nth-child(6)) { grid-column: 2; }
  .swimming-pool-utilities .item { --border: 1px solid rgba(255, 255, 255, 0.2); width: calc(100% / 2); padding: 70px 20px 30px; }
  .swimming-pool-utilities .item .number { font-size: 13px; }
  .swimming-pool-utilities .item .icon { --size: 50px; }
  .swimming-pool-utilities .item p:last-child { font-size: 14px; text-align: center; }
  .swimming-pool-utilities .item:nth-child(2n + 1) { border-left: 0; }
  .swimming-pool-utilities .item:nth-child(2n + 2) { border-left: var(--border); }
  .swimming-pool-utilities .item:nth-child(n + 3) { border-top: var(--border); }
  .swimming-pool-text { padding-right: 80px; padding-left: 15px; background-position-x: 5%; background-size: 60%; background-position-y: 50%; }
  .swimming-pool-text * { max-width: 80%; }
  .swimming-pool-text h3 { margin-bottom: 25px; }
  .swimming-pool-text p:nth-child(3) { max-width: 60%; }
  .yoga .video { --video-height: 560px; }
  .yoga .video:has(video) { padding-top: 50px; margin-top: 20px; }
  .section-yoga-introduce { --size: 50vh; display: block; }
  .section-yoga-introduce .small-image { height: var(--size); }
  .section-yoga-introduce .yoga-feedback--wrap, .section-yoga-introduce .yoga-book { height: 100%; }
  .yoga-feedback--wrap { padding: 0 60px; }
  .yoga-feedback--wrap:before { left: 60px; }
  .yoga-feedback p { width: 100%; }
  .section-yoga-book { --size: 400px; }
  .section-yoga-book .yoga-book-form { grid-column: 1 / 3; }
  .why-should-gym .text p { font-size: 15px; }
  .why-should-gym .benefit-splide { padding-bottom: 60px; }
  .why-should-gym .splide__pagination { bottom: 1.5em; }
  .gallery-gym .grid-item { --height: 270px; }
  .kidclub-introduce h2 { letter-spacing: 0; } }

@media screen and (max-width: 992px) { .section-yoga-introduce { --size: 35vh; }
  .list-icon { column-gap: 10px; }
  .list-icon > div { width: max-content; }
  .section-yoga-book { --size: 350px; display: flex; flex-direction: row-reverse; }
  .section-yoga-book > *:not(.modal-wrap) { width: 50%; }
  .section-yoga-book .yoga-book-form { padding-left: 40px; }
  .why-should-gym { padding-top: 40px; }
  .why-should-gym h3 { font-size: 30px; }
  .why-should-gym .benefit-splide { padding-bottom: 100px; }
  .why-should-gym .splide__pagination { bottom: 3em; }
  .gallery-gym .grid-item { --height: 350px; display: flex; flex-wrap: wrap; }
  .gallery-gym .grid-item:nth-child(odd) .item:first-child { width: 100%; }
  .gallery-gym .grid-item:nth-child(odd) .item:not(:first-child) { width: 50%; }
  .gallery-gym .grid-item:nth-child(even) .item:last-child { width: 100%; }
  .gallery-gym .grid-item:nth-child(even) .item:not(:last-child) { width: 50%; } }

@media screen and (max-width: 1199px) and (min-width: 737px) { .kidclub-introduce .highlight-list h3 { max-width: 65%; }
  .kidclub-introduce .highlight-list h3:before { left: 60%; transform: translateY(-15%); } }

@media screen and (max-width: 737px) { .slide-activities .splide-to-yoga h2 { letter-spacing: 15px; text-align: center; margin-bottom: 20px; }
  .container:has(.list-icon).sticky { position: sticky; top: 0; background-color: var(--black); z-index: 5; }
  .container:has(.list-icon).sticky .list-icon { padding-top: 15px; justify-content: center; }
  .container:has(.list-icon).sticky .list-icon .icon { --size: 35px; }
  .container:has(.list-icon).sticky .list-icon p { font-size: 0; }
  .list-icon { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; column-gap: 5px; padding-top: 30px; }
  .gallery-swimming-pool { --image-height: 220px; }
  .gallery-swimming-pool .item { grid-column: 1 !important; }
  .swimming-pool-introduce { padding-bottom: 30px; row-gap: 40px; }
  .swimming-pool-text { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); background-size: contain; }
  .swimming-pool-utilities .item p:last-child { font-size: 12px; }
  .yoga .video { --video-height: 255px; }
  .yoga .video p { font-weight: bold; transform: translateY(-75%); }
  .yoga-book { padding: 60px 30px; }
  .yoga-feedback .splide__arrow svg { scale: 1.4; }
  .yoga-feedback--wrap { padding: 130px 30px 100px; }
  .yoga-feedback--wrap .logo { width: 115px; }
  .yoga-feedback--wrap:before { left: 30px; }
  .section-yoga-introduce { --size: 40vh; }
  .section-yoga-introduce .row:nth-child(2) { flex-direction: column-reverse; }
  .section-yoga-book { flex-direction: column-reverse; }
  .section-yoga-book > *:not(.modal-wrap) { width: 100%; }
  .section-yoga-book .modal { height: auto; }
  .why-should-gym { padding-top: 0; margin-top: 0; row-gap: 40px; }
  .gallery-gym .grid-item:nth-child(even) .item:not(:last-child) { width: 100%; }
  .gallery-gym .grid-item:nth-child(odd) .item:not(:first-child) { width: 100%; }
  .kidclub-introduce h2 { font-size: 26px; }
  .kidclub-introduce .highlight-list { row-gap: 10px; padding-bottom: 40px; }
  .kidclub-introduce .highlight-list .item { padding-top: 20px; padding-bottom: 20px; } }

.gallery-page .tab-title { padding: 5px 30px; }

.gallery-page .tab-title:is(.active, :hover) { background-color: var(--green); color: var(--white); }

.gallery-page .tab-title:is(.active, :hover):after { top: 100%; }

.gallery-page .tab-title:is(.active, :hover):before { top: 0; }

.gallery-page .tab-title--wrap { column-gap: 20px; }

.gallery-page .tab-title:before, .gallery-page .tab-title:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; border-radius: 50%; background-color: var(--black); border: 1px solid var(--green); width: 5px; height: 5px; transform: translate(-50%, -50%); }

.gallery-page .tab-title:after { top: 50%; left: 0; }

.gallery-page .tab-title:before { top: 50%; left: 100%; }

.gallery-page { --image-height: 285px; }

.gallery-page .images:hover .image:not(:hover) { filter: brightness(0.5); }

.gallery-page .image { display: none; }

.gallery-page .image.active { height: var(--image-height); display: block; }

.gallery-page .image.active:nth-child(4) { height: 100%; }

.gallery-page .image:hover { filter: brightness(1); }

.gallery-page .grid-item { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 10px; grid-template-columns: repeat(7, calc((100% / 6) - 8px)); }

.gallery-page .grid-item .image.active { display: unset; }

.gallery-page .grid-item .image.active:nth-child(1) { grid-column: 1 / 3; grid-row: 1; }

.gallery-page .grid-item .image.active:nth-child(2) { grid-column: 1; grid-row: 2; }

.gallery-page .grid-item .image.active:nth-child(3) { grid-column: 2; grid-row: 2; }

.gallery-page .grid-item .image.active:nth-child(4) { grid-column: 3 / 5; grid-row: 1 / 3; }

.gallery-page .grid-item .image.active:nth-child(5) { grid-column: 5; grid-row: 1; }

.gallery-page .grid-item .image.active:nth-child(6) { grid-column: 6; grid-row: 1; }

.gallery-page .grid-item .image.active:nth-child(7) { grid-column: 5 / 7; grid-row: 2; }

@media screen and (min-width: 1200px) { .gallery-page .col-md-2 { width: calc(100% / 5); } }

@media screen and (max-width: 992px) { .gallery-page .tab-title { padding: 5px 20px; }
  .gallery-page { --image-height: 460px; }
  .gallery-page .grid-item { grid-template-columns: repeat(2, calc((100% / 2) - 8px)); grid-auto-rows: auto; }
  .gallery-page .grid-item .image.active:is(:nth-child(1), :nth-child(4), :nth-child(7)) { grid-column: 1 / 3; }
  .gallery-page .grid-item .image.active:nth-child(1) { grid-row: 1; }
  .gallery-page .grid-item .image.active:nth-child(4) { grid-row: 3; height: var(--image-height); }
  .gallery-page .grid-item .image.active:nth-child(7) { grid-row: 5; }
  .gallery-page .grid-item .image.active:is(:nth-child(2), :nth-child(5)) { grid-column: 1; }
  .gallery-page .grid-item .image.active:is(:nth-child(2), :nth-child(3)) { grid-row: 2; }
  .gallery-page .grid-item .image.active:is(:nth-child(3), :nth-child(6)) { grid-column: 2; }
  .gallery-page .grid-item .image.active:is(:nth-child(5), :nth-child(6)) { grid-row: 4; }
  .gallery-page .grid-item .image.active:is(:nth-child(2), :nth-child(3), :nth-child(5), :nth-child(6)) { height: calc(var(--image-height) / 2); } }

@media screen and (max-width: 737px) { .gallery-page { --image-height: 230px; }
  .gallery-page .tab-switch-wrap > div:first-child { overflow-y: scroll; justify-content: flex-start; }
  .gallery-page .tab-title { font-size: 14px; }
  .gallery-page .grid-item { grid-template-columns: unset; gap: 15px; }
  .gallery-page .grid-item .image.active:is(:nth-child(2), :nth-child(3), :nth-child(5), :nth-child(6)) { grid-column: 1 / 3; height: var(--image-height); } }

.product_page--wrap { padding: 110px 0 290px; }

.product_page--wrap .text-inside { width: 70%; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); padding: 20px 10px; z-index: 1; }

.product_page--wrap .text-inside .title { line-height: 1.7; text-transform: capitalize; }

.product_page--wrap .text-inside .title:hover { color: var(--green); }

.product_page--wrap .text-inside .desc { color: rgba(255, 255, 255, 0.8); }

.cate-list-wrap { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; }

.cate-list-wrap ul { width: var(--max-width-940px); border: 1px solid var(--green); border-left: 0; border-right: 0; gap: 10px; }

.cate-list-wrap ul li { padding: 30px 20px; }

.cate-list-wrap ul li:hover, .cate-list-wrap ul li.active { color: var(--green); }

.cate-list-wrap.sticky li { padding: 15px 20px; }

.cate-room--wrap:nth-child(2) { padding-top: 100px; }

.cate-room--wrap + .cate-room--wrap { padding-top: 70px; margin-top: 85px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.cate-room .description { width: var(--max-width-940px); margin: 50px 0 90px; }

.cate-room .room-list { row-gap: 50px; }

.cate-room .room-list .col-lg-6:nth-child(odd) { padding-right: 30px; }

.cate-room .room-list .col-lg-6:nth-child(even) { padding-left: 30px; }

.cate-room .room-item .thumbnail { height: 427px; }

.cate-room .room-item .thumbnail:hover img { scale: 1.05; }

.cate-room .room-item .text { padding: 20px 30px; }

.cate-room .room-item .text a { padding: 10px 20px; margin-right: 25px; }

.cate-room .room-item .text a:hover { filter: brightness(0.7); }

.cate-room .room-item .text .taxonomy-amenities .information_room { margin-top: 0; gap: 30px; border-top: 0; padding-top: 0; }

@media screen and (max-width: 1199px) { .product_page--wrap { padding: 80px 0 200px; }
  .product_page--wrap .text-inside { width: 90%; }
  .product_page--wrap .text-inside .desc { -webkit-line-clamp: 2; }
  .cate-list-wrap ul li { padding: 25px 20px; }
  .cate-room--wrap:nth-child(2) { padding-top: 70px; }
  .cate-room--wrap + .cate-room--wrap { padding-top: 60px; margin-top: 70px; }
  .cate-room .room-item .thumbnail { height: 365px; }
  .cate-room .room-item .text { flex-direction: column-reverse; align-items: flex-start; gap: 15px; }
  .cate-room .room-item .text > *:first-child { flex-direction: row; gap: 10px; width: 100%; justify-content: space-between; }
  .cate-room .room-item .text > *:first-child p { flex-direction: row; align-items: center; gap: 5px; }
  .cate-room .room-item .text a { margin-right: 0; } }

@media screen and (max-width: 992px) { .cate-room .room-item .text { flex-direction: row-reverse; align-items: center; }
  .cate-room .room-item .text > *:first-child { gap: 20px; width: max-content; flex-direction: row-reverse; } }

@media screen and (max-width: 737px) { .product_page--wrap { padding: 30px 0 150px; }
  .product_page--wrap .text-inside { padding: 10px; }
  .product_page--wrap .text-inside .desc { display: none; }
  .cate-list-wrap :is(&.sticky, ul) li { padding: 10px 15px; font-size: 13px; }
  .cate-room--wrap:nth-child(2) { padding-top: 50px; }
  .cate-room--wrap + .cate-room--wrap { padding-top: 45px; margin-top: 60px; }
  .cate-room .room-list .col-lg-6:nth-child(even) { padding-left: calc(var(--bs-gutter-x) * 0.5); }
  .cate-room .room-list .col-lg-6:nth-child(odd) { padding-right: calc(var(--bs-gutter-x) * 0.5); }
  .cate-room .room-item .thumbnail { height: 220px; }
  .cate-room .room-item .text { padding: 15px 20px; }
  .cate-room .room-item .text > *:first-child { width: 100%; }
  .cate-room .room-item .text a { padding: 6px 20px; }
  .cate-room .title { font-size: 20px; }
  .cate-room .description { margin: 35px 0 65px; }
  .taxonomy-amenities { display: none; } 
}

.gallery_single_main { padding-top: 30px; margin-top: 30px; border-top: 1px solid #565556; }

.gallery_single_main .splide__slide { height: 500px; }

.single-product-page { padding: 90px 0 200px; }

.single-product-page .title-amenities { max-width: 72%; }

.single-product-page .title-amenities .information_room { justify-content: flex-start; padding-top: 0; margin-top: 0; border-top: 0; }

.single-product-page .price { text-align: right; }

.single-product-page .price p:first-child { margin-bottom: 5px; }

.single-product-page article > h2:first-child { text-transform: capitalize; }

.single-product-page article table td { padding: 8px 0; }

.single-product-page .splide__slide > * { height: 100%; }

/* .single-product-page article p{font-size: 15.5px;} */

.single-product-page .sub-heading {text-transform: capitalize; margin-top: 36px; margin-bottom: 22px; font-size: 26px; font-weight: 400;}

.room-booking-form--wrap { position: sticky; top: 0; border: 1px solid #ffffff4a; padding-bottom: 20px; }

#room-booking-form { margin: 0; }

#room-booking-form h2 { padding: 15px 30px; }

#room-booking-form .form-control { padding: 20px 30px 0; }

#room-booking-form .form-control button { padding: 10px 15px; }

#room-booking-form .form-control input { padding: 8px 20px 8px 0; margin-top: 5px; background-color: transparent; border-bottom: 1px solid var(--white); }

#room-booking-form .form-control i { top: 50%; transform: translateY(-50%); right: 10px; color: #ffffff5e; }

#room-booking-form .circle-loading { margin: 5px auto; }

#room-booking-form .circle-loading::before { border-width: 3px; border-right-color: var(--white); border-bottom-color: var(--white); }

.amenities { row-gap: 8px; }

.amenities--wrap { width: var(--max-width-940px); column-gap: 40px; margin-top: auto; align-items: flex-end; margin-bottom: 48px; }

.amenities--wrap.desktop { border-top: 1px solid #656565; margin-top: 36px;}

/* .amenities--wrap.desktop p span.white-text {font-size: 15.5px;} */

.room-rules{ border-top: 1px solid #656565; margin-top: 36px;}

.general-style{ border-top: 1px solid #656565; margin-top: 48px;}

.single-product-page .review {
	border: 1px solid #656565;
	padding: 40px;
}

.single-product-page .review h3 {
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #656565;
}

.single-product-page .review .img-wrap{
	    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
}

.single-product-page .review .review-content {
	margin-left: 20px;
}

.single-product-page .review .review-item + .review-item{
	margin-top: 36px;
    border-top: 1px solid #656565;
    padding-top: 36px;
}

.amenities p { width: calc(100% / 3); }

.amenities p span:first-child i { text-align: center; max-width: 20px; min-width: 20px; }

.list-rules {margin-top: 12px;}

.list-rules li + li {margin-top: 10px;}

.list-rules li > ion-icon { margin-right: 6px;}

.instruction-check-in {margin-top:24px;}
.instruction-check-in p{margin-top:10px;}	

.general-style h3.sub-heading {
	margin-bottom: 36px !important;
}

.related-room .room-wrap .img-wrap {
	height: 290px;
}

.related-room .room-wrap .room-info{
	height: fit-content;
    padding-top: 18px;
    padding-left: 20px;
}

.related-room .room-wrap .room-info h3 {
	margin-bottom: 6px;
}

.review-item .rating .rating-item  + .rating-item{
	margin-left: 54px;
}


@media screen and (max-width: 1199px) { .amenities { max-width: 70%; }
  .amenities--wrap { justify-content: center; }
  .gallery_single .splide__pagination { bottom: 5%; }
  .single-product-page { padding: 70px 0 170px; }
  .single-product-page article { line-height: 1.8; }
  .button-open-form-booking-mobile { --size: 50px; scale: 0; transform-origin: center; width: var(--size); height: var(--size); position: fixed; z-index: 10; top: 50%; right: 15px; }
  .button-open-form-booking-mobile.active { scale: 1; }
  #room-booking-form .form-control { padding-left: 0; padding-right: 0; }
  #room-booking-form .form-control:not(:has(button)) { padding-top: 10px; }
  #room-booking-form .form-control input { color: var(--black); border-bottom-color: var(--black); font-size: 14px; }
  .form-booking-room-mobile .modal { border-radius: 15px; padding: clamp(20px, calc(20px + 1vw), 35px) clamp(20px, calc(20px + 4vw), 40px); width: calc(min(100%, 650px)); } }

@media screen and (max-width: 992px) { .gallery_single_main .splide__slide { height: 450px; }
  .single-product-page { padding: 50px 0 170px; }
  .single-product-page .col-xl-8 > *:first-child { flex-direction: column; align-items: flex-start; }
  .single-product-page .title-amenities { max-width: 100%; }
  .single-product-page .title-amenities .information_room { margin-top: 10px; }
  .single-product-page .price { width: 100%; display: flex; align-items: center; justify-content: flex-end; }
  .single-product-page .price p:first-child { margin-bottom: 0; margin-right: 15px; } }

@media screen and (max-width: 737px) { .single-product-page { padding: 30px 0 140px; }
  .gallery_single_main { padding-top: 25px; margin-top: 15px; }
  .gallery_single_main .splide__slide { height: 240px; }
  .single-product-page :is(.article *, .amenities p) { font-size: 15px; }
  .amenities { max-width: 100%; margin-top: 20px; }
  .amenities--wrap { margin-bottom: 0; flex-direction: column; align-items: flex-start; }
  .amenities p { width: calc(100% / 2); }
  .form-booking-room-mobile .modal { border-radius: 0; }
  .form-booking-room-mobile .modal .btn-close { padding-right: 0; } }

.page-spa { padding-bottom: 100px; }

.all-service-spa-massage { padding: 100px 0; }

.all-service-spa-massage .item .image { width: 60px; height: 60px; }

.all-service-spa-massage .item:hover .image img { filter: brightness(100%) sepia(100) saturate(100) hue-rotate(130deg); }

.spa-massage > *:nth-child(odd) .item { background-color: var(--skin-light); }

.spa-massage > *:nth-child(odd) .item > *:not(.svg) { padding: 0 15%; text-align: center; }

.spa-massage > *:nth-child(odd) .item .svg { fill: none; stroke: #b7b7b7; }

.spa-massage > *:nth-child(odd) .item .svg svg { width: 100%; stroke: inherit; fill: inherit; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }

.spa-massage > *:nth-child(odd) .item .svg svg path { animation-name: qodef-draw-svg; animation-fill-mode: forwards; }

.spa-massage > *:nth-child(even) .item { height: 500px; }

@keyframes qodef-draw-svg { 100% { stroke-dashoffset: 0; } }

.highlight-spa-massage { padding: 160px 0 70px; }

.highlight-spa-massage .item { padding: 0 45px; }

.highlight-spa-massage .item:has(img) { height: 400px; width: 57.3%; flex-shrink: 0; }

.highlight-spa-massage .item:has(img):before { content: ""; position: absolute; width: 70%; height: calc(100% + 2 * 50px); top: -50px; right: calc(50px + 45px); background-color: currentColor; z-index: -1; }

.highlight-spa-massage .item:not(:has(img)) { padding-top: 40px; padding-bottom: 40px; }

.highlight-spa-massage .item article * { line-height: 1.8; opacity: 0.85; }

.highlight-spa-massage + .highlight-spa-massage { padding: 145px 0 190px; }

.promotion-section { padding-left: 12%; }

.promotion-section--wrap { padding: 175px 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

.promotion-section--wrap .bg-3d { transition: 0.1s; bottom: 0; }

.promotion-section .vertical-title { left: -90px; }

.promotion-section article { width: calc(min(100%, 610px)); }

.promotion-section a { padding: 15px 44px; margin-top: 40px; display: inline-flex; }

.is-popular { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); font-size: 15px; }

.section-price-spa { padding: 120px 0; }

.section-price-spa > p { width: calc(min(100%, 888px)); }

.section-price-spa .price-list-item { padding: 66px 30px 60px; }

.section-price-spa .price-list-item ul { margin-top: 50px; }

.section-price-spa .price-list-item .price { gap: 5px; }

.section-price-spa .price-list-item .price span:nth-child(2) { line-height: 0.65; }

.section-price-spa .price-list-item button:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; transition: 0.5s; background-color: var(--green); }

.section-price-spa .price-list-item button:hover:before { left: 0; }

.section-price-spa .price-list > *:first-child .price-list-item { border: 1px solid var(--green); }

.section-price-spa .price-list > *:nth-child(2) .price-list-item { background-color: var(--green-dark); }

.section-price-spa .price-list > *:last-child .price-list-item { background-color: var(--black-gray); }

.image-spa { --height: 780px; height: var(--height); }

.image-spa > *:not(:is(:first-child, :nth-child(2))) { position: absolute; }

.image-spa > *:is(:nth-child(3), :nth-child(4)) { height: calc(var(--height) / 2 - 30px); top: 0; }

.image-spa > *:nth-child(3) { right: 25%; }

.image-spa > *:nth-child(4) { right: 0; }

.image-spa > *:last-child { width: 50%; height: calc(var(--height) / 2); bottom: 0; right: 0; }

.image-spa > * img { scale: 1.03; }

.image-spa > *:hover img { transform: translateX(5px); }

.page-spa-price-list { padding: 100px 0; }

.table-spa-price { row-gap: 30px; margin-top: 100px; }

.table-spa-price .per-row b { margin-left: 10px; }

.table-spa-price .per-row .price-name h4:first-child { max-width: 70%; }

.table-spa-price .per-row .price-name .line { flex: 1; margin: 0 10px; }

.table-spa-price .per-row .price-name .line:before { content: ""; position: absolute; width: 100%; height: 100%; top: 25px; left: 0; transition: 0.5s; background-color: #d1d1d1; height: 1px; }

.table-spa-price .per-row:nth-child(odd) { padding-right: 20px; }

.table-spa-price .per-row:nth-child(even) { padding-left: 20px; }

.table-spa-price--wrap .service-heading { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0 100px 7%; }

.table-spa-price--wrap .service-heading:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), transparent); }

.table-spa-price--wrap h3 { margin-top: 10px; }

.table-spa-price--wrap + .table-spa-price--wrap { margin-top: 90px; }

@media screen and (max-width: 1199px) { .spa-massage { row-gap: 25px; }
  .spa-massage > *:nth-child(even) .item { height: 400px; }
  .highlight-spa-massage { width: calc(min(100%, 795px)); margin: auto; flex-direction: column-reverse !important; }
  .highlight-spa-massage .item:has(img) { width: 100%; margin-bottom: 55px; }
  .highlight-spa-massage + .highlight-spa-massage { padding: 65px 0 60px; }
  .promotion-section--wrap { padding: 150px 0 125px; }
  .image-spa { --height: auto; row-gap: 25px; }
  .image-spa .image { height: 475px; }
  .image-spa > *:not(:is(:first-child, :nth-child(2))) { position: unset; }
  .image-spa > *:last-child { width: 100%; }
  .page-spa-price-list { padding: 75px 0; }
  .table-spa-price { margin-top: 70px; }
  .table-spa-price .per-row .price-name h4:first-child { max-width: 60%; }
  .table-spa-price--wrap + .table-spa-price--wrap { margin-top: 70px; } }

@media screen and (max-width: 992px) { .all-service-spa-massage { flex-wrap: wrap; justify-content: space-between; row-gap: 30px; }
  .all-service-spa-massage > * { --width: calc(100% / 4); min-width: var(--width); max-width: var(--width); }
  .highlight-spa-massage .item { padding: 0 20px; }
  .price-list { flex-wrap: nowrap; overflow-x: scroll; }
  .image-spa .image { height: 400px; }
  .table-spa-price .per-row .price-name h4:first-child { max-width: 70%; }
  .table-spa-price .per-row:nth-child(even) { padding-left: calc(var(--bs-gutter-x) * 0.5); }
  .table-spa-price .per-row:nth-child(odd) { padding-right: calc(var(--bs-gutter-x) * 0.5); } }

@media screen and (max-width: 737px) { .all-service-spa-massage { padding: 60px 0 70px; }
  .all-service-spa-massage > * { --width: auto; }
  .spa-massage > *:nth-child(odd) .item { padding: 30px 0; }
  .highlight-spa-massage { padding: 90px 0 0; }
  .highlight-spa-massage .item:has(img) { height: 180px; margin-bottom: 35px; }
  .highlight-spa-massage .item:has(img):before { left: 50%; transform: translateX(-50%); right: unset; height: calc(100% + 2 * 30px); top: -30px; }
  .highlight-spa-massage .item:not(:has(img)) { padding-left: 20px; }
  .highlight-spa-massage + .highlight-spa-massage { padding: 40px 0 20px; margin-top: -25px; }
  .promotion-section { padding-left: 15px; padding-right: 15px; }
  .promotion-section--wrap { padding: 90px 0 100px; }
  .promotion-section--wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-color: rgba(0, 0, 0, 0.3); }
  .promotion-section article { margin-top: 25px; }
  .promotion-section article * { line-height: 1.7; }
  .promotion-section a { margin-top: 20px; }
  .section-price-spa { padding: 50px 0; }
  .section-price-spa .price-list-item { padding: 30px; }
  .image-spa .splide__slide { padding: 0 15px; }
  .image-spa > *:last-child { bottom: -30px; }
  .page-spa-price-list { padding: 50px 0; }
  .table-spa-price--wrap .service-heading { padding: 80px 15px; }
  .table-spa-price .per-row .price-name h4:first-child { max-width: 55%; } }

.social { gap: 5px; }

.social a { padding: 2px 10px; }

.social a:hover { color: var(--green); }

.description-footer { width: calc(min(785px, 100%)); }

.contact-information { margin-top: 60px; gap: 20px; }

.contact-information .item { padding: 13px 40px; }

.contact-information .item:hover { background-color: var(--black); }

.copyright-social--wrap { border-top: 1px solid rgba(255, 255, 255, 0.2); }

.copyright-social--wrap .copyright span + span { margin-left: 3px; }

.copyright-social--wrap .social-payment .payment-method { gap: 12px; border-right: 1px solid var(--white); }

.restaurant-footer-main { padding: 50px 0 70px; }

.restaurant-footer-main .col-lg-3:first-child article { max-width: 95%; }

.restaurant-footer-main .col-lg-3:nth-child(2) p i { color: var(--white); margin-right: 5px; }

.restaurant-footer-main .col-lg-3:nth-child(3) article * { margin: 3px 0; }

.restaurant-footer-main .col-lg-3:nth-child(3) article *:nth-child(even) + *:nth-child(odd) { margin-top: 15px; }

.restaurant-footer-main .col-lg-3:last-child ul li a { padding: 3px 0; }

.restaurant-footer-main .col-lg-3:last-child a:hover { color: var(--green); }

.restaurant-footer-bottom { padding: 20px 0 11px; }

.restaurant-footer-bottom > * { width: calc(100% / 3); }

.restaurant-footer-bottom .logo { width: 115px; height: auto; }

.restaurant-footer-bottom p:first-child { margin: 0 12px 0 60px; text-align: left; }

.restaurant-footer-bottom p:last-child { margin: 0 60px 0 12px; text-align: right; }

footer.home { padding: 190px 0 60px; }

footer.home:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), var(--black)); }

@media screen and (max-width: 1199px) { .contact-information .item { padding: 13px 30px; }
  .restaurant-footer-main .col-lg-3:nth-child(3) .book-table-button { padding: 10px 30px; font-size: 12px; }
  .restaurant-footer-bottom p { font-size: 11px; letter-spacing: 1px; }
  .restaurant-footer-bottom p:first-child { flex-direction: column; margin-left: 0; row-gap: 3px; }
  .restaurant-footer-bottom p:last-child { margin-right: 0; }
  footer.home { padding: 150px 0 40px; }
  footer.home:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 35%, var(--black)); }
  .copyright-social--wrap { margin-top: 40px; padding-top: 35px; }
  .copyright-social--wrap .social-payment { margin-top: 25px; } }

@media screen and (max-width: 992px) { .contact-information { flex-flow: row wrap; justify-content: space-between; }
  .contact-information .item { text-align: center; }
  .contact-information .item:nth-child(2) { width: 100%; order: 1; }
  .contact-information .item:not(:nth-child(2)) { width: 48%; } }

@media screen and (max-width: 737px) { .contact-information .item { padding: 10px 20px; font-size: 16px; }
  .copyright-social--wrap { margin-top: 40px; padding-top: 30px; }
  .copyright-social--wrap .copyright { flex-flow: row wrap; row-gap: 8px; }
  .copyright-social--wrap .social-payment .payment-method { padding-right: 20px; margin-right: 10px; }
  .restaurant-footer-main { padding: 50px 0; row-gap: 30px; }
  .restaurant-footer-bottom { padding: 20px 0; flex-direction: column; row-gap: 7px; }
  .restaurant-footer-bottom > * { width: 100%; }
  .restaurant-footer-bottom p:first-child { flex-direction: row; order: 1; justify-content: center; flex-direction: row; }
  .restaurant-footer-bottom p:last-child { display: none; }
  footer.home { padding: 130px 0 40px; }
  footer.home:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 20%, var(--black)); }
  footer .description-footer { font-size: 14px; } }

@media screen and (max-width: 576px) { footer .contact-information { gap: 10px; }
  footer .contact-information .item { text-align: left; }
  footer .contact-information .item:not(:nth-child(2)) { width: 100%; } 
	
	.single-product-page .review .img-wrap {
		margin: 0 auto;
	}
	
	.single-product-page .review .review-item {
		flex-direction: column;
	}
	.single-product-page .review .review-content {
		margin-left: 0;
	}
	
	.single-product-page .review .review-item .rating {
		flex-wrap: wrap;
        margin-top: 0 !important;
	}
	
	.single-product-page .review .review-content .customer-name {text-align: center; margin-top: 8px;}
	.single-product-page .review .review-content .customer-name + p {text-align: center;}
	.review-item .rating .rating-item + .rating-item { margin-left: 0;}
	.review-item .rating .rating-item{ margin-right: 36px; margin-top: 12px;}
	
	.single-product-page .review {padding: 20px;}
	.rules-wraper{flex-wrap: wrap;}
	.rules-wraper .check-in{width: 100%;}
	.rules-wraper .check-in:last-child{margin-top: 12px;}
	.single-product-page .gallery_single_main .splide__slide {height: 240px; !important}
}

.news_category_page--wrap { row-gap: 30px; --image-height: 590px; }

.news_category_page--wrap > *:first-child .image { height: var(--image-height); }

.news_category_page--wrap > *:first-child .image:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; background-image: linear-gradient(180deg, transparent 40%, var(--black-900)); }

.news_category_page--wrap > *:is(:nth-child(2), :nth-child(3)) .image { height: calc(var(--image-height) / 2); }

.news_category_page--wrap > *:nth-child(n + 4) .image { height: calc(var(--image-height) / 2 * 2 / 3); }

.countdown { gap: 10px; }

.countdown .part { text-align: center; }

.modal-search--wrap.active .modal { scale: 1; }

.modal-search--wrap .modal { padding: 5px 20px; border-radius: 10px; scale: 0; }

.modal-search--wrap .modal #popup-search i { left: 0; top: 50%; transform: translateY(-50%); }

.modal-search--wrap .modal #popup-search input { padding: 10px 20px 10px 40px; }

.mobile-menu { margin-left: auto; border-radius: 0; width: calc(min(100%, 420px)); padding-top: 100px; right: -100%; }

.mobile-menu--wrap.active .mobile-menu { right: 0; }

.mobile-menu #main-menu li + li { margin-top: 10px; }

.mobile-menu #main-menu .sub-menu { margin-top: 0; padding-left: 15px; max-height: 0; transition: 0.5s; overflow: hidden; }

.mobile-menu #main-menu .sub-menu.active { margin-top: 10px; max-height: 200px; }

.mobile-menu #main-menu > li > a { display: flex; justify-content: space-between; align-items: center; }

.mobile-menu #main-menu > li > a .expand i { rotate: 45deg; padding: 5px; }

.mobile-menu #main-menu > li > a .expand.active i { rotate: 0deg; }

.mobile-menu .booking-btn { padding: 8px 20px; margin-top: 20px; border: 1px solid var(--green); }

.mobile-menu .booking-btn:hover { background-color: var(--green); color: var(--white); }

@media screen and (min-width: 1500px) { .container-big { max-width: 1460px; }
  header .header-main .menu--wrap .button-menu { margin-right: 70px; }
  header .header-main .menu--wrap .button-menu .bar { width: 40px; }
  header .header-main .menu--wrap .button-menu.active .bar:first-child { rotate: 45deg; transform: translate(-2px, -9px); }
  header .header-main .menu--wrap .button-menu.active .bar:last-child { rotate: -45deg; transform: translate(2px, 7px); }
  header .header-main .menu--wrap #compact-menu { gap: 45px; } }

@media screen and (min-width: 1600px) { .container-big { max-width: 1520px; } }

@media screen and (max-width: 1199px) { .btn-link { padding: 11px 55px; }
  .btn-link span { font-size: 13.5px; } }

@media screen and (max-width: 1368px) {
	.header-bottom #main-menu {
		gap: 63px;
	}
	
	.related-room .room-wrap .img-wrap {
		height: 240px;
	}
	
/* 	.gallery_single_main .splide__slide {
		height: 450px;
	} */
}

@media screen and (max-width: 1025px){
	.room-booking-form--wrap {
		margin-top: 36px;
		margin-bottom: 36px;
	}
	
	.header-bottom #main-menu {
        gap: 36px;
    }
}

@media screen and (max-width: 992px) { .news_category_page--wrap { --image-height: 500px; }
  .news_category_page--wrap > *:nth-child(n + 4) .image { height: calc(var(--image-height) / 2); }
  .single-page-post .title { flex-direction: column; align-items: flex-start; }
  .single-page-post .title .time-overlay { margin-left: 0; margin-top: 20px; } 
	.header-bottom #main-menu {
        gap: 6px;
    }
}

@media screen and (max-width: 737px) { .splide__pagination { bottom: 20px; gap: 8px; }
  .splide__pagination__page.is-active { background-color: var(--white); }
  .heading .vertical-title { left: 0; top: -20px; transform: unset; }
  .modal { top: 100%; transition: 0.5s; height: 100%; border-radius: 0; }
  .modal-wrap.active .modal { top: 0; }
  .modal .btn-close { position: unset; width: 100%; border-radius: 0; padding-right: 15px; background-color: var(--primary-color); justify-content: flex-end; }
  .mobile-menu { top: 0; padding-top: 10px; }
  .mobile-menu .btn-close { display: inline-flex; margin-right: 0; padding-right: 0; }
  .mobile-menu .btn-close i { scale: 1.3; }
  .news_category_page--wrap { --image-height: 330px; }
  .news_category_page--wrap > *:is(:nth-child(2), :nth-child(3), :nth-child(n + 4)) .image { height: var(--image-height); }
  .time-overlay { padding: 8px 20px; }
  .time-overlay:has(span) { width: 100%; display: flex; align-items: center; justify-content: space-between; }
  .time-overlay > span { flex-shrink: 0; }
  .time-overlay .countdown { justify-content: center; gap: 20px; font-size: 16px; }
  .time-overlay .countdown .text { font-size: 11px; }
  .time-overlay > p { font-size: 13px; }
  .single-page-post { padding-top: 30px; }
  .single-page-post .title { flex-direction: column-reverse; margin-bottom: 10px; }
  .single-page-post .title .time-overlay { margin-top: 0; margin-bottom: 10px; } }

@media screen and (max-width: 576px) { .fs-35px { font-size: 25px; }
  .mobile-menu { top: 100%; right: 0; padding-top: 10px; } }

@keyframes inOut { 0% { transform: translateX(-100%); }
  45%, 55% { /*to stay a while full width*/
    transform: translateX(0); }
  100% { transform: translateX(101%); } }

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

/*# sourceMappingURL=assets/css/main.css.map */