@import "default.css";
@import url(../fonts/icons.css);
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap");
.fixed body {
    overflow: hidden;
}
.fixed body .temp {
    opacity: 0;
}

.fixed .logo {
    opacity: 0;
    transition: opacity 0.1s linear;
}

@media (min-width: 1180px) {
    .sidebar__basebox {
        height: 76%!important;
    }
}

:root {
    --index: calc(1vw + 1vh);
}

body {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    color: #253238;
    background: #fff;
    min-width: 360px;
    overflow-x: hidden;
}

.hidden {
    display: none;
}

.main-wrapper {
    min-height: 100vh;
    position: relative;
    margin: auto;
}

[class*="__container"] {
    max-width: 1660px;
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0 30px 0 10px;
}

.fancybox__container {
    max-width: 100% !important;
}
.fancybox1__container {
    max-width: 100% !important;
}

main {
    position: relative;
    height: 100%;
}

.mobiledown-menu {
    display: none;
}

.temp {
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0.5;
}

.temp-icon {
    width: 24px;
    height: 24px;
}

.temp-count {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

header.scrolled {
    background: #fff;
    transition: background 0.2s linear;
}
header.scrolled .burger {
    color: #253238;
}
header.scrolled .burger-icon span {
    background: #253238;
}
header.scrolled .logo {
    filter: invert(1);
}
header.scrolled .header-menu ul {
    flex-wrap: wrap;
}
header.scrolled .header-menu ul li a {
    color: #253238;
}
header.scrolled .header-menu ul li a::after {
    background: #253238;
}

.up-button {
    position: fixed;
    right: 60px;
    bottom: 228px;
    background: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #253238;
    z-index: 100;
}

body.inner-page header {
    background: #fff;
}
body.inner-page main {
    margin-top: 120px;
    padding-left: 140px;
    margin-bottom: 80px;
}
body.inner-page .text-button svg g {
    fill: #253238;
}
body.inner-page .burger {
    color: #253238;
}
body.inner-page .burger-icon span {
    background: #253238;
}
body.inner-page .logo {
    filter: invert(1);
}
body.inner-page .header-menu ul {
    flex-wrap: wrap;
}
body.inner-page .header-menu ul li a {
    color: #253238;
}
body.inner-page .header-menu ul li a::after {
    background: #253238;
}
body.inner-page .temp-icon {
    filter: invert(1);
}
body.inner-page .temp-count {
    color: #000;
}
body.inner-page .sidebar-menubox {
    color: #253238;
    width: 7%;
}
body.inner-page .sidebar-menubox.opened {
    width: 100%;
}
body.inner-page .sidebar-menubox::after {
    background: rgba(245, 245, 245, 0.5);
    border-right: 1px solid rgba(37, 50, 56, 0.5);
}
body.inner-page .sidebar-menubox.opened .sidebar-plash__main {
    background: #fff;
    color: #253238;
}
body.inner-page .sidebar-menubox.opened .sidebar-plash__main span {
    display: block;
}
body.inner-page .sidebar-menubox.opened .sidebar-plash__main .plash-textbox {
    display: block;
}
body.inner-page .sidebar-menubox.opened .sidebar-contacts {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear;
}
body.inner-page .sidebar-menubox .sidebar__base {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    scrollbar-color: rgb(209, 209, 209) transparent;
}
body.inner-page .sidebar-menubox .sidebar__base::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
body.inner-page .sidebar-menubox .sidebar__base::-webkit-scrollbar-track {
    background: transparent;
}
body.inner-page .sidebar-menubox .sidebar__base::-webkit-scrollbar-thumb {
    background-color: rgb(209, 209, 209);
    border-radius: 20px;
}
body.inner-page .sidebar-menubox .sidebar-contacts {
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}
body.inner-page .sidebar-menubox .sidebar-contacts .soc-lnk {
    box-shadow: 0px 0px 0px 1px #253238 inset;
}
body.inner-page .sidebar-menubox .sidebar-contacts .soc-lnk i[class*="icon-"] {
    color: #253238;
}
body.inner-page .sidebar-menubox .sidebar-contacts .soc-lnk:hover {
    box-shadow: 0px 0px 0px 1px transparent inset;
}
body.inner-page
    .sidebar-menubox
    .sidebar-contacts
    .soc-lnk:hover
    i[class*="icon-"] {
    color: #fff;
}
body.inner-page .sidebar-menubox .sidebar-contacts .adr-location {
    color: #253238;
}
body.inner-page .sidebar-menu ul li a {
    color: #253238;
}
body.inner-page .sidebar-menu ul li a span::after {
    background: #253238;
}
body.inner-page .sidebar-contacts a[href*="tel"] {
    color: #253238;
}
body.inner-page .sidebar-plash__main {
    border: 2px solid #253238;
}
body.inner-page .sidebar-plash__main span {
    display: none;
}
body.inner-page .sidebar-plash .plash-textbox {
    display: none;
}
body.inner-page .sidebar-plash .sidebar-plash__hint {
    background: #fff;
    color: #253238;
    border-color: #253238;
}
body.inner-page .sidebar-plash:hover .sidebar-plash__main {
    background: #d2d1d1;
}

/* new */
body.inner-page .fcap-tumbler .tumbler-ui {
    border: 1px solid #253238;
}

body.inner-page .fcap-tumbler .tumbler-ui:after {
    background: #253238;
}

/*  */

body.adds-page .sidebar-menubox {
    width: 7%;
}
body.adds-page .sidebar-menubox.opened {
    width: 100%;
}
body.adds-page .sidebar-menubox.opened .sidebar-plash__main span {
    display: block;
}
body.adds-page .sidebar-menubox.opened .soc-list {
    opacity: 1;
    visibility: visible;
}
body.adds-page .sidebar-plash__main span {
    display: none;
}
body.adds-page .sidebar-plash .plash-textbox {
    display: none;
}
body.adds-page .sidebar-plash__hint {
    left: 85%;
}
body.adds-page .soc-list {
    opacity: 0;
    visibility: hidden;
}

.page-title {
    font-family: "Cormorant Garamond", serif;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #253238;
    margin-bottom: 30px;
}
.page-title.stick-title {
    margin-bottom: 0;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding: 12px 20px;
}

.header__wrapper {
    width: 100%;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.burger {
    padding: 0;
    outline: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.burger-icon {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    width: 40px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
}
.burger-icon span {
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    transition: all 0.12s linear;
}
.burger-icon span:nth-child(1) {
    position: absolute;
    top: 0;
    transform: rotate(0deg);
}
.burger-icon span:nth-child(2) {
    position: absolute;
    top: 100%;
    transform: rotate(0deg);
}

.burger.opened .burger-icon span {
    transition: all 0.12s linear;
}
.burger.opened .burger-icon span:nth-child(1) {
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}
.burger.opened .burger-icon span:nth-child(2) {
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
}

.burger-mobile {
    display: none;
}

.header-base {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
    justify-content: flex-end;
}

.header-menu {
    display: flex;
    flex: 0 1 43.831%;
}
.header-menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}
.header-menu ul li {
    position: relative;
}
.header-menu ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}
.header-menu ul li a::after {
    position: absolute;
    content: "";
    left: 0;
    top: calc(100% + 5px);
    width: 0%;
    height: 2px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s linear;
}
.header-menu ul li:hover a::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s linear;
}
.header-menu:first-child {
    display: flex;
    flex: 0 1 31%;
}
.header-menu:first-child ul {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

.logo {
    display: flex;
    flex-shrink: 0;
    width: 67px;
    height: 65px;
}

.sidebar-menubox {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    z-index: 999;
    color: #fff;
    padding-top: 100px;
    padding-left: 50px;
    max-width: 400px;
    height: 100%;
    will-change: width;
    transition: width 0.2s cubic-bezier(1, 0.49, 0.22, 0.75);
}
.sidebar-menubox::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: -1;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.1s cubic-bezier(1, 0.49, 0.22, 0.75);
}
.sidebar-menubox.opened::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: all 0.35s cubic-bezier(1, 0.49, 0.22, 0.75);
}
.sidebar-menubox.opened {
    width: 100%;
    will-change: width;
    transition: all 0.12s cubic-bezier(1, 0.49, 0.22, 0.75);
}
.sidebar-menubox.opened .sidebar-menu ul li a {
    opacity: 1;
}
.sidebar-menubox.opened .sidebar-menu ul li a span {
    opacity: 1;
    visibility: visible;
    transition: all 0.35s linear;
}
.sidebar-menubox.opened .sidebar-contacts a[href*="tel"] {
    opacity: 1;
    visibility: visible;
    transition: all 0.35s linear;
    margin-top: 25px;
    display: block;
}
.sidebar-menubox.opened .sidebar-contacts .adr-location {
    opacity: 1;
    visibility: visible;
    transition: all 0.35s linear;
}
.sidebar-menubox.opened .sidebar-plash__main {
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.35s linear;
}

.sidebar-plash {
    display: flex;
    align-items: center;
    position: absolute;
    left: 34px;
    width: -moz-max-content;
    width: 80%;
    z-index: 1;
    text-decoration: none;
    color: white;
}
.sidebar-plash__main {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 5px;
    max-width: 346px;
    height: 55px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: all 0.35s linear;
    z-index: 2;
}
.sidebar-plash__main i[class*="icon-"] {
    font-size: 40px;
    line-height: 1;
}
.sidebar-plash__main span {
    font-size: 14px;
    font-weight: 500;
	text-align: center;
    line-height: 75%;
	height: 20px;
}
.sidebar-plash__hint {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content;
    max-width: 780px;
    left: 95%;
    height:55px;
    padding-left: 27px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 10px 10px 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 0 16px 0 34px;
    
    font-size: 14px;
    /* max-width: 0; */
    transition: all 0.12s linear;
    z-index: 1;
}

.svg__popup__desc::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
.svg__popup__desc::-webkit-scrollbar-track {
  background: white;        /* цвет дорожки */
}
.svg__popup__desc::-webkit-scrollbar-thumb {
  background-color: grey;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid white;  /* padding вокруг плашки */
}

.sidebar-plash .plash-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sidebar-plash .plash-textbox {
    position: relative;
}
.sidebar-plash .plash-textbox .plash-hovertext {
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0;
    visibility: hidden;
}
.sidebar-plash .plash-textbox .plash-maintext {
    transition: all 0.12s linear;
}
.sidebar-plash:hover {
    cursor: pointer;
}
.sidebar-plash:hover .sidebar-plash__main {
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.12s linear;
}
.sidebar-plash:hover .sidebar-plash__hint {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear;
}
.sidebar-plash:hover .plash-hovertext {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear;
}
.sidebar-plash:hover .plash-maintext {
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}

.sidebar-menu {
    padding-top: 100px;
    width: -moz-max-content;
    width: max-content;
    overflow: hidden;
}
.sidebar-menu ul {
    list-style: none;
    padding: 0;
}
.sidebar-menu ul li {
    display: flex;
}
.sidebar-menu ul li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
    opacity: 0.7;
    transition: opacity 0.35s linear;
}
.sidebar-menu ul li a i[class*="icon-"] {
    display: flex;
    width: 40px;
    height: 40px;
    font-size: 40px;
}

@media screen and (max-width: 600px) {
	.sidebar-menu ul li a i[class*="icon-"] {
		height: 35px;
    	font-size: 32px;
	}
}

.sidebar-menu ul li a span {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s linear;
}
.sidebar-menu ul li a span::after {
    position: absolute;
    content: "";
    left: 0;
    top: calc(100% + 5px);
    width: 0%;
    height: 2px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s linear;
}
.sidebar-menu ul li a span:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s linear;
}
.sidebar-menu ul li a:hover {
    opacity: 1;
    transition: opacity 0.35s linear;
}
/*.sidebar-menu ul li:not(:last-child) {*/
/*    margin-bottom: 12px;*/
/*}*/
.sidebar-menu ul li.current i[class*="icon-"] {
    background: #253238;
    color: #fff;
    border-radius: 10px;
}

.sidebar-options {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 20px;
}

.fcap-tumbler {
    display: none;
}

.sidebar-menubox.opened .fcap-tumbler {
    display: inline-flex;
}

.sidebar-contacts {
    margin-top: 26px;
    width: -moz-max-content;
    width: max-content;
}
.sidebar-contacts a[href*="tel"] {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 26px;
    margin-top: 25px;
    display: block;
}
.sidebar-contacts .adr-location {
    max-width: 302px;
}

