/* region Variables */
:root {
    --red-color: #c05a4a;
    --main-text: #ffffff;
    --border-radius: 8px;
    --retreat: 0 80px 0 80px;
    --grey-text: #666666;
    --light-gray: #EFEFEF;
}
/* endregion */


/* region Basic styles */
.containerWrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative; }
.container-wrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative;   }
.containerContent { padding: 0; overflow: hidden; position: relative;  }
.containerPage { min-width: 375px; box-sizing: border-box;  z-index: -5; }
.containerPage.scroll-lock { height: 100vh; overflow: hidden; }
.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 1px solid #e1e1e1; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle a { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
.imgRight { float: right; max-width: 50%; padding: 0 0 40px 40px; position: relative; z-index: 4; object-fit: contain; }
.imgRight img { width: 100%; }
.imgLeft { float: left; padding: 0 40px 40px 0; object-fit: contain; max-width: 50%;}
.imgLeft img { width: 100%; }
.banner-title { position: absolute;  left: 150px; bottom: 165px;}
.block-title { text-align: center;}
.red-title {text-transform: uppercase;font-size: 50px;font-weight: 700;color: var(--red-color);line-height: 1.2;}
.red-title--center {text-align: center; margin-bottom: 68px;}
.btn {color: #fff;text-transform: uppercase;border: 1px solid rgb(221 233 245 / 57%);border-radius: var(--border-radius);background-color:#00000033;cursor: pointer;transition: all 0.3s ease;}
.btn:hover {background-color: var(--red-color)}
.btn--red {background-color: var(--red-color);padding: 20px 90px 20px 30px;font-size: 14px;position: relative;margin-top: 60px;display: inline-block;overflow: hidden;border: none; min-width: 215px; text-align: center}
.btn--red.large {  padding: 20px 50px 20px;}
.btn--arrow {position: relative;}
.btn--arrow:after {content: '';width: 40px;height: 15px;background: url(../../templates/img/arrow.png) no-repeat center;background-size: contain;position: absolute;top: 20px;right: 30px;}
.btn--red:hover {text-decoration: none;color: #fff;}
.btn--red:before {position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fff;animation: shiny-btn 5s ease-in-out infinite;}
.btn--red:hover{opacity: .8;}
.btn--red:active{box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2);}
.grey-background{background-color: var(--light-gray);padding: 70px 0;}
.white-background {background-color: #fff;padding: 70px 0;}
blockquote {position: relative;margin-top: 50px;padding: 0 20px;}
blockquote p {font-family: 'Open Sans', sans-serif;font-style:italic;}
blockquote:before {content: "\201C"; position: absolute;top: 20px;font-family: Arial, sans-serif;left: -23px;font-size: 115px;color: #c9c9c9;}
ul li { padding-block: 10px;}
ul li::marker { color: var(--red-color);}

/* region Header styles */
body.inside .containerHeader .containerHeader--center { display: block; }
.containerHeader { align-items: center; padding: 30px 0;  position: fixed; top: 0; z-index: 100; width: 100%; min-width: 375px; display: flex; justify-content: space-between; box-sizing: border-box; color: #000; transition: all .3s;}
.containerHeader a { color: var(--main-text); }
.containerHeader .containerHeader--center  ul { list-style: none; display: flex; padding-left: 0; justify-content: center; width: 100%; margin: 0 auto; cursor: pointer;  }
.containerHeader .containerHeader--center ul li { text-align: center; z-index: 4; padding: 20px;transition: all .3s;}
.containerHeader .containerHeader--center ul li a { color: #ffffffcf; font-size: 18px;}
.containerHeader .containerHeader--center ul li:hover a { font-weight: 600; color: #fff;}
.containerHeader--left { display: flex; align-items: center; gap: 80px; padding-left: 45px; }
.containerHeader--logo { width: 170px;  transition: all .3s;}
.containerHeader--logo a img {width: 100%;}
.containerHeader--burger { width: 62px; padding: 18px 13px;text-align: left;cursor: pointer; border-radius: 50%; box-sizing: border-box; }
.containerHeader--burger .burger--element {  width: 100%; height: 3px; background: #fff; border-radius: 50px; float: left; transition: width .3s; }
.containerHeader--burger .burger--element:not(:last-child) { margin-bottom: 7px; }
.containerHeader--burger .burger--element.short { width: 65%; }
.containerHeader--burger:hover .burger--element { background: #fff; }
.containerHeader--burger:hover .burger--element.short { width: 100%; }
.containerHeader--logotype .containerHeader--logo { display: block; background-size: contain!important; width: 120px; height: 48px; background: url('../img/logo.svg') no-repeat; }
.containerHeader--socials {margin-right: -15px;height: 100%;width: 60px;}
.containerHeader--socials a { display: block;}
.containerHeader--socials a:first-child { padding-block: 18px; padding-left: 18px;}
.containerHeader--socials a:last-child { padding-left: 16px;}
.containerHeader--socials a img { transform: skewX(15deg);}
.containerHeader--logo.small { width: 130px;}

.containerHeader--menu { text-align: center;}
.containerHeader--menu ul  {     display: flex;  flex-wrap: wrap; justify-content: flex-start; max-width: 1200px;}
.containerHeader--menu ul li { position: relative; display: inline-block; margin-right: 40px; padding: 5px; box-sizing: border-box; font-weight: 300; }
.containerHeader--menu ul li a { text-decoration: none; }
.containerHeader--menu ul li a.menu-item { position: relative; display: inline-block; font-weight: 400; font-size: 12px; opacity: 0.8; text-transform: uppercase;  transition: all .2s; text-align: left; white-space: nowrap;}
.containerHeader--menu ul li.active a.menu-item { color: var(--red-color); }
.containerHeader--menu ul li a.menu-item:hover  { opacity: 1; text-shadow: 0 0 11px #fff, 0 0 14px #5886c9; }
.containerHeader--menu ul li:hover > ul { display: block; }
.containerHeader--menu ul li ul { position: absolute; top: 105px; left: 0; max-width: 400px; text-align: left; display: none; padding: 0; box-sizing: border-box; background: #fff; }
.containerHeader--menu ul li ul li { padding: 0; float: left; width: 100%; min-width: 250px; transition: all .2s; box-sizing: border-box; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.containerHeader--menu ul li ul li:last-child { border-bottom: 1px solid #e5e5e5; }
.containerHeader--menu ul li ul li::after { display: none; }
.containerHeader--menu ul li ul li:hover { background: #f9f9f9; }
.containerHeader--menu ul li ul li a { padding: 10px; box-sizing: border-box; width: 100%; line-height: 21px; display: inline-block; text-decoration: none; font-size: 13px; transform: scale(1); transition: transform 300ms; }
.containerHeader.header--scrolled {background-color: rgba(0, 0, 0, 0.7);}
.containerHeader.bg-dark { background-color: #000000ed; }
.containerHeader--right { display: flex; align-items: center; padding-right: 35px; }
.containerHeader--right span {  font-size: 10px; text-transform: uppercase; color: #000; padding-right: 16px;}
.containerHeader--contacts { display: flex; align-items: center; gap: 30px;}
.containerHeader--contacts a { display: flex; align-items: center; gap: 10px; font-size: 19px;}
.containerHeader--contacts a .phone {font-size: 18px; color: var(--main-text); }
.containerHeader--contacts a img { width: 24px; }
.containerHeader--contacts a:hover span { color: #000; }
.containerHeader--social { display: flex; gap: 10px; }
.containerHeader--phone { margin-top: 3px; display: flex; align-items: start;}
.containerHeader--social, .phone { transition: all 0.4s ease-in-out; }
.containerHeader--phone .tel-icon { margin-right: 10px; }
.containerHeader--phone .phone-icon { display: none; width: 22px; filter: invert(1);opacity: 0.6; transform: rotate(260deg); }
.containerHeader--phone .phone { width: max-content;}
.containerHeader--phone .phone { display: none; margin-left: 10px; }
.containerHeader--phone .phone-icon, .containerHeader--phone .tel-icon { display: block; }
.phone { display: none; opacity: 0; transform: translateX(20px); }
.containerHeader--contacts.phone-active .containerHeader--social { display: none; }
.containerHeader--contacts.phone-active .tel-icon { display: none; }
.containerHeader--contacts.phone-active .phone { display: inline-block; opacity: 1; transform: translateX(0); }
/* endregion */


/* region Hero section styles */
.hero {height: 100vh;position: relative;}
.hero__video-wrapper {height: 100%;overflow: hidden;position: relative;}
.hero__video {object-fit: cover;object-position: top;width: 100%;height: 100%;position: relative;;z-index: 1}
.hero__content {position: absolute; width: 830px; left: 6%;bottom: 16%;z-index: 11; max-width: 90%;}
.hero__slider {position: relative;width: 100%;min-height: 375px;overflow: hidden;}
.hero__slide {position: absolute;inset: 0;opacity: 0;transition: opacity 1s ease;}
.hero__slide.active {opacity: 1;z-index: 12;}
.hero__pagination {position: relative;margin-top: 20px;display: flex;gap: 20px;z-index: 15;pointer-events: auto;}
.hero__pagination span {width: 14px;height: 14px;background: rgba(204, 204, 204, 0.69);border-radius: 50%;cursor: pointer;transition: background 0.3s;}
.hero__pagination span.active {background: #C05A4A;}
.hero__title {color: #fff;font-size: 45px;line-height: 110%;font-weight: 300;margin-bottom: 30px;animation-delay: 5000s;}
.hero__title  span{font-weight: 700; font-size: 55px; text-transform: uppercase;}
.hero__subtitle {color: #fff;font-size: 20px;opacity: 35%;margin-bottom: 40px;letter-spacing: 1.9px;}
.hero__buttons {display: flex; flex-direction: row; gap: 20px;}
.hero__button {min-width: 325px;max-width: 325px;padding: 20px 20px;display: flex;flex-direction: row;gap: 30px;box-sizing: border-box;}
.hero__button img {width: 20px; object-fit: contain;}
.hero__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 50%;z-index: 2;}
.hero__caption { color: #fff; font-size: 25px; text-transform: uppercase; opacity: 0.5; border:  1px solid #fff; padding: 25px; border-radius: var(--border-radius); display: inline-block; line-height: 110%; font-weight: 600;    margin-bottom: 40px; }
.hero__caption span { font-weight: 400; display: block; font-size: 0.8em; text-transform: none; margin-top: 5px }
.hero__caption span:first-of-type { font-size:20px; font-weight: 400; }
.hero__caption span:last-of-type { font-size: 15px; font-weight: 200; }

/* endregion */


/* region About Complex  Company styles */
.animate { animation: countAnimation 1.5s forwards;}
.conditions__item {  max-width: 1480px; margin: 100px auto 0; display: flex; position: relative; flex-wrap: wrap; justify-content: center; row-gap: 80px; column-gap: 30px;}
.conditions__elements  { width: 30%; align-items: center; margin-bottom: 30px;  display: flex; justify-content: center; flex-direction: column;  gap: 30px; text-align: center; box-sizing: border-box; border-radius: 8px; padding: 40px; border: 1px solid var(--red-color);  }
.conditions__elements.three { width: 40%; }
.conditions__elements .count { font-size: 70px; color:var(--red-color); }
.conditions__elements .sign { margin-left: 10px; font-size: 30px; color: var(--red-color); }
.conditions__elements .text { max-width: 300px; margin: auto; }
.conditions__disclaimer { color: var(--red-color); text-align: center; }

.about { margin-top: 55px; }
.about-view { display: flex; gap: 40px; max-width: 1500px; margin: 0 auto; border-radius: 10px; height: 600px; }
.about-view__txt { padding: 0 0 0 50px; align-content: center; }
.about-view__txt ul { padding-left: 0; }
.about-view__txt li { list-style: none; line-height: 1.4; }
.about-view__img { padding-right: 50px;display: flex; justify-content: center; align-items: center; width: 100%; }
.about-view__img img {  height: 400px; border-radius: 10px; width: 100%; object-fit: cover; }
.about-all__image { padding-top: 80px; width: 100%; height: 500px; object-fit: cover; }
.about-all__title { color: var(--red-color); text-align: center; padding-top: 90px; font-size: 30px;text-transform: uppercase; }
.about-all__title.big { font-size: 35px; margin-bottom: 0;}
.about-all__title.top { padding-top: 0; }
.architect-design__wrapper { display: flex; justify-content: center; gap: 30px; margin: 60px auto; max-width: 1480px; padding: 0 30px; border-radius: 10px; }
.architect-design_img img { border-radius: 10px; }
.architect-design__wrapper img { height: 350px; width: 600px; }
.architect-design__txt { align-content: center; border-radius: 10px; padding: 40px; }
.architect-design-block { display: flex; justify-content: center; gap: 30px; margin: 0 auto; max-width: 1480px; padding: 0 30px; border-radius: 10px; }
.architect-design-block img { height: 350px; width: 600px; }
.architect-design { display: flex; flex-direction: column; gap: 30px; }
.architext-design__plan { display: flex; flex-direction: column; align-items: center;  gap: 40px; padding: 90px 40px 0 40px; }
.container-wrapper .architext-design__plan {padding: 90px 0 0 0;}
.architect-design__plan-img { padding: 80px 100px; background-color: #EFEFEF;  width: 100%;  display: flex; justify-content: space-between;  box-sizing: border-box; gap: 100px; }
.architect-design__plan-img img {width: 90%;}
.architect-design__plan-text { display: flex; justify-content: space-evenly;align-items: center;flex-direction: column;     width: 30%;}
.architect-design__plan-text h2 { font-size: 40px; font-weight: 400; text-transform: uppercase;}
.architect-design__plan-text ul li { padding: 5px 0;}
.about--structure-block { width: 100%; }
.about-structure__block,
.about-structure__block-one,
.about-structure__block-two { margin-top: 60px; width: 100%; height: 100%; gap: 100px; background-image: url(../../templates/img/invest-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 55px 0; min-height: 200px; }
.about-structure__block,
.about-structure__block .about-us__wrapper { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.about-all__button { display: flex; justify-content: center; }
.about-structure__block-one { background-image: url(../../uploads/admin/image1.jpg); }
.about-structure__block-two { background-image: url(../../uploads/admin/image11.jpg); }
.about-all__rectangle { max-width: 1480px; margin: auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 50px; padding: 90px 30px;  }
.about-all__rectangle-img { width: 45%; }
.about-all__rectangle img { width: 100%;height: 100%;}
.about-all__rectangle-img p { text-align: center; }
.features__bg .about-us__wrapper { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.first-turn { padding-top: 40px; }
.about-us__wrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative; }
.about-us__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;justify-items: center; }
.about-us__item { background: #fff; border-radius: 8px; padding: 20px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; width: 330px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.about-us__item a { display: block; color: #000; text-decoration: none; }
.about-us__item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.highlight { color: var(--red-color); font-weight: 700; }
.separated--text { color: var(--red-color); }

.about-us { margin: 55px auto;max-width: 1480px;border-radius: 10px;}
.about-us__summary,
.about-us__chief {  display: flex;justify-content: space-between;align-items: center;gap: 70px;}
.about-us__img img { height: 300px; width: 500px; object-fit: cover; }
.about-us__txt { align-content: center;border-radius: 10px;padding: 40px 0;max-width: 870px;}
.about-us__txt p strong { font-weight: 600;}
.about-us img { border-radius: 10px;}

.structure { margin: 120px auto 50px; position: relative; width: 100%;background-color: var(--light-gray);}
.structure-slider { max-width: 1480px; padding: 40px 0 40px; transition: all .6s; }
.structure-slider .swiper-slide {transition: opacity 0.3s;overflow: hidden; cursor: pointer;}
.structure-slider .swiper-slide img {object-fit: cover;height: 100%; max-height: 262px; }
.structure-slider .swiper-button-next:after,
.structure-slider .swiper-button-prev:after {content: "";background: url("../../templates/img/arrow.png") no-repeat center;filter: invert(1);width: 40px;height: 5px;background-size: contain;}
.structure-slider .swiper-button-prev:after {transform: rotate(180deg);}
.structure-slider .swiper-button-next, .structure-slider .swiper-button-prev {bottom:0; color: #000; top: unset;}
.structure-slider .swiper-button-next {right: 40px; left: unset}
.structure-slider .swiper-button-prev {right: unset; left: 40px;}
.structure-slider .swiper-button-lock {display: block!important;}
.structure-slider:hover { filter: none; }
/* endregion */


/* region About  Company styles */
.about-company__container {display: flex;align-items: center;}
.about-company__image {width: 55%;}
.about-company__image img {width: 100%;}
.about-company__text {width: 40%;color: var(--grey-text);padding: 50px 30px 50px 70px;}
.about-company__text span{font-weight: 500;}
.about-company__text p {font-size: 17px;line-height: 25px;color: var(--grey-text);}

.about-complex { padding-top: 70px}
.about-complex-slider .swiper-slide::before{ content: ''; position: absolute;top: 0;width: 100%;height: 100%; border-radius: 10px; background-image: linear-gradient(360deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 50%) 10%, rgb(255 255 255 / 0%) 35%); z-index: 20;}
.swiper-pagination-bullet-active {  background: #C05A4A!important; }
/* endregion */



/* region About Medical center styles */
.med-center__container { max-width: 1480px; display: flex; align-items: stretch;gap: 30px; flex-direction: column;}
.med-center { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; align-items: start; margin-top: 55px; }
.med-center.med-center--about {grid-template-columns: repeat(2, minmax(0, 1fr));}
.med-center__image { width: 100%; }
.med-center__image img {  width: 100%; border-radius: 10px; object-fit: contain;}
.med-center__text { width: 100%; align-content: center; box-sizing: border-box; position: relative; }
.med-center__text:before {content: '';  width: 30%; height: 2px; background-color: var(--red-color); display: block; position: absolute; top: 0; left: 0; }
/* endregion */


/* region Services styles */
.services { margin: 90px auto 50px; position: relative; width: 100%; }
.services__container {max-width: 1500px;margin: auto;padding: 80px 0 180px; }
.linear-slider {width: 100%; transition: all .6s; padding: 20px 0 40px;}
.linear-slider .swiper-slide {transition: opacity 0.3s;overflow: hidden; height: 576px; margin-right: -1px; }
.linear-slider .swiper-slide img {object-fit: cover; height: 100%; width: 100%;}
.swiper-slide.fade {opacity: 0.3;transition: opacity 0.3s ease;}
.linear-slider .swiper-button-next:after,
.linear-slider .swiper-button-prev:after {content: "";background: url("../../templates/img/arrow.png") no-repeat center;filter: invert(1);width: 40px;height: 5px;background-size: contain;}
.linear-slider .swiper-button-prev:after {transform: rotate(180deg);}
.linear-slider .swiper-button-next, .linear-slider  .swiper-button-prev {bottom:0; color: #000; top: unset;}
.linear-slider .swiper-button-next {right: 40px; left: unset; bottom: -8px; }
.linear-slider .swiper-button-prev {right: unset; left: 40px; bottom: -8px; }
.linear-slider .swiper-button-lock {display: block!important;}
.linear-slider .swiper-slide:hover { filter: none!important; cursor: pointer; }
.linear-slider .swiper-slide:nth-of-type(1) { filter: grayscale(100%) contrast(1.04); mix-blend-mode: lighten;}
.linear-slider .swiper-slide:nth-of-type(2) { filter: sepia(1) contrast(0.8); }
.linear-slider .swiper-slide:nth-of-type(3) { filter: grayscale(0.6) contrast(1.03); mix-blend-mode: lighten; }
.linear-slider .swiper-slide:nth-of-type(4) { filter: sepia(0.4) contrast(1.3) opacity(0.6); }
.linear-slider .swiper-slide:nth-of-type(5) { filter: hue-rotate(10deg) saturate(0.2); }
.linear-slider .swiper-slide:nth-of-type(6) { filter: hue-rotate(18deg) saturate(0.3);}
.linear-slider .swiper-slide:nth-of-type(7) { filter: sepia(0.8) grayscale(0.4) contrast(0.8);  mix-blend-mode: lighten; }
.linear-slider .swiper-slide:nth-of-type(8) { filter: hue-rotate(18deg) saturate(0.1) brightness(0.9); }
.linear-slider .swiper-slide:nth-of-type(9) { filter: sepia(1) contrast(0.8);  }
.linear-slider .swiper-slide-title { position: absolute; bottom: 30px; left: 30px;     z-index: 20;}
.linear-slider .swiper-slide-title h3 { margin-bottom: 10px; font-size: 28px; font-weight: 500;color: #fff; }
.linear-slider .swiper-slide-title p {margin: 10px 0; font-size: 18px; opacity: 0.8; color: #fff;}
.services__content .section-heading { text-align: center;}
.services__content .section-heading h2 {text-transform: uppercase; font-size: 50px; font-weight: 700; color: var(--red-color); line-height: 1.2; }
.services-slider.rtl {  direction: rtl; }
.conclusion { margin: 80px auto 0; max-width: 1480px; }
.income-components { text-align: center; padding-top: 30px; }
.income-components a { font-weight: 500;}
/* endregion */

/* region newStyle for main */
.med-center.block { padding-top: 70px;  display: flex;  flex-direction: column;     align-items: center; }

.med-center-txt { color: var(--grey-text); max-width: 1480px; margin: 0 }
.services.main { margin-top: 50px; }
.features__button { display: flex; justify-content: center; gap: 20px; }
/* endregion */



.glass {border: 1px solid #ececec;  box-sizing: border-box;  padding: 30px;}



/* region Gallery styles */
/* --------------------------------- */
.gallery { display: inline-block; width: calc(100% + 20px); left: -10px; position: relative; }
.gallery .gallery__item { float: left; width: 25%; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; }
.gallery .gallery__item a { height: 0; padding-bottom: 100%; background-size: cover!important; display: block; position: relative; color: #fff; width: 100%; transition: all .3s;  overflow: hidden; }
.gallery .gallery__item img { max-width: 100%; }
.gallery .gallery__item a:hover { transform: scale(1.05); }
.gallery .gallery__item a h3 { line-height: 20px; position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; background: rgb(4 4 4 / 64%); box-sizing: border-box; font-size: 14px; font-weight: 400; text-align: center; color: #fff; }
.gallery .gallery__item a h3:empty { padding: 0; }
.gallery .gallery__item.shorts {position: relative; width: 25%; padding-bottom: 48%; height: 0; float: left;}
.gallery .gallery__desc { color: var(--grey-text);}

#tabs-gallery {border: none;background-color: transparent;}
#tabs-gallery .ui-widget-content { border: none; padding-top: 60px;}
#tabs-gallery .ui-widget-content a img { width: 100%;}
#tabs-gallery .ui-widget-header {border: none;background: none;display: flex;align-items: center;justify-content: center;gap: 30px;}
#tabs-gallery .ui-tabs-nav li {background: var(--red-color);border-radius: var(--border-radius);font-size: 14px;text-transform: uppercase;border-bottom-width: 1px;border-color: #cccccc6b;}
#tabs-gallery .ui-tabs-nav li.ui-tabs-active {background: #f7f7f7; color: #000;}
#tabs-gallery .ui-tabs-nav .ui-tabs-anchor {width: 100%;height: 100%;font-size: 14px;padding: 20px 60px;text-align: center;box-sizing: border-box;color: #fff;}
#tabs-gallery  .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color: #000;}
#tabs-gallery .ui-tabs-nav li:hover {opacity: .8;}
.gallery-slider {width: 100%; padding: 20px 0 40px;}
.gallery-slider.bottom { padding: 100px 0 40px; }
.gallery-slider .swiper-slide {transition: opacity 0.3s;overflow: hidden;}
.gallery-slider .swiper-slide img {object-fit: cover; height: 100%; width: 100%; }
.gallery-slider .swiper-slide.fade {opacity: 0.3;transition: opacity 0.3s ease;}
.gallery-slider .swiper-button-next:after,
.gallery-slider .swiper-button-prev:after {content: "";background: url("../../templates/img/arrow.png") no-repeat center;filter: invert(1);width: 40px;height: 5px;background-size: contain;}
.gallery-slider .swiper-button-prev:after {transform: rotate(180deg);}
.gallery-slider .swiper-button-next, .gallery-slider  .swiper-button-prev {bottom:0; color: #000; top: unset;}
.gallery-slider .swiper-button-next {right: 40px; left: unset}
.gallery-slider .swiper-button-prev {right: unset; left: 40px;}
.gallery-slider .swiper-button-lock {display: block!important;}
/* endregion */


/* region Tables styles */
.about-all__statistic {
    margin: 60px auto;
    max-width: 1480px;
    padding: 0 30px;
}

.about-all__tables {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
}

.table-wrapper {flex: 1; height: 650px;}

.about-all__table {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.about-all__table .descr {
    min-height: 88px;
    margin-top: 30px;
}

.about-all__table p.red,
.about-all__chart p.red {
    text-align: center;
    font-weight: 600;
    color: var(--red-color);
}

table.table-data {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    margin-top: 8px;
    margin-bottom: 30px;
}

table.table-data th, td {
    border: 1px solid rgba(0,0,0,0.06);
    padding: 10px 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

/* first column (labels) */
table.table-data td.label {
    font-weight: 700;
    text-align: left;
    padding: 18px;
    /*width: 34%;*/
    background: var(--light-gray) !important;
}

/* top header */
table.table-data thead th {
    font-size: 16px;
    font-weight: 700;
    padding: 18px;
    background: var(--light-gray) !important;
}

/* footer percent row (red) */
.percent {
    color: var(--red-color);
    font-size: 16px;
    font-weight: 700;
}

.row-hover {
    background: var(--light-gray) !important;
    transition: background 0.2s ease;
}

/* small secondary text inside cells */
.muted {
    display:block;
    font-size: 13px;
    font-weight: 500;
    opacity: 0.9;
    margin-top:6px;
}

/* leftmost top empty cell */
table.table-data th.empty {
    border-right: 1px solid rgba(0,0,0,0.08);
}

.about-all__chart {
    margin-top: 60px;
}

.about-all__chart p {width: 70%; margin: 30px auto;}

#chartdiv {
    width: 100%;
    height: 500px;
}

/*#chartdiv .am5-layer-30 { visibility: hidden;}*/

/* endregion */

/* region Feature styles */

.features__items, .object-params__list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.object-params__list--cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.features__items.border .features__item {border: 2px solid var(--red-color);}
.features__items.invest {  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.features__item.features__item--invisiable {background: transparent;}
.features__bg {background: url("../../templates/img/invest-bg.jpg") no-repeat center;background-size: cover;width: 100%;height: 100%;padding: 75px 0;}
.container-wrapper.apartaments { max-width: 1100px; }
.features__item { background: #fff; border-radius: var(--border-radius); height: 90px; padding: 20px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; flex: 0 0 calc((100% - 40px) / 3);  box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 200px; }
.features__item a {display: block;color: #000;text-decoration: none;}
.features__item:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.features__subtitle {max-width: 500px;margin: 0 auto;font-weight: 300;color: var(--grey-text);;text-align: center; padding: 50px 0 20px;}

/* endregion */
.object-params {padding: 55px 0;  }
.object-params__item { background: #fff; border-radius: var(--border-radius); padding: 20px 30px; text-align: center;transition: transform 0.3s, box-shadow 0.3s; display: flex; justify-content: center;  align-items: center; min-width: 200px; flex-direction: column; gap: 15px; border: 1px solid #ececec;}
.object-params__item:hover {transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1);  }
.object-params__icon {width: 64px; height: 64px; transition: 0.3s ease;}
.object-params__item:hover .object-params__icon {transform: rotateY(360deg); filter: brightness(150%); }
.object-params__icon img {width: 100%; object-fit: contain;}


.inv-block { padding: 40px 0;}
.inv-block .container-wrapper { display: flex; flex-direction: row; gap: 30px; box-sizing: border-box;}
.inv__list { list-style: square; margin: 0; padding: 0; display: flex; flex-direction: column; max-width: 30%;}
.inv__item { position: relative; padding: 16px 18px 16px 0; font-size: 14px; line-height: 1.2; opacity: 0; transform: translateY(20px); animation: itemFadeUp 0.6s ease forwards; transition: all 0.3s ease-in; }
.inv__item:nth-child(1) { animation-delay: 0.05s; }
.inv__item:nth-child(2) { animation-delay: 0.1s; }
.inv__item:nth-child(3) { animation-delay: 0.15s; }
.inv__item:nth-child(4) { animation-delay: 0.2s; }
.inv__item:nth-child(5) { animation-delay: 0.25s; }
.inv__item:nth-child(6) { animation-delay: 0.3s; }
.inv__item:nth-child(7) { animation-delay: 0.35s; }
.inv__item:nth-child(8) { animation-delay: 0.4s; }
.inv__item:nth-child(9) { animation-delay: 0.45s; }
.inv__item:nth-child(10) { animation-delay: 0.5s; }
.inv__item:nth-child(11) { animation-delay: 0.55s; }
.inv__item:nth-child(12) { animation-delay: 0.6s; }
.inv__item:nth-child(13) { animation-delay: 0.65s; }
.inv__item:nth-child(14) { animation-delay: 0.7s; }

.inv__item:hover {  transform: translateY(-2px); transition:all 0.3s ease; padding-left: 15px; color: var(--red-color);}

@keyframes itemFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.amenities {  margin: 0 auto; }
.amenities__header { text-align: center; margin-bottom: 60px; opacity: 0; transform: translateY(-30px); animation: fadeInDown 0.8s ease forwards; }
@keyframes fadeInDown { to { opacity: 1; transform: translateY(0); } }

.amenities__title { font-size: 48px; font-weight: 300; color: #1a1a2e; margin-bottom: 15px; letter-spacing: -1px; }
.amenities__subtitle { font-size: 18px; color: #7f8c8d; font-weight: 300; }

.amenities__grid { display: grid; grid-template-rows: repeat(auto-fit,minmax(400px,1fr)); gap: 40px; margin-bottom: 40px; }

.amenities-card { background: white; border-radius: 8px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); opacity: 0; transform: translateY(30px); position: relative; display: flex; border: 1px solid #ececec; }
.amenities-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--red-color); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
.amenities-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(0,0,0,0.15); }
.amenities-card:hover::before { transform: scaleX(1); }

.amenities-card__header { padding: 35px 35px 25px; background: var(--red-color); position: relative; overflow: hidden; }

.amenities-card__icon { font-size: 48px; margin-bottom: 15px; display: inline-block; animation: float 3s ease-in-out infinite; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

.amenities-card__title { font-size: 28px; font-weight: 400; color: white; letter-spacing: 0.5px; position: relative; z-index: 1;    writing-mode: sideways-lr; }
.amenities-card__body { padding: 35px; display: flex; justify-content: flex-start;  width: 100%;  gap: 100px;}

.amenities-card__list { list-style: none; width: 45%;}
.amenities-card__item { padding: 18px 0 18px 35px; border-bottom: 1px solid #ecf0f1; position: relative; color: #34495e; line-height: 1.6; font-size: 15px; opacity: 0; transform: translateX(-20px); transition: all 0.3s ease; }
.amenities-card__item:last-child { border-bottom: none; }
.amenities-card__item::before { content: '✓'; position: absolute; left: 0; color: var(--red-color); font-weight: bold; font-size: 18px; transition: transform 0.3s ease; }

.amenities-card__item:hover { padding-left: 45px; color: #2c3e50; }
.amenities-card__item:hover::before { transform: scale(1.3); }

.amenities-card__country { color: #95a5a6; font-size: 13px; font-style: italic; margin-left: 8px; }

.amenities__footer { text-align: center; margin-top: 60px; padding: 40px; background: white; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); opacity: 0; animation: fadeIn 1s ease 0.5s forwards; }
@keyframes fadeIn { to { opacity: 1; } }
.amenities__footer-text { font-size: 16px; color: #7f8c8d; line-height: 1.8; }



.amenities-card.is-visible { animation: slideUpUp 0.6s ease forwards; }
@keyframes slideUpUp { to { opacity: 1; transform: translateY(0); } }

.amenities-card__item.is-visible { animation: slideInLeftUp 0.4s ease forwards; }
@keyframes slideInLeftUp { to { opacity: 1; transform: translateX(0); } }


.black-shadow { position: relative; height: 100%!important; overflow: hidden!important;}
.black-shadow::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.8) 90%); pointer-events: none; z-index: 1;}

/* region Building progress styles */
.building-progress {  max-width: 1480px; margin: 70px auto 100px;}
.building-progress__period { margin: 0 30px 70px 30px;}
.building-progress__title { color: var(--red-color); margin-bottom: 40px;}

/* endregion */


/* region FAQ styles */

.faq { max-width: 1150px;margin: 70px auto; }
.faq-item { border-bottom: 1px solid #ccc;}
.faq-item:first-of-type { margin-top: 57px; border-top: 1px solid #ccc;}
.faq-question { cursor: pointer; padding: 15px 10px; font-weight: 500; position: relative;  user-select: none; display: flex; justify-content: space-between;  align-items: center;}
.faq-answer {display: none; padding: 10px;  border-left: 3px solid var(--red-color);  background: #fafafa;}
.faq-answer ul li {border: none;}
.faq-toggle-icon { opacity: 0.6; transition: all .3s;}
.faq-item.open .faq-toggle-icon { transform: rotate(180deg); }

/* endregion */

/* region Contacts styles */

.contacts__container { position: relative;height: 562px; width: 100%; }
.contacts__container:after {position: absolute;top: 0;left: 0;display: block;width: 47%;height: 100%;content: '';pointer-events: none;background: -webkit-linear-gradient(left, var(--light-gray) 70%, rgba(255, 255, 255, 0));}
.contacts__data { position: absolute; z-index: 10; height: 100%; padding: 50px 10px 100px 140px; box-sizing: border-box; }
.data-phone { margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.data-phone__numbers a { display: block; margin-bottom: 3px; }
.data-email img { margin-right: 10px; }
.data-email { margin-bottom: 20px;}
.data-socials { margin-top: 10px; display: flex; justify-content: start;  gap: 12px; align-items: center; }
.data-socials img { filter: invert(1); }
.data-socials img:last-of-type { width: 26px;}
.map { position: relative; width: 100%; height: 100%;}
.map iframe { position: relative; width: 100%; height: 100%;}

.form-wrapper { position: relative; height: 100%; padding: 40px 25px 36px; max-width: 1480px;margin: -63px auto 0;background-color: #fff;border: 1px solid #ededed;z-index: 10;  box-shadow: 1px 6px 12px 0 var(--light-gray); box-sizing: border-box;}
.form-wrapper form  { width: 100%; display: flex; flex-direction: column; gap: 10px; align-items: center; }
.form-wrapper form .input-group { display: flex; gap: 10px; width: 100%; }
.form-wrapper form .input-group .input-field {  flex-grow: 1; }
.form-wrapper form .input-field.full-width { width: 100%; }
.form-wrapper form input { width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #ededed; resize: none;  border-left: 3px solid var(--red-color); }
.form-wrapper form textarea { width: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #ededed; border-left: 3px solid var(--red-color); resize: none; }
.form-wrapper form select { height: 100%; width: 100%; padding: 15px;  cursor: pointer; box-sizing: border-box; color: #5d5d5d; border: 1px solid #0000004a; border-left: 3px solid #435696; }
.form-wrapper form select option:hover { cursor: pointer; background-color: #2d8ac7; }
.form-wrapper form .btn { margin-top: 20px;}
.containerView--content--present ul li.check-mark { display: flex; margin-bottom: 5px; }
#topic {cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.option-hover { background-color: grey; }
/* endregion */


/* region containerView styles */
.containerView { box-sizing: border-box; padding: 0 0 120px; min-height: 100vh;}
.containerView .containerView--header { margin-top: 70px;}
.containerView .containerView--content--banner {position: relative;width: 100%; height: 600px; }
.containerView .containerView--content--banner img { width: 100%; height: 100%; object-fit: cover}
.containerView .containerView--title {   border-bottom: 1px solid #ededed; margin-bottom: 13px; margin-top: 26px; }
.containerView .containerView--title h1 { padding-bottom: 5px; font-size: 40px; font-weight: 800; color: var(--red-color); }
.containerView .containerView--title a { font-size: 45px; color: #000; }
.containerView .containerView--bread a { font-size: 13px; color: #999; }
.containerView .containerView--content { position: relative; padding: 35px 0 0 0; min-height: 50vh; }
.containerView .containerView--content .containerView--content--left { float: left; padding-top: 5px; position: relative; overflow: hidden; }
.containerView .containerView--content .containerView--content--right {  }
.containerView .banner-title { position: absolute;left: 150px; top: -200px; height: fit-content;}
.containerView--content--right img { max-width: 100%; }
/* endregion */

/* region Footer styles */
.containerFooter {  padding-bottom: 35px; border-top: 1px solid var(--light-gray); text-align: center; }
.containerFooter--top,
.containerFooter--bottom { display: flex; }
.containerFooter--bottom {margin-top: 20px;}
.containerFooter--left { background-color: var(--light-gray); width: 39%; padding: 20px 40px 100px; display: flex; justify-content: end; box-sizing: border-box; }
.containerFooter--left .containerFooter--logo a img { filter: invert(1);}
.containerFooter--contacts { text-align: start;}
.containerFooter--contacts .phone,
.containerFooter--contacts .email  {  margin-left: 10px; font-size: 15px; }
.containerFooter--contacts .containerFooter--location  {  font-size: 15px; gap: 10px; display: flex; flex-direction: row;align-items: flex-start; padding: 10px 0 0;}
.containerFooter--contacts .containerFooter--location  p { margin: 0; }
.containerFooter--phone { margin: 25px 0 10px;}
.containerFooter--center { display: flex; gap: 50px; width: 60%; margin-left: 100px; }
.containerFooter--center ul { list-style: none;  text-align: start; }
.containerFooter--center ul li  { padding: 5px 0;}
.containerFooter--center ul li a { font-size: 15px;}
.containerFooter--center .containerFooter--contacts { display: flex; justify-content: center;gap: 30px; margin-top: 50px;}
.containerFooter--copyright { width: 30%; text-align: center; font-size: 12px; color: #B2B2B2; }
.containerFooter--copyright a { color: rgb(141 141 141 / 85%); font-weight: 600; }
.containerFooter--socials { width: 40%; text-align: end;}
.containerFooter--socials a img { filter: invert(1); width: 22px; margin-right: 5px; }
.containerFooter--link .first { font-weight: 600; margin-bottom: 15px; }
.containerFooter--link a:hover { text-decoration: underline; }
/* endregion */

.container--checkbox {display: block; font-size: 13px; position: relative; padding-left: 35px; margin-bottom: 12px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container--checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff;  border: 1px solid var(--light-gray); border-radius: 4px;}
.container--checkbox:hover input ~ .checkmark { border-color: #656565;}
.container--checkbox input:checked ~ .checkmark { background-color: #000000;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container--checkbox input:checked ~ .checkmark:after { display: block;}
.container--checkbox .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.containerMenu {opacity: 0.5; position: fixed; top: 0; left: -100%;  width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.85); transition: all 300ms ease;  }
.containerMenu--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-block: 40px; }
.containerMenu--close { position: absolute; top: 0; right: 14px; padding: 20px 10px; font-size: 60px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s;z-index: 1001;}
.containerMenu--content { position: relative; display: flex; justify-content: center; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all .3s; }
.containerMenu--content.active { margin-bottom: 0; opacity: 1; visibility: visible; }
.containerMenu--content a { display: block; color: #fff; font-size: 22px; font-weight: 300; padding: 15px 0; border-bottom: 1px solid #ffffff47; }
.containerMenu--content ul { padding-left: 0; list-style: none; }
.containerMenu--content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255,255,255,0.7); }
.containerMenu--content a:hover{ opacity: 1; text-shadow: 0 0 11px #fff, 0 0 14px #5886c9; }
.containerMenu--content a:last-child { border-bottom: none; }
.containerMenu ul li { position: relative; padding-block: 0; }
.containerMenu ul { min-width: 400px; max-width: 80%; padding-top: 100px;}
.containerMenu ul li a.first--link + .arrow { z-index: 666; display: none; cursor: pointer;  position: absolute;  top: 0;  right: 1px;  background-image: url(../img/arrow-bottom.png);  background-position: center; background-size: contain; height: 15px;    width: 15px;    padding: 17px 11px; filter: invert(1); }

.containerMain { padding-block: 40px; }
.containerWithBg { background: var(--light-gray); }
.containerMain--news { padding-block: 60px; }
.containerMain--content { display: flex; gap: 80px; }
.containerMain--text { flex: 2; }
.containerMain--image { flex: 3; }
.containerMain--image img { width: 100%; max-width: 100%; }
.containerMain--title {font-size: 50px;color: #434343; }
.containerMain--title span { color: var(--red-color); }
.containerNewsMain { max-width: 1640px; display: flex;justify-content: center;gap: 30px; margin: 70px auto; }

.wellness {}
.wellness__item {display: flex; flex-direction: row; gap: 30px; box-sizing: border-box; padding: 30px 0; justify-content: space-between; position: relative;}
.wellness__item--reverse {flex-direction: row-reverse}
.wellness__img {width: 40%; border-radius: 10px; overflow: hidden;}
.wellness__img img { width: 100%; object-fit: contain;}
.wellness__txt {width: 55%; display: flex; justify-content: center;flex-direction: column; gap: 1em; }
.wellness__txt:after {content: ''; width: 30%; height: 2px; background-color: var(--red-color); display: block; position: absolute; bottom: 30px;  left: 0; }
.wellness__txt ul, .wellness__txt p  {margin-block-start:0;    margin-block-end: 0;}
.wellness__txt ul li  {padding-block: 0;}
.wellness__item--reverse  .wellness__txt:after { bottom: 30px;  left: unset; right: 0; }


/*----------------*/
.privacy-policy { max-width: 1640px; min-width: 375px; padding: 0 80px; margin: 0 auto; box-sizing: border-box; }
.privacy-policy p { position: relative; padding-left: 20px; margin-bottom: 20px; width: 100%; box-sizing: border-box; }
.privacy-policy p::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;  background-color: var(--red-color); }


@keyframes slideIn {
    to {
        transform: translateX(0);
    }
}


@keyframes pulse {
    0% {
        transform: translate(780px, 457px);
    }
    50% {
        transform: translate( 500px, 182px);
    }
    100% {
        transform: translate(780px, 457px);
    }
}


@keyframes appearance {
    0%   {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes shiny-btn {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



@media screen and (max-width: 1800px) {
   .containerHeader--left { gap: 45px;}
}

@media screen and (max-width: 1700px) {
    .about-us { padding: 0 80px; }
}

@media screen and (max-width: 1600px) {
    .container-wrapper.company { padding: 0 15px;}
    .container-wrapper.complex { max-width: 1600px; padding: 0 0 0 60px;}
    .hero__button { font-size: 14px; padding: 15px 20px 15px 20px;}
    .about-all__table .descr { min-height: 155px;}
    .containerHeader--menu ul {font-size: 12px;}

}

@media screen and (max-width: 1500px) {

}


@media screen and (max-width: 1400px) {


}

@media screen and (max-width: 1200px) {
    .containerHeader--burger { display: block; }
    .containerHeader--left { padding-left: 35px;}
    .containerNewsMain { gap: 0; padding: 0 25px; }
    .income-components { padding: 0 80px; }
    .containerHeader--menu ul { display: none;}
    .hero__title {  }
    .gallery { display: flex; position: relative; flex-wrap: wrap; max-width: 1100px; justify-content: left; margin: 0 auto; }
    .about-us { padding: 0 80px; }
    .about-us__summary, .about-us__chief { flex-direction: column; }
    .about-us__chief .about-us__img { order: 2; }
    .about-us__summary, .about-us__chief { gap: 0; }
     .features__items, .object-params__list { grid-template-columns: repeat(3, 1fr); }
    .architect-design__wrapper { padding: 0 80px; }
    .about-all__rectangle { margin: 0 80px; gap: 50px; padding: 0; }
    .architect-design-block { flex-wrap: wrap; height: auto; margin: 0; padding: 0 80px; }
    .architect-design-block .architect-design_img { order: 1; }
    .architect-design__txt { padding: 0; }
    .architect-design__plan-img img { width: 100%; }
    #tabs-planing { border: none; padding-top: 60px; padding-left: 0; padding-right: 0; position: relative;}
    .building-progress { padding-left: 80px; padding-right: 80px }
    .about-view { flex-wrap: wrap; margin: 0 80px; height: 100%; }
    .about-view__txt { order: 2; padding: 0; margin: 0 auto; max-width: 700px; }
    .about-view__img { margin: 0 auto; padding: 0; display: flex; justify-content: center; align-items: center; width: 80%;}
    .about-view__img img { height: 400px; width: 100%; border-radius: 10px; }
    .conditions__item { padding:  0 80px; }
    .med-center__container { flex-wrap: wrap; align-items: center; justify-content: center; }
    .med-center__image { margin: 0 auto; }
    .med-center__text { order: 2; padding-left: 0; padding-right: 0; width: 100%; }
    .container-wrapper { padding: 0 80px; }
    .gallery__item { flex:  0 0 48%; }
    .architext-design__plan { padding: 0 80px; }
    .architect-design__plan-text {    flex-direction: row; width: 100%;}
    .architect-design__plan-img { width: 100%; flex-direction: column;box-sizing: border-box; padding: 30px; }
    .about-all__statistic { padding: 0 80px 0 80px }
    .containerFooter--center { margin-left: 0; gap: 20px; width: 70%; }
    .containerFooter--left { width: 30%;}
    .building-progress__period { margin-bottom: 70px;}
    .architext-design__plan p { margin-top: 50px; }
    .contacts__data { padding-left: 50px; }
    .about-all__tables { flex-direction: column;}
    .about-all__chart p { width: 100%;}
    .about-all__table .descr { min-height: auto;}
    .features__item.features__item--invisiable {display: none;}
    .wellness__item--reverse, .wellness__item {flex-direction: column-reverse;}
    .wellness__txt, .wellness__img {width: 100%;}
    .wellness__txt:after {display: none;}
    .faq { padding: 0 80px; }
    .features__item { flex: 1 1 calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2); box-sizing: border-box; height: 130px;}
}


@media screen and (max-width: 1024px) {
    .containerFooter--center ul { padding-left: 20px; }
    .hero { height: 100vh;}
    .hero__title {  }
    .hero__slider { }
    .architect-design__wrapper { flex-wrap: wrap; margin-block: 30px;}
    .med-center {grid-template-columns: repeat(1, minmax(0, 1fr)); margin: 55px 0;}
    .med-center.med-center--about {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .med-center__container {flex-direction: row; flex-wrap: nowrap; gap: 40px;}
    .med-center.med-center--about .med-center__container {flex-direction: column;}
    .med-center__image {width: 40%;}
    .med-center.med-center--about .med-center__image {width: 100%;}
    .med-center__text {padding-left: 40px;}
    .med-center.med-center--about .med-center__text {padding-left: 0;}
    .med-center__text:before {width: 2px; height: 100%; bottom: 0; top: unset;}
    .med-center.med-center--about .med-center__text:before {width: 30%; height: 2px; bottom: unset; top: 0; }
    .amenities-card__body {gap: 50px;}

    .hero__caption {
        margin-bottom: 20px;
    }

    .hero__slider {
        min-height:330px;
    }
}
@media (max-height: 1000px) {
    .hero__content {
        bottom: 5%;
    }

    .hero__caption {
        margin-bottom: 20px;
        font-size: 23px;
    }
}

@media screen and (max-width: 910px) {
    .features__items, .features__items.invest  { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 880px) {
    .architect-design__plan-img { width: 100%; padding: 80px 40px }
    .architect-design__plan-img img { width: 100%; }
    .containerHeader--phone .tel-icon { padding-top: 3px;}
    .containerHeader--phone { margin-top: 0; }
    .containerNewsMain { flex-wrap: wrap; justify-content: start; }
    .containerFooter--top { flex-direction: column; }
    .containerFooter--center { width: 100%; justify-content: center;}
    .containerFooter--left { padding: 20px; width: 100%; }
    .conclusion { margin: 0 auto;}
    .contacts__data { top: -60px; }
    .contacts__container:after { display: none;}
    .map { padding-top: 230px;}
    .contacts__container { height: 700px;}
    .table-wrapper { overflow-x: scroll;}
    .features__items, .features__items.invest  { grid-template-columns: repeat(2, 1fr); }
    .amenities-card__body {flex-direction: column; gap: 0;}
    .amenities-card__list {width: 100%; margin-block-start: 0; margin-block-end: 0;padding-inline-start: 0;}
    .object-params__list { grid-template-columns: repeat(2, 1fr);  }
}

@media screen and (max-width: 768px) {
    .containerHeader--logo { width: 130px;}
    .container-wrapper { padding: 0 50px;}
    .building-progress__period { margin-bottom: 70px;}
    .about-us { padding: 0 50px; margin-top: 0; }
    .about-us__img img { width: 100%; }
    .about-us__img { width: 100%; }
    .about-all__rectangle { margin: 0 40px; gap: 50px; flex-direction: column; align-items: center;}
    .about-all__title { font-size: 25px;  margin: 0 40px 30px; padding-top: 70px }
    .about-all__button { max-width: 300px; margin: 0 auto; }
    .about-all__image {height: 300px;}
    .hero__button { min-width: 200px;}
    .hero__title { font-size: 30px; max-width: 450px;}
    .hero__title span { font-size: 35px; }
    .hero__slide .hero__title { }
    .hero__slide .hero__subtitle { margin-bottom: 36px;}
    .hero__subtitle { max-width: 500px;}
    .container-wrapper.apartaments { max-width: 1100px; padding: 0 40px; }
    .features__item a { font-size: 15px; }
    .features__subtitle { font-size: 17px; }
    .planing-slider { overflow: hidden; }
    .swiper-slide { overflow: hidden; }
    .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .architect-design_img { display: flex; width: 100%; }
    .architect-design__wrapper img, .architect-design-block img { height: auto; width: 80%; margin: 0 auto; }
    .architect-design__wrapper { padding: 0 50px 0 50px; }
    .about-all__rectangle-img { width: 80%;}
    .container-wrapper .architext-design__plan {  padding: 40px 0 0 0; }
    .architect-design__txt { padding: 0; }
    .architect-design-block { margin: 0; padding: 0 40px; }
    .architect-design__plan-img { width: 100%; }
    .architect-design__plan-img img { width: 100%; }
    .container-wrapper.apartaments { max-width: 1100px; } { font-size: 17px; padding: 0 40px; }
    .about-view { margin: 0 40px; }
    .about-view__img { width: 100%; }
    .about-view__img img { height: auto; width: 100%; border-radius: 10px; }
    .conditions__item { flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0 50px; }
    .income-components { padding: 30px 40px 50px 40px; }
    .gallery__item { float: left; width: 25%; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; flex: 1 100%; left: 0; }
    .building-progress { padding: 0 20px; }
    .conditions__elements, .conditions__elements.three { width: 100%; }
    .conditions__item {gap: 20px;}
    .containerView .banner-title { left: 10%; }
    .med-center { padding-top: 35px; }
    .containerMenu ul { padding-left: 70px;}
    .containerMenu--content a { font-size: 18px; padding: 7px 0;}
    .about-all__statistic { margin-top: 0; padding: 0 50px 0 50px; }
    .med-center__text:before { height: 60%; bottom: 20%;}
    .hero__caption { font-size: 20px; max-width: 450px; padding: 10px }
    .hero__caption span { margin-top: 5px; }
    .hero__caption span:first-of-type { font-size: 17px; }
    .hero__caption span:last-of-type { font-size: 15px; font-weight: 600; }
    .faq { padding: 0 50px; }
    .privacy-policy { padding: 0 50px;}
    .features__item { flex: 1 1 100%; width: 100%; box-sizing: border-box; max-width: 100%; }
}

@media screen and (max-width: 700px) {
    .hero__slider { min-height: 300px;}
    .features__button { flex-direction: column; gap: 0; }
    .btn--red.large { margin-top: 20px;}
    table.table-data,
    table.table-data thead th{ font-size: 15px; line-height: 17px;}
    table.table-data td.label { padding: 12px;}
}

@media (max-width: 650px) {
    .table-data th,
    .table-data td { padding: 8px 4px; font-size: 12px; word-break: break-word; }

    .table-data small { display: block; }
}

@media screen and (max-width: 600px) {
    .hero__button { min-width: 100px; font-size: 12px; gap: 10px; }
    .architect-design__plan-text {    flex-direction: column;}
}


@media screen and (max-width: 576px) {
    .containerView .containerView--content--banner { height: 400px;}
    .containerHeader { padding: 15px 0;}
    .hero__slider { min-height: 255px;}
    .container-wrapper { padding: 0 30px;}
    .white-background { padding: 30px 0;}
    .red-title { font-size: 35px; }
    .containerFooter--copyright { width: 50%; justify-content: start; margin-left: 15px;}
    .containerFooter--left {  }
    .containerHeader--left { gap: 15px;}
    .containerHeader--logo,
    .containerHeader--logo.small {width: 100px;}
    .med-center { gap: 35px; margin: 40px 0; padding-top: 0;}
    .med-center__image {width: 100% ; }
    .med-center__text:before { height: 100%; bottom: 0;}
    .container-wrapper.med-center { padding: 0 30px;}
    .med-center__container { flex-direction: column; gap: 20px; }
    .services { margin-bottom: 0; margin-top: 60px;}
    .linear-slider .swiper-slide { height: 400px;}
    .about-all__rectangle-img { width: 100%;}
    .btn--red.large { padding: 10px 50px;}
    .features__items, .object-params__list  { grid-template-columns: 1fr; }
    #chartdiv {height: 300px;}
    .about-all__statistic { margin-top: 0; padding: 0 30px; }
    .med-center.med-center--about {margin-bottom: 0;}
    .features__items, .features__items.invest { grid-template-columns: repeat(1, 1fr); }
    .architect-design__wrapper { padding: 0 30px; }
    .conditions__item { padding: 0 30px; }
    .about-us { padding: 0 30px; }
    .faq { padding: 0 30px; }
    .containerHeader--contacts.phone-active .phone { font-size: 15px; margin-left: 10px;}
    .containerHeader--phone { align-items: center; }
    .privacy-policy { padding: 0 30px; }
}


@media screen and (max-width: 500px) {
    .containerHeader--left { padding-left: 10px;}
    .containerHeader--right { padding-right: 10px;}
    .containerHeader--contacts { gap: 10px; }
    .containerFooter--center { gap: 0; }
    .containerFooter--center ul li { padding: 2px 0;}
    .containerFooter--center ul li a {font-size: 13px; line-height: 3px; }
    .hero__buttons { flex-direction: column; }
    .hero__button { width: 250px; gap: 20px;}
    .hero__content { width: 400px;}
    .hero__slider {min-height: 340px;}
    .hero__title { font-size: 30px;}
    .hero__subtitle { max-width: 350px;}
    .containerView .banner-title {top: -140px; }
    .containerView .containerView--content--banner { height: 350px;}
    blockquote { padding-right: 0;}
}