/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}


@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
  --primary-color: #FAF9F6;
  --text-color: #1A1A18;
  --secondary-color: #161615;
  --bg-btn-color: #3A3A36;

  --h1: clamp(28px, calc(28px + (48 - 28) * ((100vw - 576px) / (1920 - 576))), 48px);
  --h2: clamp(24px, calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320))), 40px);
  --h3: clamp(20px, calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320))), 32px);
  --h4: clamp(16px, calc(16px + (24 - 16) * ((100vw - 576px) / (1920 - 576))), 24px);

}

body {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
  background-color: #0F0F0E;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container {
  width: clamp(
    536px,
    calc(536px + (1560 - 536) * ((100vw - 576px) / (1920 - 576))),
    1560px
  );
  margin: 0 auto;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: var(--primary-color);
}
h1{
	font-size: var(--h1);
}
h2{
	font-size: var(--h2);
  font-family: 'PlayfairDisplay';
}
h3{
	font-size: var(--h3);
}
img {
	max-width: 100%;
	height: auto;
}
html {
  scroll-behavior: smooth;
}
section h1,
article h1,
aside h1,
nav h1 {
    font-size: var(--h1);
}
.space-l {
  height: clamp(60px, calc(60px + 40 * ((100vw - 768px) / (1920 - 768))), 100px);
  background-color: #0F0F0E;
  margin-top: -5px;
}
.space-m {
  height: clamp(40px, calc(40px + (90 - 40) * ((100vw - 576px) / (1920 - 576))), 90px);
  background-color: #0F0F0E;
}
.d-flex-align-center {
	display: flex;
	align-items: center;
}
.menu-list {
  display: flex;
  gap: clamp(12px, calc(12px + 13 * (100vw - 1024px) / 896), 25px);
  border-radius: 100px;
  padding: clamp(5px, calc(5px + 5 * (100vw - 1024px) / 896), 10px) clamp(10px, calc(10px + 2 * (100vw - 1024px) / 896), 12px);
  background-color: var(--secondary-color);
  align-items: center;
}

.menu-list li {
  border: 1px solid transparent;
  border-radius: 111px;
  transition: 250ms ease-out;
  cursor: pointer;
}