.soc-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.soc-lnk {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0px 0px 0px 1px rgb(255, 255, 255) inset;
    overflow: hidden;
    z-index: 0;
}
.soc-lnk:hover {
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) inset;
    transition: all 0.12s linear;
}
.soc-lnk:hover::after {
    height: 100%;
    transition: height 0.12s linear;
}
.soc-lnk::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    z-index: -1;
    transition: height 0.12s linear;
}
.soc-lnk i[class*="icon-"] {
    color: #fff;
}
.soc-lnk.soc-vk::after {
    background: #0077ff;
}
.soc-lnk.soc-inst::after {
    background: url(../img/instgrd.png) no-repeat;
}
.soc-lnk.son-tg::after {
    background: #27a1d3;
}
.soc-lnk.son-yt::after {
    background: #c4302b;
}
.soc-lnk.son-tt::after {
    background: #000000;
}
.adr-location {
    margin-top: 32px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    gap: 10px;
}
.adr-location i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.home {
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
    /* height: max-content; */
    overflow: hidden;
}

video#module-video {
    /* aspect-ratio: 16 / 9; */
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.swiper.home-slider {
    height: 100%;
}

.swiper-slide.home-slide {
    position: relative;
}

.home-background {
    height: 100vh;
    position: relative;
    z-index: 1;
}
.home-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home-background::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 4.17%,
        rgba(0, 0, 0, 0.07) 48.25%,
        rgba(0, 0, 0, 0.7) 88.02%
    );
    z-index: 0;
}

.home-content {
    position: absolute;
    bottom: 152px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    width: 100%;
    z-index: 2;
}
.home-content__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.home-content__info p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.home-content__info h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 66px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.home-content__opt {
    margin-top: 40px;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-radius: 40px;
    border: 1.5px solid #fff;
    padding: 18px 32px 20px 32px;
    text-decoration: none;
    transition: all 0.12s linear;
}
.button:hover {
    background: #fff;
    color: #000;
    transition: all 0.12s linear;
}

.btn-alt {
    border-radius: 40px;
    background: #c79a2b; 
    );
    padding: 18px 20px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-color: transparent;
    width: 100%;
}

.slider-dots {
    position: absolute;
    --swiper-pagination-right: 55px;
    --swiper-pagination-bullet-vertical-gap: 5px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-color: #fff;
    z-index: 1;
}
.slider-dots .swiper-pagination-bullet {
    box-shadow: 0px 0px 0px 2px rgb(255, 255, 255) inset;
    transition: all 0.12s linear;
}
.slider-dots .swiper-pagination-bullet-active {
    height: 26px;
    border-radius: 20px;
}

.program {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0;
}

.program-card {
    position: relative;
    flex: 0 1 32.531%;
    max-height: 600px;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    border-radius: 20px;
}
.program-card::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    border-radius: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: all 0.35s linear;
}
.program-card__info {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear, visibility 0.25s linear;
    color: #fff;
    text-align: center;
    max-width: 388px;
}
.program-card__info h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 30px;
}
.program-card__info p {
    font-size: 18px;
    line-height: 160%;
    font-weight: 500;
}
.program-card:hover .program-card__info {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear, visibility 0.25s linear;
}
.program-card:hover::after {
    height: 100%;
    transition: all 0.35s linear;
}
.program-card__bg {
    position: relative;
    height: 100%;
}
.program-card__bg::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        182deg,
        rgba(0, 0, 0, 0.34) 9.38%,
        rgba(0, 0, 0, 0) 50.52%,
        rgba(2, 0, 0, 0.26) 100%
    );
}
.program-card__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.program-card__inner {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    padding: 40px 22px 50px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.program-card__title {
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    text-align: center;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.program-card__foot {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.program-card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.program-card__price span {
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 52px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.program-card__adds {
    display: flex;
    align-items: center;
    gap: 20px;
}
.program-card__a {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 6px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.program-card__a i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
}
.program-card .button {
    width: 100%;
}

.houses {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.house-card {
    position: relative;
    display: inline-block;
    max-width: 310px;
    width: 100%;
    max-height: 640px;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
    border-radius: 20px;
}
.house-card::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    border-radius: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: all 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.house-card__info {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear, visibility 0.25s linear;
    color: #fff;
    text-align: center;
    max-width: 268px;
}
.house-card__info h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
}
.house-card__info p {
    font-size: 18px;
    line-height: 160%;
    font-weight: 500;
}
.house-card:hover .house-card__info {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear, visibility 0.25s linear;
}
.house-card:hover::after {
    height: 100%;
    transition: all 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.house-card__bg {
    position: relative;
    width: 100%;
    height: 100%;
}
.house-card__bg::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        182deg,
        rgba(0, 0, 0, 0.34) 9.38%,
        rgba(0, 0, 0, 0) 50.52%,
        rgba(2, 0, 0, 0.26) 100%
    );
}
.house-card__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.house-card__inner {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.house-card__title {
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.house-card__foot {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin-top: auto;
}
.house-card__adds {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.house-card__a {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 6px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.house-card__a i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
}
.house-card .button {
    width: 100%;
}

.page-top {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
}
.page-top .page-title {
    width: 100%;
    margin-bottom: 0;
}

.prev-pg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    border-radius: 30px;
    border: 1px solid #253238;
    transition: all 0.2s linear;
    flex-shrink: 0;
}
.prev-pg:hover {
    background: #253238;
}
.prev-pg:hover svg path {
    stroke: #fff;
}

.tabs-nav__item {
    cursor: pointer;
    padding: 18px 10px 18px 10px;
    flex: 0 1 25%;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.25s linear;
}
.tabs-nav__item:hover,
.tabs-nav__item.is-active {
    border-radius: 30px;
    box-shadow: 0px 0px 0px 1px #253238 inset;
    background: #fff;
    transition: all 0.25s linear;
}

.tab {
    display: none;
}
.tab.is-active {
    display: block;
}

.tab-content {
    margin-top: 20px;
}

.swiper-slide.houses-filter {
    display: flex;
    max-width: 375px;
}
.swiper-slide.houses-filter .houses-filter__item {
    text-decoration: none;
    flex: auto;
    width: 100%;
    cursor: pointer;
    padding: 15px 10px 16px 10px;
    color: #000;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.25s linear;
}
.swiper-slide.houses-filter .houses-filter__item:hover,
.swiper-slide.houses-filter .houses-filter__item.is-active {
    border-radius: 30px;
    box-shadow: 0px 0px 0px 1px #253238 inset;
    background: #fff;
    transition: all 0.25s linear;
}
.swiper-slide.houses-filter:last-child {
    margin-right: 0 !important;
}

.houses-filters {
    z-index: 100;
    border-radius: 0 0 20px 20px;
    display: flex;
    background: #f2f2f2;
    border-radius: 30px;
    gap: 40px;
}

.swiper.houses-filters__list {
    width: 100%;
}
.houses-filters__list {
    background: #f2f2f2;
    border-radius: 30px;
}

.houses-filters .nav-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.5px solid #253238;
    background: #fff;
    width: 58px;
    height: 58px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s linear;
}

.houses-filters .nav-button.nav-next {
    top: 0;
    right: 0;
}

.houses-filters .nav-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
}

.house-media {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
    overflow-x: auto;
}
.house-media__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 253px;
    flex-shrink: 0;
    max-height: 524px;
}
.house-media__col .house-photo {
    flex-shrink: 1;
}

.house-photo {
    position: relative;
    display: flex;
    max-height: 524px;
    height: 100vh;
    flex: 0 1 49.86%;
    border-radius: 30px;
    overflow: hidden;
    max-width: 390px;
    flex-shrink: 0;
}
.house-photo picture {
    display: flex;
    width: 100%;
    height: 100%;
}
.house-photo picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.house-photo span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #fff;
}

.house-photo-mores picture {
    position: relative;
}
.house-photo-mores picture::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.4) 100%
    );
}

.house-video {
    position: relative;
    max-width: 527px;
    max-height: 524px;
    width: 100%;
    height: 100vh;
    border-radius: 30px;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 0;
}
.house-video::after {
    position: absolute;
    content: "";
    --play-size: calc(var(--index) * 2.533);
    width: var(--play-size);
    height: var(--play-size);
    left: calc(51% - var(--play-size) / 2);
    top: calc(51% - var(--play-size) / 2);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1MCA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ4IDI1LjUzNTlDNTAuNjY2NyAyNy4wNzU1IDUwLjY2NjcgMzAuOTI0NSA0OCAzMi40NjQxTDUuOTk5OTkgNTYuNzEyOEMzLjMzMzMzIDU4LjI1MjQgLTIuNzY4MTVlLTA2IDU2LjMyNzkgLTIuNjMzNTVlLTA2IDUzLjI0ODdMLTUuMTM2NjVlLTA3IDQuNzUxMjhDLTMuNzkwNjllLTA3IDEuNjcyMDggMy4zMzMzMyAtMC4yNTI0MTYgNiAxLjI4NzE5TDQ4IDI1LjUzNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    transition: transform 0.2s linear;
    background-size: contain;
}
.house-video picture {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.house-video picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.house-video picture::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.4) 100%
    );
}
.house-video:hover::after {
    transform: scale(1.1);
}

.house-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.house-content h4 {
    color: #253238;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.house-mobile-pref {
    display: none;
}

