html,
body {
	height: 100%;
}

html {
	height: 100%;
	scroll-behavior: smooth;
	font-size: calc(100vw / 1710 * 10);
}

html * {
	box-sizing: border-box !important;
}

@media (max-width: 1200px) {
	html {
		font-size: calc(100vw / 992 * 9);
	}
}

@media (max-width: 992px) {
	html {
		font-size: calc(100vw / 768 * 10);
	}
}

@media (max-width: 768px) {
	html {
		font-size: calc(100vw / 576 * 10);
	}
}

@media (max-width: 576px) {
	html {
		font-size: calc(100vw / 390 * 10);
	}
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: inherit;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

input,
textarea {
	outline: none;
	font-size: 1.6rem !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 1.6rem !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: 1.6rem !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 1.6rem !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	font-size: 1.6rem !important;
}

input::placeholder,
textarea::placeholder {
	font-size: 1.6rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
}

p {
	margin: 0 0 1.5rem 0;
}

p:last-child {
	margin: 0;
}

body {
	/* font-family: "Outfit", sans-serif; */
	font-family: "Orbitron", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	background-color: #0A0A0A;
	height: 300vh;
	min-width: 32rem;
	overflow-x: hidden;
}

.wrapper {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%
}

.main {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.footer {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.container {
	max-width: 137rem;
	width: 100%;
	padding: 0 1.5rem;
	margin: 0 auto;
}

body.preloader-active {
  overflow: hidden; /* блокування скролу */
}

.preloader {
  position: fixed;
  inset: 0;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  	background-image: url("../imaages/content/preloader-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity 0.8s ease, visibility 0.8s ease;
}


.preloader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader__inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.preloader__logo{
	width: 14rem;
	height: 14rem;
	margin: 0 0 5rem 0;
}
.preloader__logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.preloader__box{
	border-radius: .3rem;
	border: .1rem solid #303030;
	padding: 2rem;
	max-width: 55rem;
	width: 100%;
	margin: 0 auto;
}
.preloader__three{
	position: relative;
	width: 100%;
	height: 4px;
	background-color: #232323;
}

.preloader__progres{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	background-color: #c87d49;
}
.preloader__info{
	color: #c87d49;
	font-size: 1.4rem;
	line-height: 100%;
	text-align: center;
	margin: 1.5rem 0 0 0;
}


.header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 90;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s;
}
.header .header__inner > .btn{
    width: 20rem;
}
.header .header__inner > .btn .btn__img img{
    transform: rotate(-125deg);
    transition: linear .2s;
}

.header .header__inner > .btn:hover img{
     transform: rotate(-90deg);
}

.header.sticky{
     background-color: rgba(0, 0, 0, 0.5); 
     backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
}

.header.sticky .header__inner {
	padding: 1rem 0;
	height: 9.5rem;
		-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s;
}

.header__inner {
	padding: 3.5rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 13.5rem;
}

    .header__inner > .btn .btn__img{
        width: 4.4rem;
        flex-shrink: 0;
    }

.header__logo {
	display: block;
	width: 5rem;
	height: 5rem;
}

.btn-link {
	width: fit-content;
	display: flex;
	align-items: center;
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	text-transform: uppercase;
	transition: linear .2s;
}

.btn-link span {
	display: block;
	margin: 0 0.8rem;
	color: #D54300;
	transition: linear .2s;
}

.btn-link:hover span:first-child {
	transform: translateX(-.5rem) scale(1.1);
}

.btn-link:hover span:last-child {
	transform: translateX(.5rem) scale(1.1);
}

.header__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.header__nav {
	padding: 0.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6.5rem;
	border: .1rem solid rgba(48, 48, 48, 1);
	border-radius: .3rem;
	position: relative;
	z-index: 1;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;

}

.header__nav ul {
	padding: 0 3rem;
	background: #181818;
	height: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header__nav li+li {
	margin: 0 0 0 3rem;
}

.header .slider {
	position: absolute;
	z-index: -1;
	bottom: 0;
	height: 100%;
	border-top: .1rem solid #D54300;
	border-bottom: .1rem solid #D54300;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	pointer-events: none;
}

.header__nav ul a {
	display: block;
	padding: 1.2rem .5rem;
	font-family: "Outfit", sans-serif;
	color: #fff;
	font-size: 1.6rem;
	-webkit-transition: linear .2s;
	-o-transition: linear .2s;
	transition: linear .2s;
}

.top-line__right {
	display: none;
}


.intro {
	padding: 14.5rem 0 10rem 0;
	height: 100vh !important;
	position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
	overflow: hidden;
}

.intro .container {
	position: relative;
	z-index: 2;
	height: 100%;
}

.intro__box .btn-down.btn-mob {
	display: none;
}

.intro::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 12rem;
	background: linear-gradient(180.00deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, 1) 100%);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.intro__inner {
	padding: 7rem 0 0 0;
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;

}

.intro__inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 5.5rem;
	height: 1.5rem;
	background-image: url("../imaages/icons/intro-decor.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.intro__inner::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5.5rem;
	height: 1.5rem;
	background-image: url("../imaages/icons/intro-decor.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}

.btn {
	display: flex;
	align-items: center;
	width: fit-content;
	background-image: url("../imaages/icons/btn-1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.btn__img {
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.4rem;
	height: 4.4rem;
	background-color: #D54300;
}

.btn__img img {
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	transition: linear .2s;
}

.btn span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem 1.1rem;
	margin: 0 0 0 -.1rem;
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	text-transform: uppercase;
	width: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 71%, 91% 100%, 0 100%, 0% 50%);
	transition: linear .2s;
}

.btn:hover .btn__img img {
	transform: rotate(-90deg);
}

.btn:hover span{
    background-color: rgb(213, 67, 0);
}

.intro__inner .btn-down {
    display: flex;
    align-items: center;
    column-gap: .4rem;
    font-size: 1.6rem;
	position: absolute;
	bottom: 0;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	font-family: "Outfit", sans-serif;
}

.intro .soc {
	position: absolute;
	bottom: 0;
	z-index: 3;
	right: 0;
}

.soc {
	display: flex;
	align-items: center;
}

.soc li+li {
	margin: 0 0 0 1rem;
}

.soc svg path {
	transition: linear .2;
}

.soc a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
}

.soc svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.soc svg path {
	transition: linear .1s;
}

.intro .soc a:hover svg path:first-child {
	stroke: #fff;
}

.intro .soc a:hover svg path:not(:first-child) {
	fill: #fff;
}

.intro__box {
	position: absolute;
	top: 0;
	left: 0;
	width: 125rem;
}

.intro__title {
	color: rgba(255, 255, 255, 1);
	font-size: 15rem;
	font-weight: 500;
	line-height: 100%;
}

.title-right {
	text-align: right;
}

.intro__img {
	position: relative;
	z-index: 1;
	width: 41rem;
	height: 41rem;
	z-index: 15;
}

.intro__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 15;
}

.intro__text {
	position: absolute;
	bottom: 4rem;
	left: 1rem;
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
}

.intro__text p {
	margin: 0 0 .2rem 0;
}

.intro__title-show {
	width: 83.5rem;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: none;
	z-index: 20;
	font-size: 9.6rem;
	text-align: center;
}

.intro {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 10;
	background: inherit;
	opacity: 1;
	pointer-events: auto;
}

.subintro {
    margin: -55vh 0 0 0;
	opacity: 0.2;
	pointer-events: none;
	transition: opacity .3s ease;
	position: relative;
	z-index: 1;
}

.subintro__img {
	width: 7.5rem;
	height: 7.5rem;
	margin: 0 auto 1rem;
}

.subintro__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dss-title {
	max-width: 83.5rem;
	font-size: 9.6rem;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	margin: 0 auto 3rem;
}

.subintro__text {
	max-width: 89rem;
	width: 100%;
	margin: 0 auto 8rem;
	text-align: center;
	color: rgba(200, 125, 73, 1);
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
}

.subintro__list {
	display: flex;
}

.subintro__list-wrap {
    display: flex;
    justify-content: center;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.subintro__list-wrap::-webkit-scrollbar {
	display: none;
}

.subintro__item {
	position: relative;
	background-color: #181818;
	flex-shrink: 0;
	width: 30rem;
	margin: 0 3.5rem;
	clip-path: polygon(71% 0, 79% 10%, 100% 10%, 99% 100%, 38% 100%, 0 100%, 0 0);
}

.subintro__item-empty {
	opacity: 0;
	pointer-events: none;
}

.subintro__item::after,
.subintro__item::before {
	content: "";
	position: absolute;
	width: 10rem;
	height: .1rem;
	background-color: #fff;
}

.subintro__item::after {
	top: 0;
	left: 0;
}

.subintro__item::before {
	bottom: 0;
	right: 0;
}

.subintro__item-inner {
	position: relative;
	padding: 2rem;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.subintro__item-inner::after,
.subintro__item-inner::before {
	content: "";
	position: absolute;
	right: 0;
	height: .8rem;
	width: 0.1rem;
	background-color: #fff;
}
.subintro__item-inner::before,
.subintro__item::before{
    display: none;
}

.subintro__item-inner::after {
	top: 8rem;
}

.subintro__item-inner::before {
	bottom: 8rem;
	right: .2rem;
}

.subintro__item-inner > img{
    width: 100%;
    height: auto;
    max-height: 280px;
}

.subintro__item-num {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
	margin: 0 0 2.5rem 0;
}

.subintro__item-title {
	color: rgba(213, 67, 0, 1);
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 1rem 0;
}

.subintro__item-text {
	font-family: "Outfit", sans-serif;
	color: rgba(255, 255, 255, 1);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 100%;
	margin: 0 0 15px 0;
	flex: 1 1 auto;
}

.city {
	overflow: hidden;
	position: relative;
	padding: 13rem 0 0;
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.city canvas{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.city::after {
	content: "";
	position: absolute;
	height: 24.5rem;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180.00deg, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0) 100%);
}

.city__title-img {
    position: relative;
	max-width: 99rem;
	width: 100%;
	height: 43rem;
	display: block;
	margin: 0 auto;
}

.city__title-img img {
    position: absolute;
    top: 0;
    left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-style: preserve-3d;
	transition: transform 0.1s ease-out;
}

.city__title-img img:first-child{
    z-index: 1;
}

.city__text {
	position: relative;
	z-index: 1;
	background: linear-gradient(180deg, rgba(200, 125, 73, 1), rgba(52, 40, 32, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	max-width: 83.5rem;
	margin: -4rem auto 2.5rem;
}

.city .btn-link {
	position: relative;
	z-index: 1;
	margin: 0 auto 2rem;
}


.city__box {
	margin: 2rem 0 0 0;
	position: relative;
	overflow: hidden;
}

.city__box::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: -.2rem;
	left: 0;
	background: linear-gradient(0deg, rgba(10, 10, 10, .1), rgba(10, 10, 10, 0) 100%);
}


.city__box-img{
	position: relative;
}
.city__box img {
	width: 100%;
	height: calc(100% - .3rem);
	object-fit: contain;
	object-position: top;
	display: block;
}

.city__itms {
	position: absolute;
	top: 20%;
	width: 100%;
	z-index: 3;
}


.city__itms .container {
	position: relative;
	height: 75rem;
}

.city__item-wrap{
    	padding: 2rem;
    	position: relative;
    		min-height: 14.5rem;
    			display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.city__item-wrap:after{
    content: "";
    position: absolute;
    right: 0;
   top: 1.8rem;
    height: 0.1rem;
    width: 2rem;
    background-color: rgba(255, 255, 255, 0.2);
    width: 9.5rem;
}
.city__item-wrap:before{
    content: "";
    position: absolute;
    right: 8.6rem;
    top: -1.3rem;
    height: 0.1rem;
    width: 2rem;
    background-color: rgba(255, 255, 255, 0.2);
    transform: rotate(39deg);
    width: 9.5rem;
}

.city__item {
	position: absolute;
	width: 37rem;

	font-family: "Outfit", sans-serif;
	backdrop-filter: blur(5px);
	background: rgba(255, 255, 255, 0.03), linear-gradient(0.00deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05) 100%);
	clip-path: polygon(
      25rem 0,
      27.38rem 1.885rem,
      37rem 1.885rem,
      37rem 14.5rem,
      14.8rem 14.5rem,
      0 14.5rem,
      0 0
    );
	border: .1rem solid rgba(255, 255, 255, 0.2);
}

.city__item::after,
.city__item::before {
	content: "";
	position: absolute;
	height: 0.1rem;
	width: 2rem;
	background-color: #fff;

}

.city__item::before,
.city__item::before,
.city__item::before {
	width: 9.5rem;
}

.city__item:nth-child(1)::after {
	bottom: 0;
	right: 0;
}

.city__item:nth-child(1)::before {
	bottom: 0;
	left: 0;
}

.city__item:nth-child(2)::after {
	bottom: 0;
	left: 0;
}

.city__item:nth-child(2)::before {
	right: 0;
	top: 2rem;
}

.city__item:nth-child(3)::after {
	bottom: 0;
	right: 0;
}

.city__item:nth-child(3)::before {
	left: 0;
	top: 0;
}


.city__item:nth-child(2) {
	right: 0;
	bottom: 39%;
}

.city__item:nth-child(3) {
	bottom: 1%;
	left: 17%;
}

.city__item-num {
	font-size: 1.4rem;
}

.city__item-text {
	font-size: 1.6rem;
}


.gold-rush {
	position: relative;
	margin: -.5rem 0 0 0;
	padding: 14rem 0 0 0;
	overflow: hidden;
}

.gold-rush__line-anim {
	height: 15rem;
	margin: 0 0 15rem 0;
}

.gold-rush__line-anim img {
	height: 100%;
	width: fit-content;
	display: block;
	margin: 0 2rem;
}

.gold-rush__inner {
	display: flex;
	justify-content: space-between;
}

.gold-rush__col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.gold-rush__col:nth-child(1) {
	padding: 0 8rem 0 0;
	width: 45rem;
	flex-shrink: 0;
	text-align: right;
	align-items: flex-end;
}

.gold-rush__col {
	position: relative;
}

.gold-rush__col:nth-child(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45rem;
	height: 45rem;
	margin: 0 0 -4rem 0;
}


.wrap-gold {
	pointer-events: none;
}

.gold-rush__col:nth-child(3) {
	width: 45rem;
	flex-shrink: 0;
	padding: 0 0 0 8rem;
}

.gold-rush__col:nth-child(1)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5rem;
	height: 40rem;
	background-image: url("../imaages/icons/gold-decor-1.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.gold-rush__col:nth-child(3)::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5rem;
	height: 40rem;
	background-image: url("../imaages/icons/gold-decor-2.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.gold-rush__item {
	margin: 0 0 7rem 0;
}

.gold-rush__item:last-child {
	margin: 0;
}


.gold-rush__title {
	margin: 0 0 1.5rem 0;
	color: rgba(200, 125, 73, 1);
	font-family: "Outfit", sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}

.gold-rush__title--twoo {
	font-family: "Outfit", sans-serif;
	color: #D54300;
	margin: 0 0 1.5rem 0;
	text-transform: uppercase;
	width: 28rem;
	line-height: 140%;
}

.gold-rush__text {
	color: rgba(255, 255, 255, 1);
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	max-width: 35rem;
}

.gold-rush__decor {
	width: 100%;
	margin: 4rem 0 0 0;
}

.gold-rush__decor img {
	width: 100%;
	height: auto;
	display: block;
}

.invest {
	padding: 12rem 0 7rem;
	margin: -4rem 0 0 0;
	position: relative;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.invest .container {
	position: relative;
	z-index: 1;
}

.invest::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 76rem;
	background: linear-gradient(180.00deg, rgba(24, 24, 24, 1), rgba(24, 24, 24, 0) 100%);
}

.invest::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 24.5rem;
	background: linear-gradient(0deg, rgba(24, 24, 24, 1), rgba(24, 24, 24, 0) 100%);
}

.invest__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.invest__img {
	width: 8rem;
	height: 8rem;
	margin: 0 2rem;
	flex-shrink: 0;
}

.invest__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.invest__top-three {
	width: 100%;
	background-color: #413F39;
	height: .2rem;
	position: relative;
}

.invest__top-progres-left {
	position: absolute;
	height: 100%;
	width: 0;
	background-color: #C87D49;
	right: 0;
}

.invest__top-progres-right {
	position: absolute;
	height: 100%;
	width: 0;
	background-color: #C87D49;
	left: 0;
}

.invest__inner {
	display: flex;
	justify-content: center;
}

.invest .dss-title {
	margin: 0 auto 4rem;
}

.invest__col:nth-child(1) {
	text-align: right;
	margin: 2rem 0 0 0;
}

.invest__col:nth-child(3) {
	margin: 21rem 0 0 0;
}

.invest__col:nth-child(3) .invest__item {
	padding-bottom: 0;
}

.invest__item {
	width: 55rem;
	padding: 4rem;
}

.invest__title {
	margin: 0 0 1.5rem 0;
	color: rgba(200, 125, 73, 1);
	font-family: "Outfit", sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
}

.invest__text {
	color: rgba(255, 255, 255, 1);
	font-family: "Outfit", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 120%;
}

.invest__inner-three {
	width: 0.2rem;
	background-color: #413F39;
	position: relative;
	flex-shrink: 0;
}

.invest__inner-progres {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
	background-color: #C87D49;
}

.lands {
	background-color: #181818;
	padding: 5rem 0 7rem;
}

.lands .dss-title {
	width: 100%;
}

.lands__text {
	max-width: 86rem;
	width: 100%;
	margin: 0 auto 5rem;
	color: rgba(198, 126, 73, 1);
	font-family: "Outfit", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
}

.lands__list-wrap {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.lands__list-wrap::-webkit-scrollbar {
	display: none;
}

.lands__list {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 0 15vw;
}

.lands__item {
	width: 60rem;
	flex-shrink: 0;
	margin: 0 5rem 0 0;
}

.lands__img {
	width: 100%;
	height: 36.5rem;
	margin: 0 0 1.5rem 0;
}

.lands__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.lands__bot {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lands__bot img {
	width: 5.5rem;
	height: 1.5rem;
}

.lands__item-title {
	margin: 0 2rem 0 0;
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
}

.description {
	position: relative;
	background-image: url("../imaages/content/description-bg-new.webp");
	background-size: 50% 100%;
	background-repeat: no-repeat;
	background-position: center right;
}

.description::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url("../imaages/content/description-bg2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	z-index: -1;
}

.description__wrap::before {
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 13rem;
    background: linear-gradient(180deg, rgba(24, 24, 24, 1), rgba(24, 24, 24, 0) 100%);
}

.description::before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 13rem;
	background: linear-gradient(0deg, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0) 100%);
}

.description__inner {
	position: relative;
	height: 64rem;
	padding: 2rem 0 0 0;
}

.description__item {
	padding: 2rem 3rem;
	position: absolute;
	top: 21rem;
	width: 43.5rem;
	height: 26rem;
	background-image: url("../imaages/content/description-itembg.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

/*.description__item::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	right: -13.6rem;*/
/*	top: -6.4rem;*/
/*	width: 22.5rem;*/
/*	height: 6.5rem;*/
/*	background-image: url("../imaages/icons/descr-line.svg");*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
/*	background-size: contain;*/
/*}*/

.description__item-title {
	color: rgba(213, 67, 0, 1);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 120%;
	max-width: 30.5rem;
	margin: 0 0 .5rem 0;
}

.description__item-text {
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
}
.description__item--twoo{
    right: 0;
    padding: 2rem 1.5rem 2rem 3rem;
}

.description__img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 52.4rem;
	height: 62rem;
	overflow: hidden;
}

.description__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	will-change: transform;
	animation: levitate 6s ease-in-out infinite,
		jitter 2.5s cubic-bezier(.5, .05, .5, .95) infinite;
}

@keyframes levitate {
	0% {
		transform: translateY(0) rotateZ(0deg) scale(1);
	}

	25% {
		transform: translateY(-8px) rotateZ(-0.4deg) scale(1.002);
	}

	50% {
		transform: translateY(0) rotateZ(0deg) scale(1);
	}

	75% {
		transform: translateY(6px) rotateZ(0.4deg) scale(0.998);
	}

	100% {
		transform: translateY(0) rotateZ(0deg) scale(1);
	}
}


.gallery {
	padding: 14rem 0 8rem;
}

.gallery .dss-title {
	margin-bottom: 7rem;
}

.gallery__slider {
	position: relative;
	padding: 0 11rem;
	overflow: hidden;
	min-height: 52rem;
	display: flex;
	align-items: center;
}

.gallery__slider::after,
.gallery__slider::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10rem;
	height: 100%;
	background-color: #0a0a0a;
	z-index: 2;
}

.gallery__slider::after {
	left: 0;
}

.gallery__slider::before {
	right: 0;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 2.4rem;
	height: 2.4rem;
}

.swiper-button-next,
.swiper-button-prev {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	background-image: url("../imaages/icons/arrow-sliderbg-1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.swiper-button-next {
	transform: rotate(180deg);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-image: url("../imaages/icons/arrow-sliderbg-2.svg");
}

.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path{
	stroke: #fff;
}

.swiper-button-next:hover svg .color-change,
.swiper-button-prev:hover svg .color-change{
    fill: #fff;
}

.gallery__item {
	position: relative;
	padding: 1rem;
	transition: linear .2s;
	border: .1rem solid rgba(62, 62, 62, 1);
	background: rgba(24, 24, 24, 1);
	clip-path: polygon(68% 0, 73% 6%, 100% 6%, 100% 100%, 39% 100%, 0 100%, 0 0);
}

.gallery__item::after,
.gallery__item::before {
	content: "";
	position: absolute;
	height: .1rem;
	width: 15rem;
	background-color: rgba(62, 62, 62, 1);
}

.gallery__item::after {
	top: -3.9rem;
	right: 5.6rem;
	transform: rotate(57deg);
}

.gallery__item::before {
	right: -5.9rem;
	top: 2.4rem;
}

.gallery__img {
	position: relative;
	height: 36.5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	clip-path: polygon(68% 0, 73% 6%, 100% 6%, 100% 100%, 39% 100%, 0 100%, 0 0);
	overflow: hidden;

}

.gallery__img::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	backdrop-filter: blur(9px);
	background: rgba(0, 0, 0, 0.05);
	clip-path: polygon(68% 0, 73% 6%, 100% 6%, 100% 100%, 39% 100%, 0 100%, 0 0);
	transition: linear .5s;
}

.gallery__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery__bot {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gallery__bot .btn-link {
	pointer-events: none;
	text-transform: capitalize;
	font-family: "Orbitron", sans-serif;
	font-size: 1.3rem;
}

.swiper-slide {
	transition: linear .3s;
}

.swiper-slide-active {
	transform: scale(1.2) !important;
}

.swiper-slide-active .gallery__img::after {
	opacity: 0;
}

.steps {
	position: relative;
	padding: 5rem 0 5rem;
	background-image: url("../imaages/content/step-bg.webp");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}

.steps::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 24.5rem;
	background: linear-gradient(180.00deg, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0) 100%);
}

.steps::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 24.5rem;
	background: linear-gradient(0deg, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0) 100%);
}

.steps__title-img {
	position: relative;
	height: 57.5rem;
	z-index: 1;
	max-width: 128.4rem;
	width: 100%;
	margin: 0 auto;
}

.steps__title-img img {
       position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.steps__title-img img:first-child{
    z-index: 1;
}

.steps__inner {
	position: relative;
	max-width: 81rem;
	margin: 0 auto;
}

.steps__three {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: .1rem;
	width: .1rem;
	background-color: #2F2F2F;
	height: 100%;
}

.steps .steps__three-progres {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background-color: rgba(200, 125, 73, 1);
}

.steps__item {
	display: flex;
	flex-direction: row;
	max-width: 43rem;
	width: 100%;
	margin: 0 0 7.5rem auto;
	filter: grayscale(100%);
	opacity: .7;
	transform: translateY(1rem);
	transition: linear .2s;
}

.steps__item.active {
	filter: grayscale(0);
	opacity: 1;
	transform: translateY(0);
}

.steps__item:last-child {
	margin-bottom: 0;
}

.steps__item:nth-child(odd) {
	flex-direction: row-reverse;
	margin: 0 auto 7.5rem 0;
	text-align: right;
}

.steps__item:nth-child(odd) .steps__item-gold {
	margin: 0 0 0 4rem;
}

.steps__item-gold {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 4rem 0 0;
	flex-shrink: 0;
	width: 5rem;
	height: 5rem;
	border: .1rem solid rgba(200, 125, 73, 1);
	border-radius: .1rem;
	background: rgba(24, 24, 24, 1);
}

.steps__item-gold img {
	width: 90%;
	height: 90%;
}

.steps__item-content {
	max-width: 40rem;
	width: 100%;
}

.steps__item-num {
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
	margin: 0 0 2rem 0;
}

.steps__item-title {
	margin: 0 0 1rem 0;
	color: rgba(200, 125, 73, 1);
	font-family: "Outfit", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
}

.steps__item-text {
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
}

.dss-banner {
	padding: 7rem 0 4rem;
	overflow: hidden;
}

.dss-banner__inner {
	padding: 14rem 3.5rem 7rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	clip-path: polygon(0 12%, 52% 11%, 53% 0, 100% 0, 100% 100%, 60% 100%, 0 100%);
	background: rgba(24, 24, 24, 1);
}

.dss-banner__left {
	max-width: 69rem;
	width: 100%;
	margin: 0 2rem 0 0;
}

.dss-banner .dss-title {
	margin: 0 0 3rem 0;
	text-align: left;
}

.dss-banner__text {
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	max-width: 46rem;
	width: 100%;
}

.dss-banner__right {
	max-width: 47rem;
	width: 100%;
}

.dss-banner__right .dss-banner__text {
	font-family: "Outfit", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0 0 5.5rem 0;
}

.dss-banner .btn {
	background-image: url("../imaages/icons/btn-2.svg");
	width: 22.5rem;
}

.dss-banner .btn img {
	transform: rotate(-135deg);
}

.dss-banner .container>img {
	position: relative;
	z-index: 1;
	margin: -3rem 0 0 -4.5rem;
	width: 103.9%;
	height: auto;
	display: block;
	object-position: right;
}

.dss-faq {
	padding: 10rem 0 13rem;
}

.dss-faq .dss-title {
	margin-bottom: 5rem;
}

.dss-faq__inner {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -2rem;
}
.dss-faq__item-inner{
    position: relative;
    padding: 2rem 2rem .5rem 2rem;
}

.dss-faq__item-inner::after,
.dss-faq__item-inner::before{
    content: "";
    position: absolute;
    height: .1rem;
    width: 5rem;
    background-color: rgba(62, 62, 62, 1);
}
.dss-faq__item-inner::after{
    left: -1rem;
    bottom: -.3rem;
    transform: rotate(45deg);
}
.dss-faq__item-inner::before{
    top: auto !important;
    right: -1rem;
    bottom: -.3rem;
    transform: rotate(-45deg) !important;
}


.dss-faq__item {
    position: relative;
    overflow: hidden;
    width: calc(50% - 2rem);
    margin: 0 0 2rem 2rem;
    border: 1px solid rgba(62, 62, 62, 1);
    background: rgba(24, 24, 24, 1);
    height: fit-content;
    cursor: pointer;
    clip-path: polygon(
      20px 0px,                  /* верхній лівий відступ */
      calc(100% - 20px) 0px,     /* верхній правий відступ */
      100% 20px,                 /* правий верхній скос */
      100% calc(100% - 20px),    /* правий нижній скос */
      calc(100% - 20px) 100%,    /* нижній правий відступ */
      20px 100%,                 /* нижній лівий відступ */
      0% calc(100% - 20px),      /* лівий нижній скос */
      0% 20px                    /* лівий верхній скос */
    );
}


.dss-faq__item::after,
.dss-faq__item ::before{
    content: "";
    position: absolute;
    height: .1rem;
    width: 5rem;
    background-color: rgba(62, 62, 62, 1);
}
.dss-faq__item::after{
   left: -1rem;
    top: -.3rem;
    transform: rotate(135deg);
}
.dss-faq__item ::before{
       right: -1rem;
    top: -.3rem;
    transform: rotate(-135deg);
}

.dss-faq__item.active::after{
   left: -1rem;
    top: -.3rem;
    transform: rotate(125deg);
}
.dss-faq__item.active ::before{
       right: -1rem;
    top: -.3rem;
    transform: rotate(-125deg) !important;
}

.dss-faq__item.active .dss-faq__item-inner::after{
    transform: rotate(56deg) !important;
}
.dss-faq__item.active .dss-faq__item-inner::before{
    transform: rotate(-56deg) !important;
}

.dss-faq__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 4rem 0;
}

.dss-faq__num {
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
}

.dss-faq__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.2rem;
	height: 3.2rem;
	background-image: url("../imaages/icons/arrow-sliderbg-1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.dss-faq__arrow svg {
	width: 1.8rem;
	height: 1.8rem;
	transform: rotate(-135deg);
}

.dss-faq__title {
	margin: 0 0 1.5rem 0;
	color: rgba(213, 67, 0, 1);
	font-size: 2rem;
	font-weight: 500;
	line-height: 120%;
}

.dss-faq__text {
	font-family: "Outfit", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.dss-faq__item.active .dss-faq__text {
max-height: 500px;
}

.dss-faq__item.active .dss-faq__text {
	padding: 0 0 2rem 0;
}

.dss-faq__item.active .dss-faq__arrow {
	background-image: url("../imaages/icons/arrow-sliderbg-2.svg");
}

.dss-faq__item.active .dss-faq__arrow{
    background-image: url("../imaages/icons/arrow-sliderbg-3.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.dss-faq__item.active svg{
	display: none;
}

.dss-faq__item.active svg {
	transform: rotate(135deg);
}


.footer {
	padding: 7rem 0 1.5rem;
}

.footer a{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: linear .2s;
}
.footer .soc li{
    transition: linear .2s;
}
.footer .soc li:hover{
    opacity: .7;
}

.footer a:hover{
     text-decoration-color: #fff;
}

.footer .dss-title {
	max-width: 95rem;
	margin-bottom: 4rem;
}

.footer__text {
	font-family: "Outfit", sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 4rem 0;
}

.footer .btn {
	background-image: url("../imaages/icons/btn-3.svg");
	width: 20rem;
	margin: 0 auto 2rem;
}

.footer .btn .btn__img {
	background-color: #fff;
}

.footer .btn img {
	transform: rotate(135deg);
}

.footer .btn:hover img {
	transform: rotate(180deg);
}

.footer .btn:hover span{
    background-color: #fff;
    color: #D54300;
}

.footer .btn-link span {
	color: #fff;
}

.footer__part {
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	margin: 0 0 2rem 0;
}

.footer .btn-link {
	margin: 0 auto;
}

.footer__bot {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-border {
	border-top: .1rem solid rgba(225, 118, 68, 1);
	margin: 4rem 0 3.5rem 0;
	padding: 2rem 0 0 0;
	align-items: flex-start;
}

.footer__bot nav li {
	margin: 0 0 .7rem 0;
}

.footer__bot nav a {
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
}

.footer__page-links {
	display: flex;
	flex-direction: column;
	text-align: right;
}

.footer__page-links LI {
	margin: 0 0 .7rem 0;
}

.footer__page-links a {
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
}

.footer__bot>p {
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0;
}

.footer__up {
	display: flex;
	align-items: center;
	font-family: "Outfit", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}

.footer__up img {
	transform: rotate(180deg);
	margin: 0 1rem 0 0;
	width: 2.4rem;
	height: 2.4rem;
}

.footer__mob {
	display: none;
}

.star {
  position: absolute;
  width: .2rem;
  height: .2rem;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  pointer-events: none;
}

section{
	overflow: hidden;
}
.modal{
    display: none;
    max-width: 650px;
    width: 100%;
    background-color: #fff;
    padding: 5rem 3rem;
}

.modal__title{
    color: rgba(213, 67, 0, 1);
	font-family: "Orbitron", sans-serif;
font-size: 5.6rem;
font-weight: 500;
line-height: 100%;
text-align: center;
margin: 0 0 3rem 0;
}
.modal__text{
    color: rgba(0, 0, 0, 1);
    font-family: "Outfit", sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 100%;
}
.fancybox__content>.carousel__button.is-close svg{
    display: none;
}

.fancybox__content>.carousel__button.is-close{
    top: 2rem;
    right: 2rem;
    width: 4rem;
    height: 4rem;
    background-image: url("../imaages/icons/close-modal.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    padding: 0;
    transition: linear .2s;
}

.fancybox__content>.carousel__button.is-close:hover{
    opacity: .5;
}


@media (max-width: 1200px) {
	.dss-banner .container>img {
		margin: -3rem 0 0 -3.8rem;
	}

	.intro__box {
		width: 95rem;
	}

	.intro__title {
		font-size: 12rem;
	}

	.intro__img {
		width: 30rem;
		height: 30rem;
	}

	.intro__inner {
		padding: 2rem 0 0 0;
	}

	.intro__title.intro__title-show {
		font-size: 9rem;
	}

	.dss-title {
		font-size: 8.6rem;
	}

	.city__item:nth-child(2) {
		right: 1.5rem;
	}

	.city__item:nth-child(3) {
		bottom: 14%;
	}

	.city__box {
		margin: -6rem 0 0 0;
	}

	.gold-rush__line-anim {
		height: 10rem;
	}

	.gold-rush__col:nth-child(2) {
		width: 30rem;
		height: 45rem;
		transform: scale(.8);
	}

	.gold-rush__col:nth-child(1),
	.gold-rush__col:nth-child(3) {
		width: 35rem;
	}

	.gallery__img {
		height: 28.5rem;
	}

	.gallery__slider {
		min-height: 41rem;
	}

	.gallery__item::after {
		top: -4.5rem;
		right: 3rem;
		transform: rotate(59deg);
	}

	.gallery__item::before {
		right: -8.3rem;
		top: 1.9rem;
	}








}

@media (max-width: 992px) {
        .description {
        height: 121rem;
    }
        .description__img {
        flex-shrink: 0;
        order: 3;
    }
    .gold-rush__line-anim img{
        width: 140rem;
        object-fit: contain;
    }
    .intro__box .btn-down.btn-mob {
	display: flex;
}
.intro__inner .btn-down{
    display: none;
}

    .subintro__list{
        flex-wrap: wrap;
    }
    .subintro__list-wrap{
        max-height: none !important;
    }
    .header.sticky .header__inner{
        height: 6rem;
    }

    .subintro__list-wrap{
        justify-content: flex-start;
    }
    .subintro__list{
        justify-content: center;
    }
    
    .subintro__item {
    width: 30rem;
    margin: 0 3.5rem 4.5rem;
    }
	.dss-banner .container>img {
		margin: -3rem 0 0 -2.4rem;
	}

	.top-line__right {
		display: block;
	}

	.header__nav,
	.header__inner .btn-link {
		display: none;
	}

	.header__inner {
		padding: 1.5rem 0;
		height: 7rem;
	}

	.header__logo {
		height: 4rem;
		width: 4rem;
	}

	.main-menu .btn {
		background-image: url('../imaages/icons/btn-4.svg');
		width: 21rem;
		margin: 0 0 5rem 0;
	}

	.main-menu .btn img {
		transform: rotate(-135deg);
	}

	.main-menu {
		padding: 9.5rem 1rem 5rem;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		top: 1rem;
		right: 1rem;
		bottom: 1rem;
		left: 1rem;
		bottom: 10px;
		z-index: 7;
		width: calc(100% - 2rem);
		overflow-y: auto;
		height: 95vh;
		background: rgba(28, 28, 28, 0.7);
		backdrop-filter: blur(30px);
		transform-origin: right top;
		border-radius: 1rem;
		pointer-events: auto;
		transform: scale(0) translate(0, 0) rotate(.001deg);
		transition: 1s cubic-bezier(.8, 0, .1, 1);
	}

	.main-menu.active {
		transform: scale(1) translate(0, 0) rotate(.001deg);
		opacity: 1;
		visibility: visible;
	}

	.mnu-button__menu {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 4rem;
		height: 4rem;
		clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
		background-color: #D54300;
		border: none;
		padding: 0;
		outline: none;
		cursor: pointer;
		position: relative;
		z-index: 100;
	}

	.mnu-button__menu span {
		display: block;
		margin: .25rem 0;
		background-color: #000;
		height: .1rem;
		width: 1.6rem;
		transition: linear .3s;
	}

	.mnu-button__menu.active span:nth-child(1) {
		opacity: 0;
		transform: translateX(-1rem);
	}

	.mnu-button__menu.active span:nth-child(2) {
		transform: translateY(.3rem) rotate(45deg);
	}

	.mnu-button__menu.active span:nth-child(3) {
		transform: translateY(-.3rem) rotate(-45deg);
	}

	.mnu-button__menu.active span:nth-child(4) {
		opacity: 0;
		transform: translateX(1rem);
	}

	.main-menu-background {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100vh;
		background-color: rgba(10, 10, 10, 0.9);
		pointer-events: auto;
		opacity: 0;
		visibility: hidden;
		transition: 1s cubic-bezier(.8, 0, .1, 1);
		z-index: 2;
	}

	.main-menu-background.active {
		opacity: 1;
		visibility: visible;
	}

	.main-menu__inner li {
		margin: 0 0 2rem 0;
	}

	.main-menu__inner a {
		font-size: 4.4rem;
		font-weight: 500;
		line-height: 120%;
		text-align: center;
	}

	.main-menu__text {
		margin: 6rem 0 2rem;
		font-family: "Outfit", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 120%;
		text-transform: uppercase;
	}

	.intro__box {
		position: static;
		width: 100%;
	}

	.intro__inner {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.intro {
		padding-top: 5rem !important;
	}

	.intro__title {
		text-align: center;
		font-size: 7.3rem;
	}

	.intro__img {
		margin: 0 auto;
		width: 25.5rem;
		height: 25.5rem;
	}

	.intro__inner>.btn {
		display: none;
	}

	.intro .btn-mob {
		margin: 1rem auto;
		display: flex;
		position: static;
		transform: translate(0);
		width: fit-content;
	}

	.intro__inner::after,
	.intro__inner::before {
		display: none;
	}

	.intro__text {
		font-size: 1.6rem;
		bottom: 0;
		left: 0;
	}

	.intro__title.intro__title-show {
		width: 100%;
		font-size: 5.8rem;
	}

	.dss-title {
		font-size: 5.6rem;
		margin: 0 auto 2rem;
	}

	.subintro__text,
	.lands__text {
		font-size: 1.6rem;
		margin: 0 auto 5rem;
	}


	.subintro__item {
		min-height: 35rem;
	}

	.city {
		background-attachment: inherit;
		background-size: 100% 65rem;
		overflow: hidden;
	}

	.city__text {
		font-size: 1.6rem;
		margin: -1rem auto 2.5rem;
	}

	.city__itms {
		position: static;
		margin: -6rem 0 0 0;
	}

	.city__item {
		position: static;
		margin: 0 auto 2rem;
	}

	.city__box::after {
		display: none;
	}

	.city__box-img {
		position: relative;
		width: calc(100% + 10rem);
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.city__box-img::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -1rem;
		height: 14rem;
		background: linear-gradient(0deg, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0) 100%);
	}


	.city__title-img {
		position: relative;
		height: 21rem;
	}

	.city__title-img img {
		position: absolute;
		max-width: max-content;
		width: 50rem;

		left: 50%;
		transform: translateX(-50%) !important;
	}

	.btn-link {
		font-size: 2rem;
	}

	.city__box {
		margin: -1rem 0 0 0;
	}

	.gold-rush__inner {
		flex-direction: column;
	}

	.gold-rush__col {
		padding: 0 !important;
		width: 100% !important;
		text-align: center !important;
		align-items: flex-start !important;
	}

	.gold-rush__item {
		position: relative;
		margin: 0 0 4rem 0 !important;
		border-top: .1rem solid #4D4C43;
		padding: 5rem 0 0 0;
	}

	.gold-rush__item::after {
		content: "";
		position: absolute;
		top: 1.5rem;
		left: 50%;
		width: 5.5rem;
		height: 1.5rem;
		transform: translateX(-50%);
		background-image: url("../imaages/icons/gold-rush-decor.svg");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.gold-rush__col::after {
		display: none !important;
	}

	.gold-rush__text {
		max-width: 100%;
	}

	.city__itms .container {
		height: auto;
	}

	.gold-rush__col:nth-child(2) {
		order: -1;
		margin: 0;
		height: 40rem;
	}

	.gold-rush__line-anim {
		height: 7rem;
		width: fit-content;
	}

	.gold-rush {
		padding: 10rem 0 0 0;
		overflow: hidden;
	}

	.gold-rush__line-anim {
		margin: 0;
	}

	.gold-rush__title {
		font-size: 2rem;
	}

	.gold-rush__col:nth-child(3) .gold-rush__item:last-child {
		border: none;
		text-align: center;
		width: 100%;
		padding: 0;
	}

	.gold-rush__col:nth-child(3) .gold-rush__item:last-child::after {
		display: none;
	}

	.gold-rush__title--twoo {
		width: 100%;
		font-size: 2.8rem;
	}

	.gold-rush__col:nth-child(3) .gold-rush__item:last-child .btn-link {
		margin: 0 auto;
	}

	.invest__item {
		max-width: 55rem;
		width: 100%;
		padding: 4rem;
	}

	.invest__title {
		font-size: 2rem;
	}

	.invest__text {
		font-size: 1.6rem;
	}

	.lands__img {
		height: 21.5rem;
	}

	.lands__item {
		height: 28rem !important;
		width: 36rem !important;
		margin: 0 2rem 0 0;
	}

	.lands__list-wrap {
		height: 28rem !important;
	}

	.description__img {
		left: 53%;
	}

	.description {
		background-size: cover;
		background-position: left;
	}

	.description__item::after {
		display: none;
	}

	.description__img {
		left: 50%;
		width: 33.5rem;
		height: 50rem;
	}

	.description__inner {
		padding-top: 16rem;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: flex-end;
	}

	.description__item,
	.description__img {
		position: static;
		left: 0;
		transform: translate(0);
	}

	.description__item {
		max-width: 43rem;
		width: 100%;
		position: relative;
		bottom: auto;
		top: auto;
		z-index: 2;
		margin: -3rem 0 4rem 0;
	}
    .description {
        height: 117rem;
    }
	.gallery__item::before {
		right: -6.1rem;
	}

	.gallery__item::after {
		top: -3.9rem;
		right: 6.2rem;
		transform: rotate(50deg);
	}

	.steps__item {
		max-width: 39.5rem;
	}

	.dss-faq__item {
		padding: 1.5rem;
		width: calc(100% - 2rem);
	}

	.dss-faq {
		padding: 1rem 0 6rem;
	}

	.dss-faq .dss-title {
		margin-bottom: 4rem;
	}

	.dss-faq__arrow {
		transform: scale(.8);
		margin: -.2rem -.2rem 0 0;
	}








}

.subintro__slider{
    display: none;
}

@media (max-width: 768px) {
    .intro {
    	padding: 14.5rem 0 8rem 0;
    }
    .header .header__inner > .btn{
        transform: scale(.9);
    }
    .city__item-wrap{
        min-height: 12rem;
    }
.dss-faq__item::after,
.dss-faq__item ::before,
.dss-faq__item-inner::after{
    display: none;
}
.dss-faq__item{
    border: none;
}
.lands__item:last-child{
    display: none;
}
   .lands .lands__list-wrap{
        height: auto !important;
        padding: 0 1.5rem;
    }
    .lands__list{
        flex-direction: column;
        margin: 0;
    }
    
    .lands__item {
        height: 28rem !important;
        width: 100% !important;
        margin: 0 0 2rem 0;
    }
    
    .subintro__slider{
        display: block;
        padding: 0 0 6rem 0;
    }
    .subintro__slider .swiper-wrapper{
        display: flex;
        align-items: stretch;
    }
    
    .subintro__slider .swiper-slide {
        height: auto;
    }
    .subintro .swiper-slide-active {
        transform: scale(1) !important;
    }
    .subintro__item{
        margin: 0 !important;
        width: auto !important;
        height: 100% !important;
        min-width: auto;
    }
    .subintro__item-inner{
       min-height: 34rem !important;  
    }
    
    
    
    
    .subintro__list-wrap{
        display: none;
    }
    
    

	.gold-rush__decor img {
		width: 80rem;
	}

	.gold-rush__decor {
		margin: 0;
	}

	.invest__inner-three {
		display: none;
	}

	.invest__inner {
		flex-direction: column;
	}

	.invest__col {
		text-align: left !important;
	}

	.invest__item {
		padding: 0;
		text-align: center;
	}

	.invest__col:nth-child(3) {
		margin: 3rem 0 0 0;
	}

	.invest .dss-title span {
		font-size: 2rem;
	}

	.invest {
		padding: 5rem 0 7rem;
	}

	.invest .dss-title {
		margin: 0 auto 1rem;
	}

	.lands {
		padding: 5rem 0 4rem;
	}

	.gallery__slider {
		padding: 0 0 3rem 0;
		width: calc(100% + 3rem);
		margin: 0 0 0 -1.5rem;
	}

	.gallery__slider::after,
	.gallery__slider::before {
		display: none;
	}

	.swiper-button-next,
	.swiper-button-prev {
		right: auto;
		transform: translateX(-50%);
		bottom: 0;
		top: auto;
	}

	.swiper-button-next {
		left: calc(50% + 3rem);
		transform: translateX(-50%) rotate(180deg);
	}

	.swiper-button-prev {
		left: calc(50% - 3rem);
	}

	.gallery {
		padding: 10rem 0 3rem;
	}

	.gallery .dss-title {
		margin-bottom: 4rem;
	}

	.gallery__slider {
		min-height: 51rem;
	}

	.gallery__item::before {
		right: -4.9rem;
	}

	.gallery__item::after {
		right: 7.4rem;
	}


	.steps__item {
		flex-direction: row !important;
		margin: 0 !important;
		text-align: left !important;
		margin: 0 0 9rem 0 !important;
	}

	.steps__item:last-child {
		margin: 0 !important;
		align-items: flex-end;
	}

	.steps__item-gold {
		margin: 0 2rem 0 0 !important;
	}

	.steps__title-img {
		height: 17rem;
	}

	.steps__title-img img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%) !important;
		width: 40rem;
		height: 17rem;
	}

	.steps__three {
		left: 2.5rem;
	}

	.dss-banner__inner {
		flex-direction: column;
				padding: 7rem 2.5rem 7rem;
		clip-path: polygon(0 3%, 61% 3%, 66% 0, 100% 0, 100% 100%, 60% 100%, 0 100%);
		overflow: hidden;
	}

	.dss-banner .dss-title {
		margin: 0 0 1.5rem 0;
		font-size: 4.4rem;
	}

	.dss-banner {
		padding: 4rem 0 4rem;
	}


	.dss-banner__text {
		font-size: 1.6rem;
	}

	.dss-banner__left {
		margin: 0;
	}

	.dss-banner__right .dss-banner__text {
		position: relative;
		font-size: 1.6rem;
		padding: 4rem 0 0 0;
		margin: 4rem 0 2rem 0;
	}

	.dss-banner__right .dss-banner__text::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 5.5rem;
		height: 1.5rem;
		background-image: url("../imaages/icons/gold-rush-decor.svg");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.dss-banner .container {
		overflow: hidden;
	}

	.dss-banner .container>img {
	    width: 78rem;
	    left: -39.2rem;
	}

	.footer__bot.footer-border nav {
		display: none;
	}

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

	.dss-title {
		font-size: 5.2rem;
		margin: 0 auto 2rem;
	}

	.footer__text {
		font-size: 1.6rem;
	}

	.footer .dss-title {
		margin-bottom: 2rem;
	}

	.footer__page-links {
		text-align: center;
	}

	.footer__bot>p {
		display: none;
	}

	.footer__up {
		margin: 3rem 0 1rem 0;
	}

	.footer__mob {
		margin: 0 0 -1.5rem 0;
		display: flex;
		background-color: #252525;
	}

	.footer__mob .container {
		padding-top: 1rem;
		padding-bottom: 1rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer__mob p {
		margin: 0;
		font-size: 1.2rem;
	}

.dss-banner .container{
    padding: 0;
}









}

@media (max-width: 576px) {

	.dss-banner .container>img {
	    left: -36.2rem;
	}

	.invest {
		background-size: 130rem 100rem;
		background-position: left -78rem center;
	}

	.description {
		background-size: 53rem 42rem;
		background-position: top left;
	}

	.description__inner {
		height: auto;
		padding-top: 12rem;
	}
    .description__item-title {
        font-size: 1.6rem;
    }
    
    .description__item-text {
        font-size: 1.4rem;
    }
	.description__item {
	  margin: -2rem 0 5rem 0;
        padding: 2rem 1.5rem 2rem 1.5rem;
		background-image: url("../imaages/content/description-itembg2.webp");
	}

	.gallery__slider {
		min-height: 51rem;
	}

	.gallery__item::before {
		right: -8.6rem;
	}

	.gallery__item::after {
		right: 2.8rem;
		transform: rotate(59deg);
		top: -4.4rem;
	}






}