.menu-list li a {
  display: block;
  padding: clamp(7px, calc(7px + 5 * (100vw - 1024px) / 896), 12px);
  color: var(--primary-color);
  white-space: nowrap;
  font-size: 14px;
}
.menu-list li:hover {
	border: 1px solid var(--primary-color);
}
.mobile-menu-list {
	display: flex;
	gap: 12px;
	flex-direction: column;
}
.mobile-menu-list li {
	padding: 11px;
	border: 1px solid transparent;
	border-radius: 111px;
	transition: 250ms ease-out;
	cursor: pointer;
	white-space: nowrap;
}
.mobile-menu-list li:hover {
	border: 1px solid var(--primary-color);
}
.mobile-menu-list li a {
  display: block;
}
.btn {
	white-space: nowrap;
	background-color: var(--primary-color);
	color: var(--text-color);
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	padding: clamp(10px, calc(10px + (15 - 10) * ((100vw - 1024px) / (1920 - 1024))), 15px) clamp(10px, calc(10px + (23 - 10) * ((100vw - 1024px) / (1920 - 1024))), 23px);
	border: 2px solid var(--text-color);
	display: flex;
	align-items: center;
	transition: 250ms ease-out;
	cursor: pointer;
	height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 1024px) / (1366 - 1024))), 56px);
}
.btn:hover {
	background-color: var(--bg-btn-color);
	color: var(--primary-color);
	border: 2px solid var(--bg-btn-color);
}
.btn:active {
	background-color: #EDEBE6;
	color: var(--text-color);
	border: 2px solid var(--text-color);
}
.phone-btn:active::after, 
.btn-primary:active::after {
	filter: brightness(0) !important;
}
.phone-btn::after, .btn-secondary:after {
  content: '';
  display: inline-block;
  width: 24px;
  aspect-ratio: 1 / 1;
  background-image: url('../images/icon-phone.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 11px;
  transition: 250ms ease-out;
}
.btn-primary::after{
  content: '';
  display: inline-block;
  width: 24px;
  aspect-ratio: 1 / 1;
  background-image: url('../images/arrow-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 11px;
  transition: 250ms ease-out;
}
.phone-btn:hover::after, .btn-primary:hover::after{
  filter: brightness(0) invert(1);
}
.btn.btn-secondary{
	background-color: transparent;
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}
.btn.btn-secondary:hover {
	border: 2px solid var(--text-color);
}
.btn.btn-secondary:after{
  background-image: url('../images/icon-phone-light.svg');	
}
.btn.btn-secondary:active {
	color: var(--primary-color);
	background-color: var(--text-color);
	border: 2px solid var(--text-color);
}

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 10px 0;
}
.header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-slider {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
}
.hero-content {
	max-width: clamp(400px, calc(400px + (679 - 400) * ((100vw - 576px) / (1366 - 576))), 679px);
	color: var(--primary-color);
	font-weight: normal;
	gap: clamp(30px, calc(30px + (65 - 30) * ((100vw - 576px) / (1024 - 576))), 65px);
	display: flex;
	flex-direction: column;
}
.hero-content h1 {
	font-family: 'Playfair Display';
  font-size: var(--h1);
  font-weight: bold;
  line-height: 56px;
}
.hero-content p {
	font-size: clamp(13px, calc(13px + (20 - 13) * ((100vw - 320px) / (1024 - 320))), 20px);
	line-height: 24px;
}
.hero-buttons {
	display: flex;
	gap: 35px;
	justify-content: flex-start;
}

.heroSwiper .swiper-pagination {
  bottom: 60px;
  display: flex;
  justify-content: center;
}

.heroSwiper .swiper-pagination-bullet {
  width: 36px;
  height: 4px;
  border-radius: 1px;
  background: #3A3A36;
  opacity: 1;
  transition: all 250ms ease-out;
}

.heroSwiper .swiper-pagination-bullet-active {
  height: 5px;
  background: #ffffff;
}
.logo svg {
    width: clamp(174px, calc(174px + (233 - 174) * ((100vw - 1366px) / (1920 - 1366))), 233px);
    height: clamp(154px, calc(154px + (207 - 154) * ((100vw - 1366px) / (1920 - 1366))), 207px);
}

.mobile-menu-wrapper {
  position: relative;
}

.burger-menu {
  width: 48px;
  height: 48px;
  background: var(--secondary-color);
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
}
.mobile-menu-wrapper {
	order: 3;
}
.burger-menu span {
  width: 15px;
  height: 1.5px;
  background: var(--primary-color);
  transition: all 0.25s ease-out;
  display: block;
}
.burger-menu.active {
  gap: 0;
}
.burger-menu.active span {
  position: absolute;
}
.burger-menu.active span:nth-child(1) {
  transform: rotate(45deg);
}
.burger-menu.active span:nth-child(2) {
  opacity: 0;
}
.burger-menu.active span:nth-child(3) {
  transform: rotate(-45deg);
}
.mobile-nav {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: var(--secondary-color);
  border-radius: 12px;
  padding: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-out;
}
.mobile-nav.active {
  opacity: 1;
  visibility: visible;
}
.mobile_tel {
	display: none;
}


.atmosphere {
  background-color: var(--primary-color);
  padding: clamp(30px, calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366))), 50px) 0 clamp(65px, calc(65px + (200 - 65) * ((100vw - 1366px) / (1920 - 1366))), 200px);
  font-family: 'Playfair Display';
  position: relative;
}
.atmosphere_desc {
  width: 54%;
  position: relative;
  z-index: 2;
}
.atmosphere h2 {
  font-weight: 700;
  line-height: 48px;
  padding-bottom: clamp(35px, calc(35px + (90 - 35) * ((100vw - 576px) / (1920 - 576))), 90px);
}
.atmosphere h3 {
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 30px;
}
.atmosphere p {
  font-family: 'Inter';
  font-weight: 500;
  line-height: 30px;
  font-size: clamp(13px, calc(13px + (20 - 13) * ((100vw - 320px) / (1024 - 320))), 20px);
  padding-bottom: clamp(35px, calc(35px + (90 - 35) * ((100vw - 576px) / (1920 - 576))), 90px);
}

.atmosphere_slider_container {
  position: absolute;
  bottom: calc(-45px - clamp(0px, (100vw - 576px) / 1344 * 65, 65px));
  right: 0;
  width: 45%;
  z-index: 3;
  overflow: hidden;
}
.atmosphere_slider {
  width: 100%;
}
.slider_image_wrapper {
  width: clamp(543px, calc(543px + (724 - 543) * ((100vw - 1366px) / (1920 - 1366))), 724px);
  height: clamp(493px, calc(493px + (657 - 493) * ((100vw - 1366px) / (1920 - 1366))), 657px);
  overflow: hidden;
}
.slider_image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.atmosphereSwiper {
  overflow: visible;
}
.swiper-slide {
  height: auto;
}
.atmosphere_list {
  display: flex;
  gap: 70px; 
  flex-wrap: wrap;
}
.atmosphere_list li:not(:last-child)::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color:var(--text-color);
  border-radius: 50%;
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
}
.atmosphere_list li {
  position: relative;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Inter';
}
.atmosphere-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  margin-left: -20px;
}
.atmosphere-pagination .swiper-pagination-bullet {
  width: 36px;
  height: 4px;
  border-radius: 1px;
  background: #EDEBE6;
  opacity: 1;
  transition: all 250ms ease-out;
}
.atmosphere-pagination .swiper-pagination-bullet-active {
  height: 5px;
  background: #161615;
}
.atmosphere {
	max-width: 2920px;
	margin: auto;
	height: auto;
  border-radius: 12px;
}