.house-inform {
    max-width: 937px;
    width: 100%;
}
.house-inform__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.house-inform__head h2 {
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.house-inform__times {
    display: flex;
    align-items: center;
    gap: 20px;
}
.house-inform__times span {
    color: rgba(37, 50, 56, 0.5);
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.house-inform__times span b {
    font-weight: 600;
    color: #253238;
}
.house-inform__desc {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 40px;
    max-width: 895px;
}
.house-conditions__list {
    display: flex;
    gap: 20px;
}

.house-conditions__listcol {
    display: flex;
    flex-direction: column;
    flex: 0 1 27.428%;
    gap: 20px;
}
.house-conditions__listcol:nth-child(even) {
    flex: 0 1 42.196%;
}

.house-condition span {
    display: block;
    color: rgba(37, 50, 56, 0.5);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 8px;
}
.house-condition ul {
    list-style: none;
    padding: 0;
}
.house-condition ul li {
    position: relative;
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    padding-left: 32px;
}
.house-condition ul li:not(:last-child) {
    margin-bottom: 8px;
}
.house-condition ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 18px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMNiAxMkwxIDciIHN0cm9rZT0iIzI1MzIzOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.house-content__options {
    max-width: 663px;
    width: 100%;
}

.house-prefs {
    margin-bottom: 40px;
    max-width: 626px;
}
.house-prefs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.house-prefs__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 40px;
    border: 1.5px solid #253238;
    padding: 14px 14px;
    flex: auto;
}
.house-prefs__item i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
}
.house-prefs__item span {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

.house-price {
    background: #f2f2f2;
    padding: 30px;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 42px;
}
.house-price__info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.house-price__infoitem {
    color: #253238;
}
.house-price__infoitem span {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}
.house-price__infoitem p {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: lowercase;
}
.house-price__infoitem p b {
    font-family: "Cormorant Garamond", serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 52px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.house-price__infoitem:not(:last-child) {
    padding-right: 40px;
    border-right: 1px solid rgba(37, 50, 56, 0.2);
    margin-right: 40px;
}
.house-price > span {
    color: rgba(37, 50, 56, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.house-adds {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.button.btn-solidblack {
    color: #fff;
    background: #253238;
}
.button.btn-solidblack:hover {
    color: #253238;
    background: transparent;
    border: 1.5px solid #253238;
}
.button.btn-solidwhite {
    color: #253238;
    background: #fff;
}
.button.btn-solidwhite:hover {
    color: #fff;
    background: transparent;
    border: 1.5px solid #fff;
}
.button.btn-black {
    color: #253238;
    background: transparent;
    border: 1.5px solid #253238;
}
.button.btn-black:hover {
    color: #fff;
    background: #253238;
    border: 1.5px solid #253238;
}
.button.btn-lnk {
    color: #253238;
    background: transparent;
    border-color: transparent;
    padding: 0;
    margin-top: 20px;
}
.button.btn-lnk:hover {
    text-decoration: underline;
}

a.lnk {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin-top: 30px;
    -webkit-text-decoration: underline 1px rgba(255, 255, 255, 0);
    text-decoration: underline 1px rgba(255, 255, 255, 0);
    text-underline-offset: 5px;
    transition: all 0.2s linear;
}
a.lnk:hover {
    text-decoration-color: rgb(255, 255, 255);
}

.adds-page__content {
    width: 100vw;
    overflow: hidden;
}

body.fbg-page .adds-page__content {
    max-height: 100%;
}

.page-fullbg {
    position: relative;
    height: 100%;
    max-height: 1080px;
}
.page-fullbg__background {
    height: 100vh;
    position: relative;
    z-index: 1;
}
.page-fullbg__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-fullbg__background::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 4.17%,
        rgba(0, 0, 0, 0.07) 48.25%,
        rgba(0, 0, 0, 0.7) 88.02%
    );
    z-index: 0;
}
.page-fullbg__content {
    position: absolute;
    bottom: 152px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    width: 100%;
    z-index: 2;
    padding: 0 150px;
}
.page-fullbg__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-fullbg__info p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.page-fullbg__info h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 96px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.page-fullbg__opt {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 20px;
    flex-wrap: wrap;
}
.page-fullbg .page-prefs {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
}
.page-fullbg .page-prefs span {
    position: relative;
    font-family: "Cormorant Garamond", serif;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.page-fullbg .page-prefs span:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
}
.page-fullbg .page-prefs span:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.page-fullbg .page-lnks {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
    flex-wrap: wrap;
}
.page-fullbg .page-lnk {
    position: relative;
    font-family: "Cormorant Garamond", serif;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    transition: color 0.2s linear;
}
.page-fullbg .page-lnk:hover {
    color: rgb(255, 255, 255);
    transition: color 0.2s linear;
}
.page-fullbg .page-lnk:hover::before {
    width: 100%;
    transition: width 0.2s linear;
}
.page-fullbg .page-lnk::before {
    position: absolute;
    content: "";
    left: 0;
    top: calc(100% + 6px);
    width: 0%;
    height: 2px;
    background: #fff;
    transition: width 0.2s linear;
}
.page-fullbg .page-lnk:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
}
.page-fullbg .page-lnk:not(:last-child):hover::after {
    background: rgb(255, 255, 255);
    transition: background 0.2s linear;
}
.page-fullbg .page-lnk:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.page-fullbg .alt-page__info {
    position: absolute;
    z-index: 10;
    top: 205px;
    left: 150px;
    width: 100%;
    height: 100%;
}
.page-fullbg .alt-page__info .page-title {
    max-width: 860px;
    font-size: 40px;
    color: #fff;
    padding: 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.26);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.page-fullbg .help-block {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    bottom: 156px;
    right: 150px;
    max-width: 530px;
    width: 100%;
}
.page-fullbg .help-block > span {
    color: #fdfcf8;
    max-width: 860px;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
	 text-transform: none;
    line-height: normal;
    padding: 30px 80px 30px 78px; /*сверху, справа, снизу, слева */
    background: rgba(255, 255, 255, 0.26);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 30px;
}
@media (max-width: 768px) {
  .page-fullbg .help-block {
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center; 
    right: auto;
    max-width: 90%;
    width: 100%;
    margin: 20px auto; 
	padding-bottom: 10%;
  }
  .page-fullbg .help-block > span {
    color: #fdfcf8;
    max-width: 100%;
    font-size: 20px; 
    text-align: center;
    font-weight: 500;
    text-transform: none;
    line-height: 1.3;
    padding: 20px 15px 10px 15px; 
    background: rgba(255, 255, 255, 0.26);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
  }
  .page-fullbg .help-block a.button.btn-alt {
    color: black;
    padding: 12px 25px;
    font-size: 18px;
  }
}



.alt-page__stats {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #c79a2b 70%, #223a34 70%);
    border-radius: 0px 40px 0px 0px;
    padding: 30px 0 5px 0;
    max-width: 950px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    box-shadow: none;
}

.alt-page__stats.mobile-stats {
    display: none;
}
.alt-page__stats .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0px;
    color: #fff;
    flex: 1 200px;
}

.alt-page__stats .stat-item span {
    font-size: 28px;
    font-weight: 400;
    line-height: 130%;
}
.alt-page__stats .stat-item strong {
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;
}

.rest-box {
    margin-top: 80px;
    margin-bottom: 80px;
}
.rest-box__wrapper {
    display: flex;
    justify-content: space-between;
}
.rest-box__container {
    margin: auto;
}
.rest-box .imgcol-mobile {
    display: none;
}

.rest-box__item {
    border-radius: 20px;
    overflow: hidden;
}
.rest-box__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.rest-box__item.xl {
    max-height: 300px;
}
.rest-box__item.wd {
    grid-area: three;
    max-height: 350px;
}
.rest-box__item.sm {
    grid-area: one;
    max-height: 200px;
}
.rest-box__item.md {
    grid-area: three;
}
.rest-box__item.fl {
    grid-area: two;
    max-height: 100%;
}

.rest-box__col {
    max-width: 527px;
    width: 100%;
}
.rest-box__col.col-grid {
    display: grid;
    grid-template-areas: "one two" "three two";
    gap: 20px;
    grid-template-columns: repeat(1, auto);
}
.rest-box__col.col-info {
    background: #f2f2f2;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 40px 28px 40px;
}
.rest-box__col.col-grid-t {
    display: grid;
    grid-template-areas: "one two" "three three";
    gap: 20px;
    grid-template-columns: repeat(1, auto);
}

.rest-info h4 {
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.rest-info__prefs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 30px;
}
.rest-info__prefitem {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rest-info__prefitem i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
}
.rest-info__prefitem span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.rest-info__opts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.child .page-title {
    margin-bottom: 0;
}

.child-filters {
    position: sticky;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    /* margin-bottom: 20px; */
    top: 88px;
    z-index: 100;
    padding-bottom: 20px;
    padding-top: 30px;
    border-radius: 0 0 20px 20px;
    background: #fff;
}
.child-filters__box {
    display: flex;
    background: #f2f2f2;
    border-radius: 40px;
    overflow: hidden;
    padding: 0 39px;
    max-width: 1268px;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
}
.child-filters__list {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    overflow-x: auto;
    scrollbar-width: thin;
}
.child-filters__list::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.child-filters__list .child-filter {
    flex-shrink: 0;
}

.open-filters {
    display: none;
    position: relative;
    width: 40px;
    padding: 0;
    outline: none;
    background-color: transparent;
    background: url(../img/filter-icon.svg) no-repeat;
    background-size: 24px 24px;
    background-position: 0% 50%;
    flex-shrink: 0;
}
.open-filters::after {
    position: absolute;
    content: "";
    right: 0;
    width: 6px;
    height: 9px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4LjU5OTYxTDUgNC41OTk2MUwxIDAuNTk5NjA5IiBzdHJva2U9IiMyNTMyMzgiLz4KPC9zdmc+Cg==");
    top: 50%;
    transform: translate(0, -50%);
}

.searchbox {
    display: flex;
    align-items: center;
    position: absolute;
    /* left: 0; */
    /* max-width: 1268px; */
    width: 100%;
    /* padding-right: 21.8%; */
    top: 90%;
}
.searchbox input[type="search"] {
    width: 100%;
    background: #f2f2f2;
    padding: 14px 32px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    border-radius: 40px;
    border: 1px solid #253238;
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}
.searchbox input[type="search"].opened {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear;
}

.open-search {
    background: #f2f2f2;
    padding: 17px 32px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    border-radius: 40px;
}
.open-search.opened span.icon-close {
    display: block;
}
.open-search.opened .iopen {
    display: none;
}

span.icon-close {
    display: none;
    width: 24px;
    height: 24px;
    position: relative;
}
span.icon-close::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    height: 2px;
    width: 100%;
    background: #253238;
}
span.icon-close::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
    height: 2px;
    width: 100%;
    background: #253238;
}

.download-button {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f2f2f2;
    border-radius: 40px;
    flex-shrink: 0;
    padding: 0 32px;
}
.download-button i[class*="icon-"] {
    display: flex;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #253238;
}
.download-button span {
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.tumblerbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tumblerbox > span {
    color: rgba(37, 50, 56, 0.5);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.custom-select {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #253238;
    padding: 18px 16px 20px 18px;
    max-width: 100%;
    margin: 0;
    /* width: 100%; */
    border: none;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjM5OTkwMiA1TDQuMzk5OSA5TDguMzk5OSA1IiBzdHJva2U9IiMyNTMyMzgiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: right 0px top 46%;
    background-size: 10px 10px;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:hover {
    /* border-color: #888; */
}

.custom-select:focus {
    color: #253238;
    outline: none;
}

.custom-select option {
    font-weight: normal;
}

/* tumbler */
.tumbler {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.tumbler input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    display: none;
}
.tumbler input:checked + .tumbler-ui:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}
.tumbler .tumbler-ui {
    cursor: pointer;
    width: 32px;
    height: 18px;
    background: #fff;
    display: block;
    border-radius: 13px;
    position: relative;
}
.tumbler .tumbler-ui::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transition: all 0.12s linear;
    background: #253238;
}
.tumbler .tumbler-opt {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6f7b85;
    margin-left: 16px;
}
.tumbler .tumbler-states {
    position: absolute;
    padding: 0 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tumbler .tumbler-state-on {
    display: flex;
}
.tumbler .tumbler-state-off {
    display: flex;
}

.child {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.child-card {
    position: relative;
    max-height: 640px;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    border-radius: 20px;
}
.child-card::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    border-radius: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: all 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.child-card__info {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear, visibility 0.25s linear;
    color: #fff;
    text-align: center;
    max-width: 268px;
}
.child-card__info h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
}
.child-card__info p {
    font-size: 18px;
    line-height: 160%;
    font-weight: 500;
}
.child-card:hover .child-card__info {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear, visibility 0.25s linear;
}
.child-card:hover .child-card__adds {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear;
}
.child-card:hover::after {
    height: 100%;
    transition: all 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.child-card__bg {
    position: relative;
    width: 100%;
    height: 100%;
}
.child-card__bg::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        182deg,
        rgba(0, 0, 0, 0.34) 9.38%,
        rgba(0, 0, 0, 0) 50.52%,
        rgba(2, 0, 0, 0.26) 100%
    );
}
.child-card__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.child-card__inner {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.child-card__title {
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.child-card__foot {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
}
.child-card__adds {
    display: flex;
    align-items: center;
    gap: 20px;
}
.child-card__a {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 6px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.child-card__a i[class*="icon-"] {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
}
.child-card__adds {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}
.child-card__add {
    display: flex;
    align-items: center;
    gap: 10px;
}
.child-card__addicon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.child-card__add > span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.child-card .button {
    width: 100%;
    margin-top: 20px;
}

.photos-filters {
    position: sticky;
    top: 88px;
    z-index: 100;
    padding-bottom: 20px;
    padding-top: 30px;
    border-radius: 0 0 20px 20px;
    background: #fff;
}
.photos-filters__list {
    background: #f2f2f2;
    border-radius: 30px;
}
.photos-filters .nav-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.5px solid #253238;
    background: #fff;
    width: 58px;
    height: 58px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s linear;
}
.photos-filters .nav-button.nav-next {
    top: 0;
    right: 0;
}
.photos-filters .nav-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
}

.swiper-slide.photos-filter {
    width: -moz-max-content;
    width: max-content;
}
.swiper-slide.photos-filter .tabs-nav__item {
    padding: 16px 20px;
    min-width: 180px;
    width: 100%;
}

.photos-content .tab-content {
    margin-top: 0;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.gallery-item {
    display: flex;
    flex: auto;
    border-radius: 30px;
    overflow: hidden;
    max-height: 400px;
}
.gallery-item picture {
    width: 100%;
}
.gallery-item.item-md {
    max-width: 527px;
}
.gallery-item.item-sm {
    max-width: 390px;
}
.gallery-item.item-wd {
    max-width: 800px;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.infoblock {
    max-width: 663px;
    width: 100%;
    background: #f2f2f2;
    border-radius: 30px;
    padding: 40px 40px 50px 40px;
}
.infoblock h4 {
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.infoblock p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 35px;
}

.page-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #f2f2f2;
    border-radius: 30px;
    max-width: 936px;
    width: 100%;
    margin: 40px auto 0 auto;
}

.page-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #253238;
    width: 58px;
    height: 58px;
    flex-shrink: 0;
}

.page-list {
    display: flex;
    gap: 40px;
}

.page-num {
    text-decoration: none;
    color: #253238;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 40px;
    border: 1px solid transparent;
    width: 70px;
    height: 58px;
    flex-shrink: 0;
    transition: all 0.2s linear;
}
.page-num:hover {
    background: #fff;
    border-color: #253238;
    transition: all 0.2s linear;
}

.news-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.news-card {
    flex: 1;
    flex-basis: 24%;
    max-width: 390px;
    text-decoration: none;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 2px rgb(242, 242, 242) inset;
    background: #fff;
    transition: all 0.2s linear;
}
.news-card__head {
    position: relative;
}
.news-card__thumb {
    max-height: 200px;
    height: 100vh;
    border-radius: 20px;
    overflow: hidden;
}
.news-card__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.news-card__author {
    position: absolute;
    right: 40px;
    top: calc(100% - 38.5px);
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #fff;
    padding: 3px;
}
.news-card__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px 40px 40px 40px;
}
.news-card__date {
    color: rgba(37, 50, 56, 0.5);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}
.news-card__title {
    overflow: hidden;
    color: #253238;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}
.news-card__except {
    display: -webkit-box;
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
}
.news-card:hover {
    background: #f2f2f2;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.2s linear;
}

.news-banner {
    flex: 1;
    flex-basis: 30%;
    border-radius: 20px;
    overflow: hidden;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 50px 58px 40px;
    color: #253238;
}
.news-banner__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 360px;
    width: 100%;
}
.news-banner__inner h4 {
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.news-banner__inner p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.article__wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-left: 128px;
    margin-bottom: 120px;
}
.article__wrapper .soc-list {
    flex-direction: column;
    position: fixed;
    z-index: 3;
    margin-top: 0;
    left: 150px;
}
.article__wrapper .soc-lnk {
    box-shadow: 0px 0px 0px 1px #617e8c inset;
}
.article__wrapper .soc-lnk i[class*="icon-"] {
    color: #617e8c;
}
.article__wrapper .soc-lnk:hover i[class*="icon-"] {
    color: #fff;
}
.article__wrapper article {
    max-width: 1160px;
    width: 100%;
    margin-right: 60px;
}
.article__wrapper article h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    padding-top: 20px;
}
.article__wrapper article p {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    padding: 20px 0;
}