.characteristics {
  margin-top: clamp(95px, calc(95px + 120 * ((100vw - 576px) / 1344)), 215px);
  margin-bottom: clamp(40px, calc(40px + 60 * ((100vw - 320px) / 1600)), 100px);
  background-color: #0F0F0E;
  color: var(--primary-color);
}
.characteristics h2 {
  margin-bottom: 30px;
}
.wrapper_chars {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.char_item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--primary-color);
  padding: 32px clamp(12px, calc(12px + 20 * ((100vw - 1366px) / 554)), 32px);
  background-color: #161615;
}
.char_item_list {
  display: flex;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'Inter';
  flex-wrap: wrap;
  gap: clamp(10px, calc(10px + 8 * ((100vw - 1024px) / 896)), 18px);
}
.char_item_list li {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.char_item_list li:not(:first-child):before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--primary-color);
  border-radius: 50%;
  margin-right: clamp(10px, calc(10px + 8 * ((100vw - 1024px) / 896)), 18px);
  flex-shrink: 0;
}
.char_item_bg {
  width: 42px;
  aspect-ratio: 1;
  margin-bottom: 30px;
}


.atmosphere-left {
  background-color: var(--primary-color);
  padding: clamp(30px, calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366))), 50px) 0 clamp(65px, calc(65px + (200 - 65) * ((100vw - 1366px) / (1920 - 1366))), 200px);
  font-family: 'Playfair Display';
  position: relative;
  max-width: 2920px;
  margin: auto;
  height: auto;
  border-radius: 12px;
}
.atmosphere-left_desc {
  width: 54%;
  position: relative;
  z-index: 2;
  margin-left: auto;
}
.atmosphere-left h3 {
  font-weight: 600;
  line-height: 40px;
  padding-top: clamp(120px, calc(120px + (135 - 120) * ((1920px - 100vw) / (1920 - 1366))), 135px);
  padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 320px) / (1366 - 320))), 40px);
}
.atmosphere-left_slider_container {
  position: absolute;
  bottom: calc(-45px - clamp(0px, (100vw - 576px) / 1344 * 65, 65px));
  left: 0;
  width: 45%;
  z-index: 3;
  overflow: hidden;
}
.atmosphere-left_slider {
  width: 100%;
}
.slider-left_image_wrapper {
  width: clamp(543px, calc(543px + (724 - 543) * ((100vw - 1366px) / (1920 - 1366))), 724px);
  height: clamp(493px, calc(493px + (657 - 493) * ((100vw - 1366px) / (1920 - 1366))), 657px);
  overflow: hidden;
}
.slider-left_image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.atmosphereLeftSwiper {
  overflow: visible;
}
.atmosphere-left_list {
  display: flex;
  flex-direction: column;
  gap: 24px; 
  flex-wrap: wrap;
  margin-left: 20px;
}
.atmosphere-left_list li::before {
  content: '';
  width: 3px;
  height: 3px;
  background-color: var(--text-color);
  border-radius: 50%;
  position: absolute;
  margin-left: -30px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
}
.atmosphere-left_list li {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Inter';
  padding-left: 20px;
}
.atmosphere-left-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  margin-right: -20px;
}
.atmosphere-left-pagination .swiper-pagination-bullet {
  width: 36px;
  height: 4px;
  border-radius: 1px;
  background: #EDEBE6;
  opacity: 1;
  transition: all 250ms ease-out;
}
.atmosphere-left-pagination .swiper-pagination-bullet-active {
  height: 5px;
  background: #161615;
}
.atmosphereLeftSwiper {
  overflow: visible;
  direction: rtl; 
}
.atmosphereLeftSwiper .swiper-slide {
  direction: ltr; 
}


.price h2 {
  margin-bottom: 40px;
}
.price {
  color: var(--primary-color);
  margin-top: clamp(95px, calc(95px + 120 * ((100vw - 576px) / 1344)), 215px);
  margin-bottom: 60px;
}
.price_items {
  display: grid;
  justify-content: center;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, calc(18px + (40 - 18) * ((100vw - 768px) / (1366 - 768))), 40px);
  padding: clamp(0px, calc(0px + (24 - 0) * ((100vw - 800px) / (1024 - 800))), 24px);
  align-items: center;
}
.price_item {
  border: 1px solid var(--primary-color);
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 30px 10px;
  align-items: center;
  justify-content: flex-start;
  height: auto; 
  background-color: #161615;
  border-radius: 12px;
}
.price_item.price_item_last {
  padding: 20px 10px;
}
.price_item--highlight {
  position: relative;
  border: 3px solid var(--primary-color);
}
.price_title {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  margin-bottom: 24px;
}
.price_day h4 {
  background-color: #3A3A36;
  border-radius: 12px;
  font-size: var(--h4);
  border: 1px solid var(--primary-color);
  padding: 12px;
  line-height: 32px;
  font-family: 'PlayfairDisplay';
  min-width: 218px;
}
.price_days {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 0;
}
.price_day {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.day_label {
  margin-bottom: 10px;
}
.price_info p {
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1100px) / (1366 - 1100))), 16px);
}
.price_item.price_item--highlight .price_info{
  margin-top: 24px;
}
.price_item .price_note{
  margin-top: 12px;
}
.price_note {
  width: 81%;
  display: flex;
  justify-content: flex-end;
}

.price_note p {
  text-align: right;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1100px) / (1366 - 1100))), 16px);
}

.reserve {
  color: var(--primary-color);
}
.reserve h2 {
  margin-bottom: 20px;
  line-height: 48px;
}
.reserve_subtitle {
  margin-bottom: 35px;
  line-height: 30px;
}
.reserve_items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0px clamp(0px, calc(0px + (140 - 0) * ((100vw - 1366px) / (1920 - 1366))), 140px);
  text-align: center;
}
.reserve_item {
  display: flex;
  padding: clamp(12px, calc(12px + (32 - 12) * ((100vw - 768px) / (1024 - 768))), 32px) clamp(12px, calc(12px + (24 - 12) * ((100vw - 768px) / (1024 - 768))), 24px);
  border-radius: 12px;
  border: 1px solid var(--primary-color);
  flex-direction: column;
  align-items: center;
}
.reserve_item_bg {
  width: 56px;
  aspect-ratio: 1;
  margin-bottom: 20px;
}
.reserve_item p {
  font-size: 16px;
}
.btn.btn-primary.btn_reserve {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  margin-top: clamp(20px, calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320))), 60px);
  margin-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 576px) / (1920 - 576))), 100px);
}

.location {
  padding-top: clamp(24px, calc(24px + (50 - 24) * ((100vw - 320px) / (768 - 320))), 50px);
  padding-bottom: clamp(14px, calc(14px + (40 - 14) * ((100vw - 320px) / (768 - 320))), 40px);
  background-color: var(--primary-color);
  border-radius: 12px;
}
.location h3 {
  font-family: 'PlayfairDisplay';
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))), 40px);
}
.location p {
  margin-bottom: 24px;
}
iframe {
  width: 100%;
  height: 504px;
  border: none;
  filter: grayscale(0%);
}
.map-container {
  position: relative;
  width: 100%;
  margin: 0px clamp(0px, calc(0px + (120 - 0) * ((100vw - 1366px) / (1920 - 1366))), 120px);
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 12px;
  border: 1px solid #E6E4DF;
  overflow: hidden;
}
.map-container iframe {
  width: 100%;
  height: 504px;
  border: none;
  display: block;
}

.place {
  color: var(--primary-color);
}
.place_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: clamp(60px, calc(60px + (95 - 60) * ((100vw - 576px) / (1024 - 576))), 95px);
  margin-bottom: clamp(
  60px,
  calc(
    60px + 
    (70 - 60) * (100vw - 576px) / (768 - 576) + 
    (90 - 70) * (100vw - 768px) / (1024 - 768) + 
    (95 - 90) * (100vw - 1024px) / (1366 - 1024) + 
    (140 - 95) * (100vw - 1366px) / (1920 - 1366)
  ),
  140px
);
  gap: clamp(24px, calc(24px + (50 - 24) * ((100vw - 1366px) / (1920 - 1366))), 50px);
}
.place_image_wrapper {
  flex-shrink: 0;
  width: clamp(250px, calc(250px + (724 - 250) * ((100vw - 576px) / (1920 - 576))), 724px);
  height: clamp(222px, calc(222px + (657 - 222) * ((100vw - 576px) / (1920 - 576))), 657px);
}
.place_image_wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}
.place_image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.place_content h3 {
  line-height: 40px;
  margin-bottom: 24px;
}
.place_content p {
  line-height: clamp(24px, calc(24px + (30 - 24) * ((100vw - 1024px) / (1366 - 1024))), 30px);
  margin-bottom: 42px;
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024))), 20px);
}
.place_content .atmosphere_list {
  margin-bottom: clamp(40px, calc(40px + (60 - 40) * ((100vw - 768px) / (1366 - 768))), 60px);
  padding: 0px 5px;
}
.place_content .atmosphere_list {
  gap: 50px
}
.place_content .atmosphere_list li:not(:last-child)::after {
  right: -30px;
}
.place_content .atmosphere_list li {
  font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 1024px) / (1366 - 1024)) + (20 - 14) * ((100vw - 1366px) / (1920 - 1366))), 20px);
}
.place_content .atmosphere_list li:after {
  background-color: var(--primary-color);
}