.article-thumb {
    position: relative;
    margin-bottom: 50px;
}
.article-thumb > img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
    max-height: 400px;
}

.article-author {
    position: absolute;
    right: 0;
    top: calc(100% - 38.5px);
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border-radius: 60px;
    padding-right: 20px;
}
.article-author img {
    width: 77px;
    height: 77px;
    background: #fff;
    padding: 3px;
    border-radius: 50%;
}
.article-author span {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

.article-social {
    transition: all 0.2s linear;
}

.article-date {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    opacity: 0.5;
}

.article-sidebar {
    max-width: 390px;
    width: 100%;
}
.article-sidebar > span {
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 30px;
}

.article-sidebar__col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.guestshouses__list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}

section h2 {
    font-family: "Cormorant Garamond", serif;
    text-transform: uppercase;
    font-size: 64px;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}

.section-desc {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
}

.page-subtitle {
    font-family: "Cormorant Garamond", serif;
    text-align: center;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    max-width: 940px;
    margin: auto;
}

.photobox {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 160px;
}
.photobox__photo {
    border-radius: 30px;
    overflow: hidden;
    max-height: 400px;
    height: 100vh;
}
.photobox__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.photo-wd {
    max-width: 800px;
    width: 100%;
}

.photo-sm {
    max-width: 390px;
    width: 100%;
}

.photo-md {
    max-width: 527px;
    width: 100%;
    flex: 1;
}

.section-title {
    font-family: "Cormorant Garamond", serif;
    text-align: center;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.infobox {
    margin-bottom: 160px;
}
.infobox p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
    margin-bottom: 30px;
}
.infobox__row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.infobox__col {
    display: flex;
    flex-direction: column;
}
.infobox__col.p-60 p {
    margin-bottom: 60px;
    margin-top: 60px;
    padding-left: 20px;
}
.infobox__mediarow {
    display: flex;
    gap: 20px;
}

.infobox-mobile {
    display: none;
}

.media-photo {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    width: 100vw;
}
.media-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.media-photo-sm300 {
    max-width: 390px;
    max-height: 300px;
    height: 100vh;
}
.media-photo-sm400 {
    max-width: 390px;
    max-height: 400px;
    height: 100vh;
}
.media-photo-wd300 {
    max-width: 800px;
    max-height: 300px;
    height: 100vh;
    width: 100%;
}
.media-photo-sm500 {
    max-width: 390px;
    max-height: 600px;
    height: 100vh;
}
.media-photo-fwd500 {
    max-width: 1210px;
    max-height: 500px;
    height: 100vh;
}
.media-photo-sm700 {
    max-width: 390px;
    max-height: 785px;
    height: 100vh;
    flex: 1;
}
.media-photo-xsm400 {
    max-width: 253px;
    max-height: 400px;
    height: 100vh;
}
.media-photo-sm200 {
    max-width: 390px;
    max-height: 200px;
    height: 100vh;
}
.media-photo-lsm500 {
    max-width: 526px;
    max-height: 500px;
    height: 100vh;
}
.media-photo-lsm300 {
    max-width: 526px;
    max-height: 300px;
    height: 100vh;
}
.media-photo-lsm400 {
    max-width: 526px;
    max-height: 400px;
    height: 100vh;
}

.infobox__row.row-rtl .media-photo-sm500 {
    position: relative;
    top: -100px;
}

.infobox-2 {
    margin-bottom: 160px;
}
.infobox-2__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}
.infobox-2__row {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    gap: 20px;
}
.infobox-2__col {
    display: flex;
    flex-direction: column;
    max-width: 390px;
    width: 100%;
}
.infobox-2__col.colwd {
    max-width: 100%;
}
.infobox-2__col.colsm {
    flex: 1;
    max-width: 527px;
    gap: 20px;
}
.infobox-2 p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    padding: 0 20px;
}

.reviews-head {
    background: #f2f2f2;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    gap: 32px;
    margin-bottom: 20px;
}
.reviews-head > span {
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.reviews-mark {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 2px solid #253238;
    background: #fff;
    padding: 12px 32px 12px 32px;
}
.reviews-mark svg {
    display: flex;
    width: 30px;
    height: 30px;
}
.reviews-mark span {
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.reviews-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 20px;
}

.review-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    flex-basis: 30%;
    gap: 10px;
    max-width: 526px;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px 40px;
    border: 2px solid #f2f2f2;
    background: #fff;
    transition: all 0.12s linear;
}
.review-card__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
    width: 100%;
}
.review-card__author {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding-right: 18px;
    margin-right: 10px;
    position: relative;
}
.review-card__author::after {
    position: absolute;
    content: "|";
    right: 0;
    color: #253238;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    opacity: 0.5;
}
.review-card__ava {
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
}
.review-card__ava > span {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}
.review-card__rating {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}
.review-card__rating svg {
    display: flex;
    width: 30px;
    height: 30px;
}
.review-card__rating span {
    color: #253238;
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
}
.review-card__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}
.review-card__name {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}
.review-card__date {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    opacity: 0.5;
}
.review-card__title {
    overflow: hidden;
    color: #253238;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}
.review-card__desc {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    overflow: hidden;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}
.review-card__photos {
    display: flex;
}
.review-card__photo {
    border-radius: 20px;
    overflow: hidden;
    width: 92px;
    height: 92px;
    background: #fff;
    padding: 2px;
}
.review-card__photo img {
    border-radius: 20px;
    overflow: hidden;
}
.review-card__photo:not(:first-child) {
    margin-left: -30px;
}
.review-card__photo.review-photo-all {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.review-card__photo.review-photo-all span {
    position: absolute;
}
.review-card.with-photo .review-card__desc {
    -webkit-line-clamp: 3;
}

.review-card__desc.opened {
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    transition: all 0.12s linear;
}

.review-card.with-photo .review-card__desc.opened {
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    transition: all 0.12s linear;
}

.def-lnk {
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2b74b9;
    padding: 10px 0;
}
.def-lnk > span {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.contacts__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.contact-map {
    position: sticky;
    top: 100px;
    flex: 1;
    max-width: 1070px;
    max-height: 710px;
    overflow: hidden;
    border-radius: 30px;
}

#map {
    width: 100vw;
    height: 100vh;
}

.contacts__sidebar {
    max-width: 527px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-box {
    width: 100%;
    background: #f2f2f2;
    border-radius: 30px;
    overflow: hidden;
    padding: 40px;
}
.contact-box h4 {
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact-box p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 20px;
}

.contact-info > span {
    color: #253238;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.contact-info__item {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    gap: 8px;
}
.contact-info__item span {
    color: #253238;
    opacity: 0.5;
}
.contact-info__item a {
    color: #253238;
    text-decoration: none;
}
.contact-info__item:not(:last-child) {
    margin-bottom: 8px;
}
.contact-info:not(:last-child) {
    margin-bottom: 12px;
}

.social-list {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.soc-item {
    text-decoration: none;
    color: #253238;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid #253238;
}
.soc-item i.icon-vk {
    font-size: 15px;
}
.soc-item i.icon-instagram {
    font-size: 24px;
}
.soc-item i.icon-tg {
    font-size: 22px;
}
.soc-item i.icon-yt {
    font-size: 22px;
}
.soc-item i.icon-tt {
    font-size: 20px;
}
.soc-item i.icon-dzen {
    font-size: 28px;
}
.soc-item i.icon-mail {
    font-size: 26px;
}

.contact-routes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}
.contact-routes .route {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: auto;
    gap: 4px;
    border-radius: 40px;
    border: 1.5px solid #253238;
    padding: 18px 32px 18px 32px;
}
.contact-routes .route i[class*="icon-"] {
    font-size: 30px;
    width: 30px;
    height: 30px;
}
.contact-routes .route span {
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.contact-opt {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-opt .button.btn-solidblack {
    flex: auto;
}

.btn-add {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #253238;
    border-radius: 40px;
    border: 2px solid #253238;
    padding: 12px 32px 12px 32px;
}
.btn-add i[class*="icon-"] {
    width: 30px;
    height: 30px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.afterroll {
    align-items: center;
    justify-content: center;
    gap: 20px;
    display: none;
}
.afterroll.show {
    display: flex;
}

button.start-roll.start-roll-alternate {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-radius: 40px;
    border: 1.5px solid #fff;
    padding: 18px 32px 20px 32px;
    text-decoration: none;
    transition: all 0.12s linear;
    position: static;
    transform: none;
    width: auto;
    height: auto;
    background: #253238;
}
a.start-roll2.start-roll-alternate {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-radius: 40px;
    border: 1.5px solid #fff;
    padding: 18px 32px 20px 32px;
    text-decoration: none;
    transition: all 0.12s linear;
    position: static;
    transform: none;
    width: auto;
    height: auto;
    background: #253238;
}
button.start-roll.start-roll-alternate::after {
    display: none;
}
a.start-roll2.start-roll-alternate::after {
    display: none;
}

.kaleidoscope-wrap {
    position: relative;
}

.kaleidoscope-cardsbox {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.kaleidoscope-season__wrap {
    max-width: 810px;
    width: 100%;
    flex: 0 1 50%;
}

.kaleidoscope-season__xname {
    display: none;
    color: #253238;
    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0;
}

.kaleidoscope-season {
    position: relative;
    max-width: 810px;
    width: 100%;
    flex: 0 1 50%;
    height: 330px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 0;
}
.kaleidoscope-season.season-autumn {
    background: url(../img/kaleidoscope/seasons/autumn.png) no-repeat;
    background-size: cover;
    align-items: flex-end;
    padding: 40px 52px 26px 5px;
}
.kaleidoscope-season.season-autumn .kaleidoscope-card.rul {
    background: #fecd81;
}
.kaleidoscope-season.season-autumn .kaleidoscope-card.rul .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-autumn .kaleidoscope-card.rul .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-autumn
    .kaleidoscope-card.rul-auto
    .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-autumn
    .kaleidoscope-card.rul-auto
    .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-autumn .kaleidoscope-season__name {
    margin-right: 32px;
}
.kaleidoscope-season.season-winter {
    background: url(../img/kaleidoscope/seasons/winter.png) no-repeat;
    background-size: cover;
    padding: 40px 5px 26px 52px;
    align-items: flex-end;
}
.kaleidoscope-season.season-winter .kaleidoscope-season__cards {
    justify-content: flex-start;
}
.kaleidoscope-season.season-winter .seasonwrap {
    flex-direction: row-reverse;
}
.kaleidoscope-season.season-winter .kaleidoscope-card.rul {
    background: #96c8ed;
}
.kaleidoscope-season.season-winter .kaleidoscope-card.rul .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-winter .kaleidoscope-card.rul .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-winter
    .kaleidoscope-card.rul-auto
    .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-winter
    .kaleidoscope-card.rul-auto
    .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-winter .kaleidoscope-season__name {
    margin-left: 32px;
}
.kaleidoscope-season.season-summer {
    background: url(../img/kaleidoscope/seasons/summer.png) no-repeat;
    background-size: cover;
    height: 405px;
    padding: 16px 52px 16px 5px;
    align-items: flex-start;
}
.kaleidoscope-season.season-summer .kaleidoscope-card.rul {
    background: #c4e0a6;
}
.kaleidoscope-season.season-summer .kaleidoscope-card.rul .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-summer .kaleidoscope-card.rul .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-summer
    .kaleidoscope-card.rul-auto
    .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-summer
    .kaleidoscope-card.rul-auto
    .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-summer .kaleidoscope-season__name {
    margin-right: 32px;
}
.kaleidoscope-season.season-spring {
    background: url(../img/kaleidoscope/seasons/spring.png) no-repeat;
    background-size: cover;
    height: 405px;
    padding: 16px 5px 16px 52px;
    align-items: flex-start;
}
.kaleidoscope-season.season-spring .kaleidoscope-season__cards {
    justify-content: flex-start;
}
.kaleidoscope-season.season-spring .seasonwrap {
    flex-direction: row-reverse;
}
.kaleidoscope-season.season-spring .kaleidoscope-card.rul {
    background: #fcf6a0;
}
.kaleidoscope-season.season-spring .kaleidoscope-card.rul .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-spring .kaleidoscope-card.rul .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-spring
    .kaleidoscope-card.rul-auto
    .rollfront-content {
    transform: rotateX(180deg);
    opacity: 0;
}
.kaleidoscope-season.season-spring
    .kaleidoscope-card.rul-auto
    .rollend-content {
    transform: rotateX(0deg);
    opacity: 1;
}
.kaleidoscope-season.season-spring .kaleidoscope-season__name {
    margin-left: 32px;
}

@keyframes autoRoll {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
.seasonwrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.start-roll {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 218px;
    height: 218px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #253238;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    transition: all 0.12s linear;
    z-index: 100;
}
.start-roll2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 218px;
    height: 218px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #253238;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    transition: all 0.12s linear;
    z-index: 100;
    text-align: center;
}
.start-roll2 svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.start-roll.rolled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}
.start-roll::after {
    position: absolute;
    content: "";
    width: 218px;
    height: 218px;
    border-radius: 50%;
    background: url(../img/kaleidoscope/seasons/roll.svg) no-repeat;
    animation: rolled 2s linear infinite;
    background-color: #fff;
    z-index: -1;
}

.start-roll2::after {
    position: absolute;
    content: "";
    width: 218px;
    height: 218px;
    border-radius: 50%;
    background: url(../img/kaleidoscope/seasons/roll.svg) no-repeat;
    animation: rolled 2s linear infinite;
    background-color: #fff;
    z-index: -1;
}

.season-tab {
    width: 100%;
    display: none;
}
.season-tab.is-active {
    display: block;
}

.season-tab.single-season .kaleidoscope-season__wrap {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.season-tab.single-season .kaleidoscope-season {
    height: auto;
    align-items: center;
    width: 100%;
    max-width: 100%;
}
.season-tab.single-season .kaleidoscope-season .kaleidoscope-card {
    max-width: 700px;
    width: 100%;
    flex: 0 1 24%;
}
.season-tab.single-season .kaleidoscope-season .kaleidoscope-season__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}
.season-tab.single-season .kaleidoscope-season.season-winter {
    background: url(../img/kaleidoscope/seasons/winter-single.png) no-repeat;
    background-size: cover;
    padding: 20px 30px 130px 30px;
    align-items: flex-end;
}
.season-tab.single-season .kaleidoscope-season.season-spring {
    padding: 20px 30px 130px 30px;
}
.season-tab.single-season .kaleidoscope-season.season-summer {
    padding: 20px 30px 130px 30px;
}
.season-tab.single-season .kaleidoscope-season.season-autumn {
    padding: 20px 30px 130px 30px;
}
.season-tab.single-season .kaleidoscope-season .kaleidoscope-season__name {
    writing-mode: horizontal-tb;
}
.season-tab.single-season .kaleidoscope-season .seasonwrap {
    flex-direction: column;
    gap: 30px;
}
.season-tab.single-season .start-roll {
    top: 50%;
}

.season-tab.single-season .start-roll2 {
    top: 50%;
}

@keyframes rolled {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.8;
    }
}
.kaleidoscope-season__name {
    color: #fff;
    font-family: "Cormorant Garamond", serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    writing-mode: vertical-lr;
}

.kaleidoscope-season__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}

.kaleidoscope-card {
    pointer-events: none;
    padding: 12px 40px;
    flex: 0 1 47%;
    height: 130px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
    transition: background 0.1s linear;
    overflow: hidden;
}

.rollfront-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 4px;
    transform: rotateX(0deg);
    z-index: 0;
}

.rollfront-content,
.rollend-content {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 0.5s;
    transition-property: transform, opacity;
}

.kaleidoscope-card.viewed .rollfront-content {
    opacity: 0;
    visibility: hidden;
}

.kaleidoscope-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
}

.kaleidoscope-card__title {
    color: #253238;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.kaleidoscope-card.rul {
    background: unset !important;
    transition: background 0.1s linear;
    color: transparent;
}
.kaleidoscope-card.rul .kaleidoscope-card__title {
    color: transparent;
    transition: all 0.1s linear;
}
.kaleidoscope-card.rul .kaleidoscope-card__icon {
    opacity: 0;
    transition: all 0.1s linear;
}

.kaleidoscope-card.rulend {
    pointer-events: all;
    background: #fff;
    transition: background 0.2s linear;
    color: inherit;
    cursor: pointer;
}
.kaleidoscope-card.rulend .rollfront-icon {
    display: flex;
    flex-shrink: 0;
}

.kaleidoscope-filters__left {
    display: flex;
    align-items: stretch;
    border-radius: 30px;
    background: #f2f2f2;
    max-width: 1380px;
    width: 100%;
}

.kaleidoscope-filters {
    display: flex;
    border-radius: 40px;
    z-index: 100;
    width: 100%;
    max-width: 1620px;
    justify-content: space-between;
    margin-bottom: 50px;
    gap: 15px;
}

.kaleidoscope-filter {
    border-radius: 30px;
    max-width: 243px;
    width: 100%;
    transition: all 0.12s linear;
    font-weight: 500;
}
.kaleidoscope-filter:hover,
.kaleidoscope-filter.is-active {
    border: 1px solid #253238;
    background: #fff;
    transition: all 0.12s linear;
}

.swiper.kaleidoscope-filtersseasons {
    width: 100%;
}

.swiper-slide.filtersseason {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    max-width: 240px;
    padding: 13px 0 13px 0;
    border-radius: 30px;
    border: 1px solid transparent;
    transition: all 0.12s linear;
}
.swiper-slide.filtersseason:hover,
.swiper-slide.filtersseason.is-active {
    cursor: pointer;
    border-color: #253238;
    background: #fff;
    transition: all 0.12s linear;
}

.kaleidoscope-filtersseasons .nav-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.5px solid #253238;
    background: #fff;
    width: 47px;
    height: 47px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s linear;
}

.kaleidoscope-filtersseasons .nav-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
}