.fixed-phone-btn {
  position: fixed;
  bottom: 40px;
  right: 3%;
  width: clamp(42px, calc(42px + (70 - 42) * ((100vw - 1024px) / (1366 - 1024))), 70px);
  aspect-ratio: 1;
  background-color: var(--secondary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  transition: all 0.25s ease-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}

.fixed-phone-btn:hover {
  transform: scale(1.05);
}

.fixed-phone-btn.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.fixed-phone-btn.visible:hover {
  transform: scale(1.05);
}
.fixed-phone-btn svg {
  width: clamp(23px, calc(23px + (39 - 23) * ((100vw - 1024px) / (1366 - 1024))), 39px);
  height: clamp(22px, calc(22px + (37 - 22) * ((100vw - 1024px) / (1366 - 1024))), 37px);
}
.messenger-modal {
  position: fixed;
  bottom: 125px;
  right: 5%;
  background: var(--secondary-color);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease-out;
  z-index: 999;
}

.messenger-modal.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.messenger-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 10px;
  height: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: transform 0.25s ease-out;
}

.messenger-close:hover {
  transform: scale(1.1);
}

.messenger-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

.messenger-list li {
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: 250ms ease-out;
  cursor: pointer;
  white-space: nowrap;
}

.messenger-list li:hover {
  border: 1px solid var(--primary-color);
  background-color: rgba(250, 249, 246, 0.05);
}

.messenger-list li a {
  color: var(--primary-color);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  gap: 8px;
  align-items: center;
}

.footer_info {
  font-size: 12px;
  display: flex;
  justify-content: center;
  gap: 30px;
  color: var(--primary-color);
}

.footer_info p {
  margin: 0;
}

.footer_info a {
  display: inline-block;
  padding: 12px 8px;
  min-height: 48px; 
  line-height: 1.5;
  color: inherit;
  display: flex;
  align-items: center;
}




.header_polici {
  margin-top: 200px;
}
.header_polici h1 {
  color: var(--primary-color);
  padding-bottom: clamp(30px, calc(30px + 70 * ((100vw - 320px) / 1600)), 100px);
}
.privacy-policy_content {
  color: var(--primary-color);
  padding-bottom: clamp(30px, calc(30px + 70 * ((100vw - 320px) / 1600)), 100px);
}
.privacy-policy_content h2 {
  margin-top: 30px;
  margin-bottom: 5px;
}
footer {
  background-color: #161615;
}
.footer_navigation ul li a, .footer_info p a {
  border-bottom: 1px solid transparent;
  transition: 250ms ease-out;
}
.footer_navigation ul li a:hover, .footer_info p a:hover {
  border-bottom: 1px solid var(--primary-color);
}
.footer_wrap {
  color: var(--primary-color);
  display: flex;
  align-items: center;
  padding-bottom: clamp(20px, calc(20px + 20 * ((100vw - 768px) / 598)), 40px);
  border-bottom: 1px solid var(--primary-color);
}
.footer_right {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.footer_logo {
  margin-right: clamp(
    40px,
    calc(
      40px + 
      (100 - 40) * (100vw - 1024px) / (1366 - 1024) + 
      (120 - 100) * (100vw - 1366px) / (1920 - 1366)
    ),
    120px
  );
}
.footer_logo svg {
  width: clamp(117px, calc(117px + (157 - 117) * ((100vw - 1024px) / (1920 - 1024))), 157px);
  height: clamp(94px, calc(94px + (154 - 94) * ((100vw - 1024px) / (1920 - 1024))), 154px);
}
.logo_title {
  width: 150px;
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024))), 16px);
  line-height: 24px;
}
.logo_title p {
  text-align: center;
}
.social_media {
  display: flex;
  gap: 20px;
}
.social_media li a {
  display: inline-block;
  transition: all 0.25s ease-out;
}
.social_media li a:hover {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.social_media li a img {
    display: block;
}
.footer_navigation ul, .footer_navigation ul {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.footer_s4 {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}


/* Модальне вікно */
body.modal-open {
  overflow: hidden;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-out;
  padding: 20px;
}

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

.modal-content {
  background: #161615;
  border-radius: 12px;
  padding: clamp(24px, calc(24px + 40 * (100vw - 1366px) / 554), 64px);
  max-width: clamp(380px, calc(380px + (815 - 380) * ((100vw - 576px) / (1920 - 576))), 815px);
  width: 100%;
  position: relative;
  transition: transform 0.25s ease-out;
}
.modal-overlay.active .modal-content {
  transform: translateY(0);
}
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease-out;
}
.modal-close:hover {
  transform: scale(1.05);
}
.modal-close svg {
  color: var(--primary-color);
}
.modal-content {
  color: var(--primary-color);
}
.modal-content h2 {
  margin-bottom: 15px;
}
.modal-content p {
  margin-bottom: 10px;
  font-size: clamp(14px, calc(14px + 6 * (100vw - 576px) / 790), 20px);
}
.submit-btn {
  margin-top: 20px;
  margin:auto;
}
.required {
  font-size: 16px;
  color: #7A7A7A;
  padding: 0px 10px;
}
.wpcf7-form input {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  border: 1px solid #F0F0F0;
  padding: 0px 10px;
}
.modal-content .wpcf7-text,
.modal-content .wpcf7-tel,
.modal-content .wpcf7-textarea {
  font-size: 12px;
  width: 100%;
  background: #FFFFFF;
  border: none;
  border-radius: 12px;
  color: #161615;
  font-family: inherit;
  transition: all 0.25s ease-out;
}
.modal-content .wpcf7-text:focus,
.modal-content .wpcf7-tel:focus,
.modal-content .wpcf7-textarea:focus {
  font-size: 12px;
  outline: none;
  background: #F5F5F5;
  color: block;
}
.modal-content .wpcf7-text::placeholder,
.modal-content .wpcf7-tel::placeholder,
.modal-content .wpcf7-textarea::placeholder {
  font-size: 12px;
  color: #CAC9C8;
  opacity: 1;
}

.wpcf7-not-valid-tip {
  margin-top: 10px;
}
.wpcf7-response-output {
  margin: 20px 0px 0px 0px!important;
  border: none!important;
}
.modal-content .submit-btn {
  background: var(--primary-color) url('../images/arrow-right2.svg') no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 14px 14px;
  width: auto;
  color: var(--text-color);
  border: none;
  border-radius: 12px;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease-out;
  padding: 12px 40px 12px 20px;
  margin: 0px auto 0;
  display: block;
}
.modal-content .submit-btn:hover {
  background-color: #3A3A36;
  background-image: url('../images/right_arrow_light.png');
  color: var(--primary-color);
}
.modal-content .wpcf7-spinner {
  display: none !important;
}

.modal-content .wpcf7-not-valid-tip {
  display: none !important;
}

.modal-content .wpcf7-not-valid {
  border: 1px solid #FF383C !important;
}
.modal-content .wpcf7-not-valid::placeholder {
  color: #FF383C !important;
  opacity: 1;
}

.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.floating-label {
  position: absolute;
  left: 10px;
  top: -8px;
  font-size: 16px;
  color: rgb(122, 122, 122);
  background: #FFFFFF;
  padding: 0 5px;
  z-index: 1;
}

.modal-content label {
  font-size: 14px;
  color: #7A7A7A;
}

.modal-content label .required {
  font-size: 14px;
  color: #7A7A7A;
}
.social_media.social_media_modal {
  justify-content: center;
  margin-top: 26px;
}
.social_media.social_media_modal li a img {
  width: clamp(24px, calc(24px + 18 * (100vw - 768px) / 256), 42px);
  aspect-ratio: 1;
}
.social_media li a img {
  width: 24px;
  aspect-ratio: 1;
}


.partners {
  background-color: #161615;
  color: white;
  padding-bottom: 40px;
  border-radius: 12px;
}
.partners h2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.partners_cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.partner_card {
  border-radius: 12px;
  background-color: #3A3A36;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.partner_desc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px;
}
.partner_desc h6, .partner_desc p{
  font-size: 16px;
}
.partner_desc a {
  border-bottom: 1px solid transparent;
  transition: 250ms ease-out;
  width: fit-content;
}
.partner_desc a:hover {
  border-bottom: 1px solid white;
}
.partner_image {
  height: clamp(180px, calc(180px + (350 - 180) * ((100vw - 768px) / (1920 - 768))), 350px);
  background-color: white;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner_image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; 
}
.partner_card:nth-child(3) .partner_image img {
 width: clamp(120px, calc(120px + (180 - 120) * ((100vw - 1024px) / (1920 - 1024))), 180px);
  aspect-ratio: 1;
  object-fit: cover; 
  border-radius: 50%;
}


@media (min-width: 2800px) {
  .hero-slider {
    height: 1000px;
  }
}

@media(max-width: 1760px){
  .price_days {
    flex-direction: column;
  }
  .price_note {
    width: auto;
  }
}

@media (max-width: 1366px) {
  .modal-content p {
    margin-bottom: 4px;
  }
  .footer_logo svg {
    width: clamp(117px, calc(117px + (157 - 117) * ((100vw - 1024px) / (1366 - 1024))), 157px);
    height: clamp(94px, calc(94px + (126 - 94) * ((100vw - 1024px) / (1366 - 1024))), 126px);
  }
  .logo_title {
    width: clamp(117px, calc(117px + (157 - 117) * ((100vw - 1024px) / (1366 - 1024))), 157px);
  }
  .place_content .atmosphere_list {
    gap: 40px
  }
  .place_content .atmosphere_list li:not(:last-child)::after {
    right: -25px;
  }
  .slider_image_wrapper,
  .slider-left_image_wrapper {
    width: clamp(407px, calc(407px + (543 - 407) * ((100vw - 1024px) / (1366 - 1024))), 543px);
    height: clamp(369px, calc(369px + (493 - 369) * ((100vw - 1024px) / (1366 - 1024))), 493px);
  }
  .atmosphere {
    padding: 30px 0 clamp(30px, calc(30px + (60 - 30) * ((100vw - 1024px) / (1366 - 1024))), 60px);
  }
 .atmosphere-left h3 {
    padding-top: clamp(70px, calc(70px + (120 - 70) * ((100vw - 1024px) / (1366 - 1024))), 120px);
  }
}

@media (max-width: 1024px) {
  .footer_logo svg {
    width: clamp(132px, calc(132px + (117 - 132) * ((100vw - 768px) / (1024 - 768))), 117px);
    height: clamp(108px, calc(108px + (94 - 108) * ((100vw - 768px) / (1024 - 768))), 94px);
  }
  .logo_title {
    width: clamp(132px, calc(132px + (117 - 132) * ((100vw - 768px) / (1024 - 768))), 117px);
  }
  .place_content .atmosphere_list {
    gap: 24px
  }
  .place_content .atmosphere_list li:not(:last-child)::after {
    right: -18px;
  }
  .price_day h4 {
    min-width: auto;
  }
  .price_item {
    padding: 24px 10px;
  }
  .price_item.price_item_last {
    padding: 16px 10px;
  }
  .hero-content h1 {
    margin-bottom: 10px;
  }
  .atmosphere p{
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 800px) / (1024 - 800))), 20px);
    line-height: 20px;
  }
  .logo svg {
    width: clamp(100px, calc(100px + (174 - 100) * ((100vw - 768px) / (1024 - 768))), 174px);
    height: clamp(68px, calc(68px + (154 - 68) * ((100vw - 768px) / (1024 - 768))), 154px);
  }
  .mobile-menu-wrapper {
    order: 3;
  }
  .atmosphere_list{
    gap: 40px; 
  }
  .atmosphere_list li:not(:last-child)::after{
    right: -23px;
  }
  .slider_image_wrapper,
  .slider-left_image_wrapper {
    width: clamp(305px, calc(305px + (407 - 305) * ((100vw - 768px) / (1024 - 768))), 407px);
    height: clamp(277px, calc(277px + (369 - 277) * ((100vw - 768px) / (1024 - 768))), 369px);
  }
  .atmosphere {
    padding-top: 30px;
    padding-bottom: clamp(40px, calc(40px + 220 * ((768px - 100vw) / (768 - 750))), 260px);
  }
  .messenger-list {
    padding: 12px;
    margin-top: 15px;
  }

  .atmosphere-left h3 {
    font-size: 18px;
  }
  .atmosphere-left_list li {
    font-size: 14px;
  }
  .atmosphere-left {
    padding-top: clamp(0px, calc(0px + (30 - 0) * ((100vw - 768px) / (1024 - 768))), 30px);
    padding-bottom: clamp(25px, calc(25px + (200 - 25) * ((100vw - 1366px) / (1920 - 1366))), 200px);
  }
  .hero-slider {
    height: auto;
    padding: 160px 0px 20px 0px;
  }
  .hero-buttons {
    margin-bottom: 100px;
  }
}