.kaleidoscope-filtersseasons .nav-button.nav-next {
    top: 0;
    right: 0;
}

.caleidoscope-filters {
    display: flex;
    width: 100%;
    max-width: 315px;
    border-radius: 40px;
    border: 3px solid #f2f2f2;
    background-color: #fff;
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
}
.caleidoscope-filters span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.caleidoscope-filters span::before {
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(../img/puzzle.svg);
    display: block;
    background-size: contain;
}

.kaleidoscope-opts {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 30px 0;
}

.view-allk {
    display: flex;
    border-radius: 30px;
    background: #fff;
    padding: 18px 40px;
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.season-inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.rollend-content {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: rotateX(-180deg);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #253238;
    padding: 12px 16px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border-radius: 20px;
    overflow: hidden;
}

.rollend-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.rollfront-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
}

.kaleidoscope-card.viewed .rollend-content {
    opacity: 1;
    transform: rotateY(0deg);
}

.kaleidoscope-card.viewed .rollfront-icon {
    filter: invert(1);
}

.season-nav__item.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.actionslist {
    display: flex;
    flex-direction: column;
}

.action-card {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    padding-left: 485px;
}
.action-card:not(:last-child) {
    margin-bottom: 18px;
}

.action-card__image {
    position: absolute;
    max-width: 525px;
    width: 100%;
    height: 100%;
    left: 0;
}
.action-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.action-card__inner {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background: #f2f2f2;
    padding: 40px;
    width: 100%;
}
.action-card__inner span {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    opacity: 0.5;
    margin-bottom: 5px;
    display: block;
}

.action-card__title {
    color: #253238;
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.action-card__opt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.action-card__opt p {
    max-width: 578px;
    width: 100%;
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}
.action-card__opt .button {
    max-width: 447px;
    width: 100%;
}

.rewards {
    display: flex;
    flex-direction: column;
}

.rewards-head {
    display: flex;
    margin-bottom: 20px;
    opacity: 0.5;
}

.rewards-col:first-child {
    max-width: 170px;
    width: 100%;
}

.rewards-col:nth-child(2) {
    max-width: 890px;
    width: 100%;
    margin-right: 60px;
}

.rewards-col:last-child {
    max-width: 490px;
    width: 100%;
}

.rewards-body .rewards-row {
    padding: 30px 0;
}
.rewards-body .rewards-row:not(:last-child) {
    border-bottom: 1.5px solid rgba(37, 50, 56, 0.3);
}
.rewards-body .rewards-row .rewards-col:nth-child(1) {
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(
        180deg,
        #bc8c03 1.04%,
        rgba(227, 173, 16, 0.8) 46.35%,
        #bc8c03 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rewards-body .rewards-row .rewards-col:nth-child(2) {
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.rewards-body .rewards-row .rewards-col:nth-child(3) {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.rewards-row {
    display: flex;
}

body.investition-page .section-title {
    text-align: left;
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: normal;
}
body.investition-page [class*="__container"] {
    margin: auto;
}
body.investition-page .section-desc {
    color: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}


.invest-vars__container {
    margin: auto;
}
.invest-vars .section-title {
    margin-bottom: 40px;
}
.invest-vars__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.invest-var {
    flex: 1 250px;
    border-radius: 30px;
    background: #fdfcf8;
    padding: 3px 20px 3px 30px;
    display: flex;
	z-index:997;
	border: 2px solid #223A34;
    justify-content: space-between;
}
.invest-var h5 {
    color: #253238;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.invest-var picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    flex-shrink: 0;
}

.vazuza-cup {
    padding: 40px 0 140px 0;
}
.vazuza-cup .section-title {
    margin-bottom: 10px;
}
.vazuza-cup__wrapper {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    gap: 10px 180px;
}

.invest-statistic {
    padding: 20px 20px 30px 20px;
    border-radius: 30px;
    border: 1px solid #bc8c03;
    flex: 1900px;
}
.invest-statistic__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 60px;
}
.invest-statistic__head > span {
    overflow: hidden;
    color: #fdfcf8;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}
.invest-statistic__summ {
    color: #fdfcf8;
    font-size: 84px;
    font-weight: 600;
    line-height: normal;
}
.invest-statistic__vars {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.invest-statistic__var {
    text-align: center;
    color: #fff;
    flex: 1 50%;
    padding: 30px;
}
.invest-statistic__var > span {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 44px;
    font-weight: 600;
    line-height: normal;
}
.invest-statistic__var > p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
/* .invest-statistic__var:nth-child(1) {
    background-size: contain;
    background-position: content-box;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQ4IiBoZWlnaHQ9IjEyNiIgdmlld0JveD0iMCAwIDQ0OCAxMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMCAwLjVINDQ3Vjk2QzQ0NyAxMTIuMjkyIDQzMy43OTIgMTI1LjUgNDE3LjUgMTI1LjVIMzBDMTMuNzA3NiAxMjUuNSAwLjUgMTEyLjI5MiAwLjUgOTZWMzBDMC41IDEzLjcwNzYgMTMuNzA3NiAwLjUgMzAgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfOF8xMjgzNCkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl84XzEyODM0IiB4MT0iMzYyLjc0NiIgeTE9Ii03NyIgeDI9IjQ1OS41MDkiIHkyPSIxMTQuMzU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC41MTMyNzIiIHN0b3AtY29sb3I9IiNCQzhDMDMiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuODIwMDkiIHN0b3AtY29sb3I9IiNFM0FEMTAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0JDOEMwMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.invest-statistic__var:nth-child(4) {
    background-size: contain;
    background-position: content-box;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQ4IiBoZWlnaHQ9IjEyNiIgdmlld0JveD0iMCAwIDQ0OCAxMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMCAwLjVINDE3LjVDNDMzLjc5MiAwLjUgNDQ3IDEzLjcwNzYgNDQ3IDMwVjk2QzQ0NyAxMTIuMjkyIDQzMy43OTIgMTI1LjUgNDE3LjUgMTI1LjVIMC41VjMwQzAuNSAxMy43MDc2IDEzLjcwNzYgMC41IDMwIDAuNVoiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzhfMTI4MzcpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfOF8xMjgzNyIgeDE9IjAiIHkxPSIwIiB4Mj0iNjUuMDY5NCIgeTI9IjE4NC42OTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjAxMDQxNjciIHN0b3AtY29sb3I9IiNCQzhDMDMiLz4KPHN0b3Agb2Zmc2V0PSIwLjI1MDAwMiIgc3RvcC1jb2xvcj0iI0UzQUQxMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPHN0b3Agb2Zmc2V0PSIwLjUyMTY2IiBzdG9wLWNvbG9yPSIjQkM4QzAzIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
} */
.invest-statistic__hint {
    text-align: center;
    color: #fdfcf8;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.vazuza-award {
    display: flex;
    flex-direction: column;
    align-items: center; /* Центрирует содержимое по горизонтали */
    text-align: center; /* Центрирует текст */
}

.vazuza-award__icon {
    position: relative; /* Для корректного позиционирования */
    display: flex;
    justify-content: center; /* Центрирует изображение кубка */
    margin-bottom: 12px; /* Отступ между кубком и текстом */
	max-width: 800px;
}
.vazuza-award__desc {
    text-align: center;
    padding: 10px;
    color: white;
    font-size: 37px;
    font-weight: 500;
    line-height: normal;
    border-radius: 10px;
    margin-bottom: 20px;
}
.vazuza-award__info {
    width: 100%; /* Занимает всю ширину родителя */
    text-align: center; /* Центрирует текст */
    padding-top: 0;
}

.vazuza-award__info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* Центрирует ссылку */
}

.vazuza-award__info a {
    color: #C2940C;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
}

.infosec {
    border-radius: 30px 30px 0px 0px;
    border-top: 6px solid #bc8c03;
    background: #fefdf9;
    padding: 140px 0;
    position: sticky;
    top: 0;
}
.infosec .infosec-title {
    text-align: left;
    color: #253238;
    font-size: 48px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    max-width: 1660px;
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0 30px 0 10px;
}

.infosec-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.infosec-image {
    display: flex;
    align-items: center;
    border-radius: 0px 30px 30px 0px;
    overflow: hidden;
    /* max-width: 812px; */
    max-height: 568px;
    flex: 1 auto;
}
.infosec-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.infosec-content {
    max-width: 836px;
    /* width: 100%; */
    flex: 1 500px;
}

.stat-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.stat-card {
    flex: 1 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 30px;
    background: #ebebeb;
    padding: 30px;
	border: 1px solid #bc8c03;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    min-height: 176px;
    background-blend-mode: darken;
}
.stat-card.stat-wide {
    flex: 1 100%;
}
.stat-card__cat {
    border-radius: 40px;
    border: 1px solid #253238;
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding: 4px 10px;
}
.stat-card__title {
    color: #253238;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
}
.stat-card__title--white {
    color: #fff;
}

.ipoteck {
    padding: 140px 0;
    background: #223a34;
    border-radius: 30px 30px 0px 0px;
    border-top: 2px solid #bc8c03;
    position: sticky;
    top: 0;
}
.ipoteck .ipoteck__container {
    padding: 0 0 0 150px;
    max-width: 100%;
}
.ipoteck .section-title {
    margin-bottom: 10px;
}

.ipoteck-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 0px;
    justify-content: space-between;
}

.ipoteck-stat {
    padding: 15px 11px;
    border-radius: 20px;
    border: 1px solid #bc8c03;
    color: white; 
    max-width: 938px;
    width: 100%;
    background-color: #223a34; 
    font-family: 'Montserrat';
	font-size: 30px;
}

.ipoteck-stat__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 40px; 
}

.ipoteck-stat__summ {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.ipoteck-stat__name {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.ipoteck-stat__name b {
    text-transform: none;
    font-weight: 900;
}

.ipoteck-stat__desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 600px;
}

.ipoteck-stat__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 0px;
}

.ipoteck-stat__card {
    border-radius: 15px;
    border: 1px solid #bc8c03; /* объединяет width, style и color */
    background: #223a34;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    flex: 1 1 45%;
    gap: 12px;
    padding: 25px 20px;
    min-width: 120px;
    min-height: 100px;
	max-width: 338px;
}
.card-photo {
    width: 90px;   
    height: 90px;
    border-radius: 10px;
    object-fit: cover;
    margin-left: 12px;
}

.ipoteck-stat__card > span {
    font-size: 16px;;
    line-height: 1.1;
	text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white; 
}

.ipoteck-stat__card p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: black;
    margin: 0;
}

.ipoteck-stat__hint {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #bc8c03;
}


.ipoteck-image {
    display: flex;
    align-items: center;
    max-width: 792px;
    width: 100%;
    max-height: 507px;
    height: 100%;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
}
.ipoteck-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.pices-tables {
    padding: 120px 0 150px 0;
    background: #223a34;
    border-radius: 30px 30px 0px 0px;
    border-top: 2px solid #bc8c03;
    position: sticky;
    top: 0;
}
.pices-tables .section-title {
    margin-bottom: 10px;
}
.tables {
    display: flex;
    align-items: flex-end;
    margin-top: 40px;
    gap: 20px 96px;
}

.price-table {
    flex: 1 420px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.price-table:nth-child(2) {
    margin-top: -70px;
}

.price-tablename {
    font-family: "Cormorant Garamond", serif;
    border-radius: 30px;
    border: 1px solid #bc8c03;
    padding: 10px 40px;
    color: #fdfcf8;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

.price-tablebase {
    border-radius: 30px;
    border: 1px solid #bc8c03;
    background: #fdfcf8;
    padding: 30px;
    width: 100%;
}

.price-tablerow {
    position: relative;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}
.price-tablerow:not(:last-child) {
    border-bottom: 1px dashed #bc8c03;
}

.price-tablecol {
    flex: 1 30%;
    text-align: center;
    color: #253238;
    font-weight: 500;
    line-height: 150%;
}
.price-tablecol:first-child {
    font-size: 20px;
    text-align: left;
}
.price-tablecol:last-child {
    font-size: 24px;
    text-align: right;
}

.benefits {
    padding: 120px 0 75px 0;
    background: #223a34;
    border-radius: 30px 30px 0px 0px;
    border-top: 2px solid #bc8c03;
    position: sticky;
    top: auto;
}
.benefits .section-title {
    margin-bottom: 40px;
}

.benefits-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.benefits-list:not(:last-child) {
    margin-bottom: 140px;
}

.benefit {
    flex: 1 400px;
    border-radius: 30px;
    background: #fdfcf8;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background-repeat: no-repeat;
    min-height: 173px;
    background-size: 138px 138px;
    background-position: right 10px center;
}
.benefit h5 {
    color: #253238;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}
.benefit p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    max-width: 618px;
}

.structure {
    padding: 75px 0 52px 0;
}
.structure .section-title {
    margin-bottom: 10px;
}
.structure-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    /* flex-wrap: wrap; */
    margin-top: 40px;
}

.swiper.structure-slider {
    max-width: 1200px;
    margin: 0;
    width: 100%;
    overflow: hidden;
    max-height: 740px;
    height: 740px;
    border-radius: 30px;
	border: 1px solid #bc8c03;
}
.swiper.structure-slider picture {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}
.swiper.structure-slider picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.swiper.structure-slider picture::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 4.17%,
        rgba(0, 0, 0, 0.07) 48.25%,
        rgba(0, 0, 0, 0.7) 88.02%
    );
}

.structure-offers {
    max-width: 526px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: #fff;
}
.structure-offers > span {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.structure-offer {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 16px 24px 16px 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    border-radius: 40px;
    border: 1px solid #fdfcf8;
}
.structure-offer:hover,
.structure-offer.this {
    cursor: pointer;
    border-color: #bc8c03;
}

.reviews-guests {
    padding: 102px 0 82px 0;
}

.reviews-investors {
    padding: 75px 0 82px 0;
}

.curort {
    padding: 65px 0;
}
.curort .section-title {
    margin-bottom: 40px;
}

.curort-steps {
    display: flex;
    flex-wrap: wrap;
}

.curort-step {
    flex: 1;
    padding-bottom: 20px;
}
.curort-step:nth-child(1) {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI5IiBoZWlnaHQ9IjE0NCIgdmlld0JveD0iMCAwIDUyOSAxNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MjggMTQzQzQ1OC4xMTUgNTcuODQxNiAzNjMuMzMyIDEwIDI2NC41IDkuOTk5OThDMTY1LjY2OCA5Ljk5OTk2IDcwLjg4NDYgNTcuODQxNSAxIDE0MyIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMjFfMjM0OTMpIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMjY0IiBjeT0iMTAiIHI9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjFfMjM0OTMpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjFfMjM0OTMiIHgxPSIxIiB5MT0iMTQzIiB4Mj0iNTI4IiB5Mj0iMTQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMTA0MTY3IiBzdG9wLWNvbG9yPSIjQkM4QzAzIiBzdG9wLW9wYWNpdHk9IjAuMDMiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ3NjA5MSIgc3RvcC1jb2xvcj0iI0UzQUQxMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkM4QzAzIiBzdG9wLW9wYWNpdHk9IjAuMDMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzIxXzIzNDkzIiB4MT0iMjY0IiB5MT0iMCIgeDI9IjI2NCIgeTI9IjIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMTA0MTY3IiBzdG9wLWNvbG9yPSIjQkM4QzAzIi8+CjxzdG9wIG9mZnNldD0iMC40NjM1NDIiIHN0b3AtY29sb3I9IiNFM0FEMTAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkM4QzAzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.curort-step:nth-child(2) {
    margin-top: 41px;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTY2IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDU2NiAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk5OTk4NiAxQzc1Ljc5MSA3NS45MTM4IDE3Ny4yMjkgMTE4IDI4MyAxMThDMzg4Ljc3IDExOCA0OTAuMjA5IDc1LjkxMzkgNTY1IDEuMDAwMDYiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzIxXzIzNDk5KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxjaXJjbGUgY3g9IjI4MyIgY3k9IjExOCIgcj0iMTAiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8yMV8yMzQ5OSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMV8yMzQ5OSIgeDE9IjU2NSIgeTE9IjEiIHgyPSIxIiB5Mj0iMS4wMDAwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMDEwNDE2NyIgc3RvcC1jb2xvcj0iI0JDOEMwMyIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CjxzdG9wIG9mZnNldD0iMC40NzYwOTEiIHN0b3AtY29sb3I9IiNFM0FEMTAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0JDOEMwMyIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8yMV8yMzQ5OSIgeDE9IjI4MyIgeTE9IjEwOCIgeDI9IjI4MyIgeTI9IjEyOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMDEwNDE2NyIgc3RvcC1jb2xvcj0iI0JDOEMwMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNDYzNTQyIiBzdG9wLWNvbG9yPSIjRTNBRDEwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0JDOEMwMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.curort-step:nth-child(3) {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI5IiBoZWlnaHQ9IjE0NCIgdmlld0JveD0iMCAwIDUyOSAxNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MjggMTQzQzQ1OC4xMTUgNTcuODQxNiAzNjMuMzMyIDEwIDI2NC41IDkuOTk5OThDMTY1LjY2OCA5Ljk5OTk2IDcwLjg4NDYgNTcuODQxNSAxIDE0MyIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMjFfMjM0OTMpIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMjY0IiBjeT0iMTAiIHI9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjFfMjM0OTMpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjFfMjM0OTMiIHgxPSIxIiB5MT0iMTQzIiB4Mj0iNTI4IiB5Mj0iMTQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMTA0MTY3IiBzdG9wLWNvbG9yPSIjQkM4QzAzIiBzdG9wLW9wYWNpdHk9IjAuMDMiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ3NjA5MSIgc3RvcC1jb2xvcj0iI0UzQUQxMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkM4QzAzIiBzdG9wLW9wYWNpdHk9IjAuMDMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzIxXzIzNDkzIiB4MT0iMjY0IiB5MT0iMCIgeDI9IjI2NCIgeTI9IjIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMTA0MTY3IiBzdG9wLWNvbG9yPSIjQkM4QzAzIi8+CjxzdG9wIG9mZnNldD0iMC40NjM1NDIiIHN0b3AtY29sb3I9IiNFM0FEMTAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkM4QzAzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
}

.curort-step__num {
    font-family: "Cormorant Garamond", serif;
    color: #fdfcf8;
    text-align: center;
    font-size: 100px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.curort-step__title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.curort-step__info {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.videobox {
    padding: 58px 0 68px 0;
}
.videobox .section-title {
    margin-bottom: 40px;
}

.video-base {
    position: relative;
    width: 100%;
    max-height: 680px;
    overflow: hidden;
    height: 100%;
    border-radius: 30px;
}

.video-poster {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.video-poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-poster::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 4.17%,
        rgba(0, 0, 0, 0.07) 48.25%,
        rgba(0, 0, 0, 0.7) 88.02%
    );
}

.play-video {
    position: absolute;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.12s ease-out;
}
.play-video:hover {
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 0.12s ease-in;
}

.comm-photos {
    padding: 72px 0 140px 0;
}
.comm-photos .section-title {
    margin-bottom: 40px;
}

.comm-photos__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.comm-photo {
    display: flex;
    height: 400px;
    border-radius: 30px;
    overflow: hidden;
    flex: 1 724px;
}
.comm-photo.comm-photo-sm {
    flex: 1 314px;
}

.callback-block {
    padding: 110px 0 156px 0;
    background: #fff;
    border-radius: 30px 30px 0px 0px;
}
.callback-block h2.section-title {
    color: #253238;
    margin-bottom: 20px;
}

.callback-block__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.callback-block__info {
    flex: 1 30%;
}

.callback-block__desc {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}
.callback-block__desc p {
    margin-bottom: 20px;
}
.callback-block__desc ul li:not(:last-child) {
    margin-bottom: 20px;
}

.callback-form {
    display: flex;
    flex: 1 30%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.callback-form .btn-alt {
    margin-top: 10px;
    outline: none;
    background: #bc8f0c;
    width: auto;
    padding: 18px 32px 19px 32px;
}
.callback-form textarea,
.callback-form input[type="text"],
.callback-form input[type="email"],
.callback-form input[type="tel"] {
    outline: none;
    border-radius: 40px;
    border: 1px solid rgba(38, 50, 56, 0.5);
    padding: 18.5px 32px 18.5px 32px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 100%;
}
.callback-form textarea::-moz-placeholder,
.callback-form input[type="text"]::-moz-placeholder,
.callback-form input[type="email"]::-moz-placeholder,
.callback-form input[type="tel"]::-moz-placeholder {
    color: #adaca8;
}
.callback-form textarea::placeholder,
.callback-form input[type="text"]::placeholder,
.callback-form input[type="email"]::placeholder,
.callback-form input[type="tel"]::placeholder {
    color: #adaca8;
}

textarea::-moz-placeholder {
    color: #adaca8;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::placeholder {
    color: #adaca8;
}

.modal.fancybox__content {
    max-width: 527px;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
}
.modal.fancybox1__content {
    max-width: 527px;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
}
.modal-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-title {
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.modal-desc {
    color: #253238;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.modal form {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.form-input {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 40px;
    border: 1.5px solid rgba(37, 50, 56, 0.5);
    color: #253238;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding: 18px 20px;
    text-align: center;
}
.form-input:focus-visible {
    outline: none;
}

textarea.form-input {
    resize: none;
}

.form-opt {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}


button.form-button {
    flex: 1;
    border-radius: 40px;
    background: #253238;
    padding: 18px 32px 18px 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    outline: none;
    transition: all 0.12s linear;
}
button.form-button:hover {
    box-shadow: 0px 0px 0px 2px rgb(37, 50, 56) inset;
    background: #fff;
    color: #253238;
    transition: all 0.12s linear;
}

.custom-file {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 40px;
    border: 2px solid #253238;
    padding: 13px 32px 15px 32px;
    transition: all 0.12s linear;
}
.custom-file input[type="file"] {
    position: absolute;
    left: 0;
    opacity: 0;
}
.custom-file span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-file:hover {
    background: #253238;
    color: #fff;
    transition: all 0.12s linear;
}
.custom-file:hover span svg path {
    stroke: #fff;
}

.custom-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}
.custom-checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
}
.custom-checkbox > span {
    position: relative;
    color: #253238;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    /* 21px */
    padding-left: 24px;
}
.custom-checkbox > span a {
    color: #253238;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.12s linear;
}
.custom-checkbox > span a:hover {
    opacity: 1;
    transition: opacity 0.12s linear;
}
.custom-checkbox > span::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #253238;
}
.custom-checkbox input[type="checkbox"]:checked + span::before {
    background-size: 8px 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA4IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iNCIgZmlsbD0iIzI1MzIzOCIvPgo8L3N2Zz4K");
}

.modal.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 18px;
    --f-button-height: 18px;
    --f-button-border-radius: 0;
    --f-button-color: #000;
    --f-button-hover-color: #000;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    top: 20px;
    right: 20px;
    opacity: 0.5;
}

.modal.fancybox1__content > .f-button.is-close-btn {
    --f-button-width: 18px;
    --f-button-height: 18px;
    --f-button-border-radius: 0;
    --f-button-color: #000;
    --f-button-hover-color: #000;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    top: 20px;
    right: 20px;
    opacity: 0.5;
}
/* tumbler */
.fcap-tumbler {
    position: relative;
    align-items: center;
}

.fcap-tumbler:hover {
    cursor: pointer;
}

.fcap-tumbler input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    display: none;
}

.fcap-tumbler .tumbler-ui {
    cursor: pointer;
    width: 110px;
    height: 58px;
    background: transparent;
    display: block;
    position: relative;
    border-radius: 70px;
    border: 1px solid #fff;
}

.fcap-tumbler .tumbler-ui:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 48px;
    height: 48px;
    border-radius: 90px;
    transition: all 0.12s linear;
    background: #fff;
}