@media (max-width: 768px) {
  .partners_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .partner_image {
    height: clamp(160px, calc(160px + (265 - 160) * ((100vw - 320px) / (768 - 320))), 265px);
    
  }
.partner_card:nth-child(2) .partner_image {
  padding: 20px;
}
  .partner_card:nth-child(3) .partner_image img {
    width: clamp(90px, calc(90px + (160 - 90) * ((100vw - 320px) / (768 - 320))), 160px);
  }
  .hero-buttons {
    margin-bottom: 60px;
  }
  .footer_logo svg {
    width: clamp(132px, calc(132px + (132 - 132) * ((100vw - 576px) / (768 - 576))), 132px);
    height: clamp(130px, calc(130px + (108 - 130) * ((100vw - 576px) / (768 - 576))), 108px);
  }
  .logo_title {
    width: clamp(132px, calc(132px + (132 - 132) * ((100vw - 576px) / (768 - 576))), 132px);
  }
  .atmosphere-left h3 {
    font-size: 16px;
  }
  .wrapper_chars {
    grid-template-columns: repeat(1, 1fr);
  }
  .char_item {
    padding: 24px 12px;
  }
  .atmosphere p,
  .atmosphere-left p {
    font-size: 14px;
  }
  .slider_image_wrapper,
  .slider-left_image_wrapper {
    width: calc(clamp(288px, calc(288px + (305 - 288) * ((100vw - 320px) / (768 - 320))), 305px) * 0.9);
    height: calc(277px * 0.9);
  }
  .char_item_list {
    gap: 20px;
  }
  .char_item_list li:not(:first-child):before {
    margin-right: 20px;
  }
  .reserve_items {
    grid-template-columns: repeat(1, 1fr);
  }
  .footer_logo {
    margin-right: clamp(8px, calc(8px + 32 * ((100vw - 576px) / 192)), 40px);
  }
  .wpcf7-form input {
    height: 44px;
  }
  .modal-content .submit-btn {
    height: 40px;
  }
}