.fcap-tumbler input:checked + .tumbler-ui:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.tmbl-vars {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    justify-content: space-between;
    padding: 0 17px;
}
.tmbl-vars .tmbl-var {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
}

.tmbl-vars .tmbl-var svg {
    width: 25px;
    height: 25px;
}

.tmbl-var.var-light svg path {
    stroke: #fff;
}

/* .fcap-tumbler input:checked ~ .tmbl-vars .tmbl-var.var-light svg path {
  stroke: red;
}  */

.fcap-tumbler input:checked + .tumbler-ui:after {
    background: #223a34;
}

/*  */

.modal.modal-wide.fancybox__content {
    position: relative;
    max-width: 1196px;
    width: 100%;
    padding: 40px;
    background: #fff;
    border-radius: 20px;

    /*  */
    /* margin: 50px auto; */
}
.modal.modal-wide.fancybox1__content {
    position: relative;
    max-width: 1196px;
    width: 100%;
    padding: 40px;
    background: #fff;
    border-radius: 20px;

    /*  */
    /* margin: 50px auto; */
}
.button-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    outline: none;
    background: none;
    z-index: 100;
    right: 10px;
    top: 10px;
    opacity: 0.3;
    transition: opacity 0.12s linear;
}

.button-modal-close:hover {
    opacity: 1;
    transition: opacity 0.12s linear;
}

.modal-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-textcontent h1,
.modal-textcontent h2,
.modal-textcontent h3,
.modal-textcontent h4,
.modal-textcontent h5,
.modal-textcontent h6 {
    text-align: center;
    margin-bottom: 12px;
    font-family: "Cormorant Garamond", serif;
    color: #253238;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 130%;
}

.modal-textcontent h3 {
    font-size: 36px;
}

.modal-textcontent p {
    color: #253238;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.modal-opts {
    margin-top: 28px;
}

.modal-sliderbox {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 40px;
}
.swiper.modal-slider-main {
    max-width: 976px;
    border-radius: 20px;
    overflow: hidden;
}

.swiper-slide.modal-slider__slide {
    max-width: 100%;
    height: 410px;
}

.swiper-slide.modal-slider__slide .modal-slider-photo {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.swiper-slide.modal-slider__slide .modal-slider-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-thumbsbox {
    position: relative;
}

.modal-thumbsbox::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    background: linear-gradient(
        0deg,
        #fff 16.15%,
        rgba(255, 255, 255, 0) 93.33%
    );
    z-index: 10;
}

.modal-slider-thumbs {
    height: 410px;
    max-width: 120px;
}

.swiper-slide.modal-slider__thumbslide {
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
}

.swiper-slide.modal-slider__thumbslide .modal-slider-photo {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.swiper-slide.modal-slider__thumbslide .modal-slider-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbs-nav {
    position: absolute;
    z-index: 100;
    border-radius: 50%;
    border: 1px solid #253238;
    background: #fff;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.12s linear;
}

.thumbs-nav:hover {
    cursor: pointer;
    background: #253238;
    border: 1px solid #fff;
}

.thumbs-nav:hover svg path {
    stroke: #fff;
}

.thumbs-nav.button-prev {
    top: 0;
}

.thumbs-nav.button-next {
    bottom: 0;
}

.thumbs-nav.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.12s linear;
}

.reels {
    position: relative;
    margin-bottom: 30px;
}

.reels__slider {
    width: 100%;
    width: calc(100% - 120px);
    overflow: hidden;
    margin: 0 auto;
}