@media(max-width: 750px) {
  .day_label {
    margin-bottom: 0px;
  }
  .atmosphere .container {
    margin-bottom: 25px;
  }
  .atmosphere_desc,
  .atmosphere-left_desc {
    width: 100%;
    position: relative;
    z-index: 2;
  }
  .atmosphere_slider_container,
  .atmosphere-left_slider_container {
    width: 94%;
  }
  .slider_image_wrapper,
  .slider-left_image_wrapper {
    width: 100%;
    height: 277px;
  }
  .atmosphere-pagination,
  .atmosphere-left-pagination {
    margin-left: 0px;
    margin-right: 0px;
  }
  .atmosphere-left {
    padding-bottom: 290px;
  }
  .atmosphere-left h3 {
    padding-top: clamp(24px, calc(24px + (70 - 24) * ((100vw - 576px) / (756 - 576))), 70px);
  }
  .price_items {
    grid-template-columns: repeat(1, 1fr);
  }
  .price {
    padding-bottom: 40px;
  }
  .reserve_item p {
    font-size: 14px;
  }
  .reserve_item {
    padding: 32px 24px;
  }
  .mobile-menu-list li a {
    font-size: 14px;
  }
  .mobile-menu-list li{
    padding: 7px 11px;
  }
  .mobile-menu-list {
    gap: 10px;
  }
  
}

@media(max-width: 576px) {
  .partners {
    padding-bottom: 14px;
  }
  .partner_desc p {
    font-size: 14px;
  }
  .partners h2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .hero-buttons {
    margin-bottom: 0px;
  }
  .atmosphere-left_list li::before {
    margin-left: -20px;
  }
  .atmosphere-left_list li {
    padding-left: 10px;
  }
  .social_media {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-around;
  }
  .footer_info {
    gap: 8px;
  }
  .logo svg {
    width: 140px;
    height: 100px;
  }
  .footer_info {
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .logo_title p {
    margin-top: -12px;
  }
  .footer_wrap, .footer_right {
    flex-direction: column;
  }
  .footer_s2, .footer_s3, .footer_logo {
    display: flex;
    justify-content: center;
  }
  .footer_navigation ul {
    text-align: center;
    gap: 30px;
  }
  .footer_s2 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .footer_s3 {
    margin-bottom: 34px;
  }
  .footer_logo svg {
    width: 132px;
    height: 130px;
  }

  h3 {
    font-size: 24px;
  }
  .place_wrapper {
    flex-direction: column;
  }
  .place_image_wrapper {
    width: 100%;
    height: clamp(280px, calc(280px + (360 - 280) * ((100vw - 320px) / (576 - 320))), 360px);
  }
  .place_content .hero-buttons {
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 0;
  }
  .place_content .atmosphere_list {
    column-gap: 24px;
    row-gap: 5px;
  }
  .place_content .atmosphere_list li:not(:last-child)::after {
    right: -16px;
    top: 47%;
  }
  .reserve_item {
    padding: 12px;
  }
  .container {
    width:100%;
    padding: 0px 16px;
    margin: auto;
  }
  .messenger-list li {
    padding: 12px 18px;
  }
  .space-l {
    display: none;
  }
  .atmosphere-left h3 {
    line-height: 32px;
  }
  .hero-content {
    min-height: 456px;
  }
  .heroSwiper .swiper-pagination {
    bottom: 20px;
  }
  .atmosphere_slider_container,
  .atmosphere-left_slider_container {
    width: 95%;
  }
  .btn.phone-btn:not(.mobile_tel) {
    display: none;
  }
  .mobile_tel {
    display: flex;
    margin-top: 15px;
  }
  .hero-content h1 {
    margin-bottom: 5px;
  }
  .hero-buttons {
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
    margin-bottom: 70px;
  }
  
  .hero-content {
    width: 100%;
  }
  .atmosphere_list li,
  .atmosphere-left_list li,
  .atmosphere p,
  .atmosphere-left p {
      font-size: 13px;
  }
  .atmosphere_list li:not(:last-child)::after,
  .atmosphere-left_list li:not(:last-child)::after {
    width: 4px;
    height: 4px;
    top: 60%;
    right: -17px;
  }
  .atmosphere-left_list {
    gap: 24px;
  }
  .atmosphere_list {
    gap: 30px; 
  }
}