.reels__gradient {
    width: 130px;
    height: 130px;
    background: linear-gradient(223.22deg, #5868e5 24.13%, #6fc1e7 75.55%),
        linear-gradient(226.88deg, #5af2b5 25.62%, #71bde9 74.3%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
}

.reels__img {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
}

.reels__item-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reels__arrow-button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1.5px solid #253238;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.reels__arrow-next {
    position: absolute;
    right: 0;
    top: 50px;
    transform: translateY(-50%) rotate(180deg);
}

.reels__arrow-prev {
    position: absolute;
    left: 0;
    top: 50px;
    transform: translateY(-50%);
}

@media (max-width: 1000px) {
    .reels__arrow-next,
    .reels__arrow-prev {
        display: none;
    }

    .reels__slider {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .reels__gradient {
        width: 40px;
        height: 40px;
    }

    .reels__img {
        width: 34px;
        height: 34px;
    }

    .reels__item-name {
        font-size: 10px;
        line-height: 12px;
        margin-top: 4px;
    }
}

@media (min-width: 360px) {
    .reels__gradient {
        width: 48px;
        height: 48px;
    }

    .reels__img {
        width: 47px;
        height: 47px;
    }

    .reels__item-name {
        font-size: 11px;
        line-height: 13px;
        margin-top: 4px;
    }
}

@media (min-width: 480px) {
    .reels__gradient {
        width: 50px;
        height: 50px;
    }

    .reels__img {
        width: 46px;
        height: 46px;
    }

    .reels__item-name {
        font-size: 12px;
        line-height: 14px;
    }
}

@media (min-width: 768px) {
    .reels__gradient {
        width: 100px;
        height: 100px;
    }

    .reels__img {
        width: 96px;
        height: 96px;
    }

    .reels__item-name {
        font-size: 14px;
        line-height: 17px;
        margin-top: 8px;
    }
}

@media (min-width: 1000px) {
    .reels__gradient {
        width: 100px;
        height: 100px;
    }

    .reels__img {
        width: 96px;
        height: 96px;
    }

    .reels__item-name {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
}

@media (min-width: 1280px) {
    .reels__gradient {
        width: 100px;
        height: 100px;
    }

    .reels__img {
        width: 96px;
        height: 96px;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .reels__gradient {
        width: 110px;
        height: 110px;
    }

    .reels__img {
        width: 105px;
        height: 105px;
    }
}

.stories {
    position: fixed;
    z-index: 9999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #253238;
}

.stories__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 80px;
}

.stories__close {
    position: absolute;
    top: 47px;
    right: 151px;
    width: fit-content;
}

.stories__item {
    color: #fff;
    text-align: center;
}

.stories__video-container {
    border-radius: 10px;
    overflow: hidden;
    width: 400px;
    height: 570px;
    margin: 0 auto;
    position: relative;
}

.stories__video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.stories__item-progress {
    display: block;
    margin: 0 auto;
    width: 507px;
    height: 2px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.stories__item-progress::-moz-progress-bar {
    background: linear-gradient(223.22deg, #5868e5 24.13%, #6fc1e7 75.55%);
}

.stories__item-progress::-webkit-progress-value {
    background: linear-gradient(223.22deg, #5868e5 24.13%, #6fc1e7 75.55%);
}

.stories__volume {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    bottom: 28px;
    right: 19px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stories__volume-off,
.stories__volume-on {
    line-height: 100%;
}

.reels__arrow-button,
.reels__item,
.stories__volume,
.stories__close,
.stories__button {
    cursor: pointer;
}

.stories__container {
    overflow: hidden;
    width: 1366px;
}

.stories__slider {
    position: relative;
}

.stories__navigation {
    margin-bottom: 20px;
}

.stories__navigation .reels__wrapper {
    justify-content: center;
}

.stories__navigation .reels__item {
    margin: 0 auto;
}

.stories__navigation .reels__item-name {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    width: 70px;
    white-space: normal;
    display: block;
    margin: 8px auto;
}

.stories__navigation .reels__gradient {
    width: 62px;
    height: 62px;
}

.stories__navigation .reels__img {
    width: 60px;
    height: 60px;
    border: 2px solid #253238;
}

.stories__button {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stories__button-left,
.stories__button-right {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999999;
}

.stories__button-left {
    transform: translateX(calc(-100% - 216px));
}

.stories__button-right {
    transform: translateX(216px) rotate(180deg);
}

.stories__progress-mobile {
    display: none;
}

.reels__img-mobile {
    display: none;
}

@media (max-width: 1600px) {
    .stories__container {
        width: 1139px;
    }

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

@media (max-width: 1280px) {
    .stories__container {
        width: 992px;
    }

    .stories__wrapper {
        padding-top: 80px;
    }

    .stories__video-container {
        width: 380px;
        height: 540px;
    }
}

@media (max-width: 1000px) {
    .stories__wrapper {
        padding-top: 0;
    }

    .stories__video-container {
        margin: 0;
    }

    .stories__slider-wrapper {
        display: block;
    }

    .stories__item {
        margin-right: 10px;
    }

    .stories__navigation,
    .stories__item-progress {
        display: none;
    }

    .stories__video-container {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        margin-left: -20px;
        border-radius: 0;
    }

    .stories__button {
        display: none;
    }

    .stories__close {
        z-index: 999999999;
        width: 21px;
        height: 21px;
        top: 30px;
        right: 70px;
    }

    .stories__close svg {
        width: 100%;
        height: 100%;
    }

    .stories__icon-mobile {
        display: flex;
    }

    .stories__progress-mobile {
        display: block;
        position: absolute;
        z-index: 999999999;
        left: 46px;
        top: 40px;
        width: 75vw;
        overflow: hidden;
    }

    .stories__progress-mobile .stories__item-progress {
        width: 100px;
        display: inline-block;
        margin-right: 20px;
        background: #d8d8d8;
        height: 4px;
        box-shadow: 3px 3px 6px #000;
    }

    .reels__img-mobile {
        display: flex;
        width: 200px;
        text-align: center;
        position: absolute;
        justify-content: space-between;
        align-items: center;
        z-index: 2;
        top: 60px;
        left: 35px;
    }

    .reels__img-mobile .reels__gradient {
        width: 62px;
        height: 62px;
    }

    .reels__img-mobile .reels__img {
        object-fit: cover;
        border: 2px solid #253238;
        width: 60px;
        height: 60px;
    }

    .reels__img-mobile .reels__item-name {
        width: 90px;
        font-size: 16px;
        white-space: break-spaces;
        word-wrap: break-word;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stories__progress-mobile {
        left: 20px;
        width: 80vw;
    }

    .stories__progress-mobile .stories__item-progress {
        width: 64px;
    }

    .stories__progress-mobile .stories__item-progress:first-child {
        width: 150px;
    }

    .stories__close {
        right: 20px;
    }

    .reels__img-mobile {
        left: 9px;
        width: 180px;
    }

    .reels__img-mobile .reels__gradient {
        width: 62px;
        height: 62px;
    }

    .reels__img-mobile .reels__img {
        object-fit: cover;
        border: 2px solid #253238;
        width: 60px;
        height: 60px;
    }

    .reels__img-mobile .reels__item-name {
        font-size: 12px;
    }
}
                
/* .invest-vars__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 40px;
    }
    
    .invest-var {
        position: relative;
        width: calc(25% - 20px);
        min-width: 200px;
        padding: 30px 20px;
        background: white;
        border-radius: 16px;
        text-align: center;
        transition: all 0.3s ease;
        cursor: pointer;
        z-index: 1000;
    }
    
    .invest-var:hover {
        background: rgba(255, 255, 255, 0.15);
    }
    
    .invest-var h5 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
        color: black;
    }
    
    .invest-var picture {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
    }
    
    .invest-var__tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 25px;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        transition: all 0.3s ease;
        z-index: 1002;
        color: #223A34;
        text-align: left;
    }
    
    .invest-var:hover .invest-var__tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(10px);
    }
    
    .invest-var__tooltip h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #223A34;
    }
    
    .invest-var__tooltip p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
        color: #223A34;
    }
    
    .tooltip-stats {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .tooltip-stat {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .tooltip-stat span {
        font-size: 14px;
        color: #6B7280;
    }
    
    .tooltip-stat strong {
        font-size: 16px;
        font-weight: 600;
        color: #223A34;
    }
    
    @media (max-width: 1024px) {
        .invest-var {
            width: calc(50% - 15px);
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 768px) {
        .invest-var {
            width: 100%;
            margin-bottom: 20px; 
			z-index: 999;
        }
        
        .invest-var__tooltip {
            top: auto;
            bottom: -100px;
            transform: translateY(100%);
        }
        
        .invest-var:hover .invest-var__tooltip {
            transform: translateY(0);
        }
    } */
		.callback-section {
    background: #fff;
    padding-top: 60px;
    width: 100%;
    overflow-x: hidden;
  }
  
  .container {
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .content-wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  .left-content {
    flex: 1;
  }
  
  .main-text {
    margin-bottom: 40px;
    font-family: 'Montserrat', Arial, sans-serif;
  }
  
  .main-text h2 {
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 18px;
    line-height: 1.2;
    text-transform: uppercase;
  }
  
  .main-text p {
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 1000px;
  }
  
  .image-text-block {
    display: flex;
    gap: 50px;
    align-items: flex-start;
  }
  
  .image-container {
    flex: 0 0 auto;
    width: 1000px;
    height: 550px;
    overflow: hidden;
    border-radius: 8px;
  }
  
  .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .highlighted-section {
    padding-top: 20px;
    font-family: 'Montserrat', Arial, sans-serif;
    max-width: 400px;
  }
  
  .highlighted-section h3 {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #333;
  }
  
  .highlighted-section p {
    font-size: 1.1rem;
    margin-bottom: 15px;
    line-height: 1.5;
  }
  
  .discount-text {
    font-weight: 700;
    color: #cbb24f;
    margin-top: 25px;
  }
  
  .form-container {
    flex: 0 0 400px;
    background: #fff;
    border-radius: 13px;
    padding: 32px 28px 22px 28px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
    align-self: flex-start;
    position: sticky;
    top: 20px;
	  line-height: 100%;
  }
  
  .form-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #cbb24f;
    margin-bottom: 16px;
    display: block;
  }
  
  @media (max-width: 1600px) {
    .image-container {
      width: 600px;
      height: 480px;
    }
  }
  
  @media (max-width: 1400px) {
    .image-container {
      width: 500px;
      height: 400px;
    }
    
    .main-text p {
      max-width: 100%;
    }
    
    .highlighted-section {
      max-width: 350px;
    }
  }
  
  @media (max-width: 1200px) {
    .content-wrapper {
      flex-direction: column;
    }
    
    .image-text-block {
      flex-direction: column;
      gap: 30px;
    }
    
    .image-container {
      width: 100%;
      height: 500px;
      max-height: none;
    }
    
    .highlighted-section {
      max-width: 100%;
      padding-top: 0;
    }
    
    .form-container {
      width: 100%;
      margin-top: 40px;
      position: static;
    }
  }
  @media (max-width: 768px) {
  .stat-card {
    /* Уменьшаем размер карточек */
    padding: 15px !important;
    min-height: 150px !important;
    
    /* Центрируем контент */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .stat-card__title, 
  .stat-card__cat1 {
    /* Уменьшаем размер текста */
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  
  .stat-card[style*="background-image"] {
    /* Уменьшаем размер фоновых изображений (иконок) */
    background-size: 60px !important;
    background-position: center 20px !important;
    padding-top: 80px !important;
  }
  
  .stat-card.stat-wide {
    /* Особые стили для широкой карточки */
    padding: 20px 15px !important;
    background-image: none !important;
    min-height: auto !important;
  }
  
  /* Для карточек с ценой */
  .stat-card__title[style*="font-size: 22px"] {
    font-size: 18px !important;
  }
}
  @media (max-width: 768px) {
    .main-text h2 {
      font-size: 1.8rem;
    }
    
    .main-text p,
    .highlighted-section p {
      font-size: 1rem;
    }
    
    .highlighted-section h3 {
      font-size: 1.1rem;
    }
    
    .discount-text {
      margin-top: 15px;
    }
    
    .image-container {
      height: 400px;
    }
  }
  
  @media (max-width: 480px) {
    .image-container {
      height: 300px;
    }
  }
.invest-vars__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.invest-var {
    position: relative;
    width: calc(25% - 20px);
    min-width: 200px;
    background: white;
    border-radius: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.invest-var__trigger {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px; 
    position: relative;
    z-index: 2;
}

.invest-var:hover {
    
}

.invest-var h5 {
    font-size: 18px; 
    font-weight: 500;
    margin: 0;
    color: black;
    text-align: left;
    flex-grow: 1;
    padding-right: 15px;
}

.invest-var picture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px; 
    width: 70px;
    flex-shrink: 0;
}

.invest-var__tooltip {
    padding: 0 20px;
    background: #fff;
    color: #223A34;
    text-align: left;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}

.invest-var__tooltip h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #223A34;
}

.invest-var__tooltip p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #223A34;
}

.tooltip-stat {
    margin-bottom: 10px;
}

.mobile-arrow {
    display: none;
}

/* Десктопная версия */
@media (min-width: 769px) {
    .invest-var__tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        border-radius: 16px;
    }
    
    .invest-var:hover .invest-var__tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        max-height: 500px;
        padding: 20px;
    }
}

/* Мобильная версия */
@media (max-width: 768px) {
  .invest-var {
    width: 100%;
    margin-bottom: 0;
  }
  .invest-var__trigger {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .invest-var h5 {
    font-size: 15px;
    margin: 0;
    flex-grow: 1;
    order: 1;
    width: calc(100% - 40px); /* Оставляем место для иконки */
  }
  .invest-var picture {
    height: 40px;
    width: 40px;
    order: 2;
    margin-left: auto; /* Выравнивание по правому краю */
  }
  .invest-var picture.right-align {
    margin-left: auto; /* Явное выравнивание по правому краю для нужных иконок */
  }
  .mobile-arrow {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-top: 10px;
    order: 3;
    font-size: 12px;
    transition: transform 0.3s ease;
  }
  .invest-var.active .mobile-arrow {
    transform: rotate(180deg);
  }
  .invest-var__tooltip {
    position: relative;
    width: 100%;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: 
      max-height 0.3s ease,
      opacity 0.3s ease,
      visibility 0.3s ease,
      transform 0.3s ease,
      padding 0.3s ease;
    overflow: hidden;
    padding: 0 15px;
    box-shadow: none;
    border-top: none;
    margin-top: 0;
  }
  .invest-var.active .invest-var__tooltip {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    padding: 15px;
    border-top: 1px solid #eee;
    margin-top: 0;
  }
}
    .slide-overlay-text {
        position: absolute;
        bottom: 24px;
        left: 18px;
        right: 18px;
        padding: 24px 28px;
        background: rgba(33,33,33,0.90);
        border: 3px solid #bc8c03;
        border-radius: 28px;
        color: #fff;
        font-family: 'Montserrat', Arial, sans-serif;
        z-index: 10;
        max-width: 92%;
        box-shadow: 0 4px 16px rgba(0,0,0,0.18);
        pointer-events: none;
		font-size:24px;
    }
    .slide-overlay-text .bonus-title {
        color: #ffcb60;
        font-size: 2.1em;
        letter-spacing: 0.02em;
        margin-bottom: 12px; 
        font-weight: 500;
        font-family: 'Cormorant Garamond', serif;
        line-height: 1.12;
		font-size: 20px;
    }
    .slide-overlay-text .bonus-desc {
        font-size: 1.16em;
        color: #fff;
        line-height: 1.38;
        opacity: 0.93;
        margin-bottom: 0.54em;
        font-family: inherit;
    }
    .structure-offer.active {
        font-weight: bold;
        color: #ffcb60;
    }
    
    /* Стили для мобильных текстовых блоков */
    .mobile-overlay-text {
        display: none;
        padding: 16px;
        margin-top: 8px;
        background: rgba(33,33,33,0.90);
        border: 2px solid #bc8c03;
        border-radius: 16px;
        color: #fff;
        font-family: 'Montserrat';
    }
    .mobile-overlay-text .bonus-title {
        color: #ffcb60;
        font-size: 1.3em;
        letter-spacing: 0.02em;
        margin-bottom: 8px; 
        font-weight: 400;
        font-family: 'Cormorant Garamond';
        line-height: 1.2;
    }
    .mobile-overlay-text .bonus-desc {
        font-size: 0.9em;
        color: #fff;
        line-height: 1.3;
        opacity: 0.93;
        margin-bottom: 0.4em;
    }