:root{
	--Gradient-gold: linear-gradient(90deg, #F1DD66 0%, #F0DD66 0.78%, #EFDB65 1.56%, #EEDA64 2.34%, #ECD864 3.12%, #EBD763 3.91%, #EAD562 4.69%, #E9D462 5.47%, #E7D261 6.25%, #E6D161 7.03%, #E5CF60 7.81%, #E4CE5F 8.59%, #E3CC5F 9.37%, #E1CB5E 10.16%, #E0C95D 10.94%, #DFC85D 11.72%, #DEC65C 12.5%, #DDC55C 13.28%, #DCC45B 14.06%, #DAC25A 14.84%, #D9C15A 15.62%, #D8BF59 16.41%, #D7BE58 17.19%, #D6BD58 17.97%, #D5BB57 18.75%, #D4BA57 19.53%, #D2B956 20.31%, #D1B756 21.09%, #D0B655 21.87%, #CFB554 22.66%, #CEB354 23.44%, #CDB253 24.22%, #CCB153 25%, #CBAF52 25.78%, #CAAE52 26.56%, #C8AD51 27.34%, #C7AB50 28.12%, #C6AA50 28.91%, #C5A94F 29.69%, #C4A84F 30.47%, #C3A64E 31.25%, #C2A54E 32.03%, #C1A44D 32.81%, #C0A34D 33.59%, #BFA14C 34.37%, #BEA04C 35.16%, #BD9F4B 35.94%, #BC9E4B 36.72%, #BB9C4A 37.5%, #BA9B4A 38.28%, #B89A49 39.06%, #B79949 39.84%, #B69848 40.62%, #B59748 41.41%, #B49547 42.19%, #B39447 42.97%, #B29346 43.75%, #B19246 44.53%, #B09145 45.31%, #AF9045 46.09%, #AE8E44 46.87%, #AD8D44 47.66%, #AC8C43 48.44%, #AB8B43 49.22%, #AA8A42 50%, #A98942 50.78%, #A88841 51.56%, #A78741 52.34%, #A68640 53.12%, #A68440 53.91%, #A5833F 54.69%, #A4823F 55.47%, #A3813F 56.25%, #A2803E 57.03%, #A17F3E 57.81%, #A07E3D 58.59%, #9F7D3D 59.37%, #9E7C3C 60.16%, #9D7B3C 60.94%, #9C7A3B 61.72%, #9B793B 62.5%, #9A783B 63.28%, #99773A 64.06%, #98763A 64.84%, #987539 65.62%, #977439 66.41%, #967339 67.19%, #957238 67.97%, #947138 68.75%, #937037 69.53%, #926F37 70.31%, #916E37 71.09%, #906D36 71.87%, #8F6C36 72.66%, #8F6B35 73.44%, #8E6A35 74.22%, #8D6935 75%, #8C6834 75.78%, #8B6734 76.56%, #8A6633 77.34%, #896633 78.12%, #896533 78.91%, #886432 79.69%, #876332 80.47%, #866231 81.25%, #856131 82.03%, #846031 82.81%, #845F30 83.59%, #835E30 84.37%, #825E30 85.16%, #815D2F 85.94%, #805C2F 86.72%, #7F5B2F 87.5%, #7F5A2E 88.28%, #7E592E 89.06%, #7D582E 89.84%, #7C582D 90.62%, #7B572D 91.41%, #7B562C 92.19%, #7A552C 92.97%, #79542C 93.75%, #78542B 94.53%, #78532B 95.31%, #77522B 96.09%, #76512A 96.87%, #75502A 97.66%, #74502A 98.44%, #744F29 99.22%, #734E29 100%);
}
@property --a{
	syntax: '<angle>';
	inherits: false;
	initial-value: 90deg;
  }
  
/* region NAV */
html { scroll-behavior: smooth; }

a {
	text-decoration: none;
	z-index: 5;
	
	font-family: "DM Sans";
}
h1{
	margin: 0px;
}
p{
	margin: 0px;
}
span{
	margin: 0px;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

body {
	display: flex;
	justify-content: center;
	scrollbar-width: none; 
	-ms-overflow-style: none;
}
#navbar {
	display: flex;
	width: 70%;
	position: fixed;
	padding: 16px 24px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	top: 24px;
	border-radius: 4px;
	background: var(--Secondary-950, #112A40);
	z-index: 999;
	transition: top 0.3s; /* Transition effect when sliding down (and up) */

}
.nav-buttons {
	display: flex;
	gap: 16px;
	margin-right: 32px;
	height: 60px;
	justify-content: center;
	align-items: center;
}
.nav-buttons > a {
	color: var(--Neutral-white, #FFF);

	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	transition: 0.5s;
}
.nav-buttons > a:hover {
	border-bottom: 1px solid #fff;
}

.logo {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7.134px;
	height: 65px;
}

.budget {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 2px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
	color: var(--Primary-950, #342114);
	text-align: center;

	/* Body/Small/Bold */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 21px */
	transition: 0.3s;
	}
.budget:hover{
	background: var(--Gradient-gold);
	color: var(--Neutral-white, #FFF);
	border: 1px solid var(--Neutral-300, #342114);
}

/* region NAV end */

.sections {
	left: 0;
	top: 0;
	position: absolute;
	max-width: 100vw;
	scrollbar-width: none; 
	overflow: hidden;
}

/* region MAIN-SECTION */
.sections {
	flex-direction: column;
}

.main-section{
	display: flex;
	padding: 375px 300px 20px 300px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	top: 0;
	gap: 201.5px;
	align-self: stretch;
	background: radial-gradient(210.04% 93.02% at 64.74% 17.18%, rgba(28, 30, 33, 0.00) 0%, rgba(28, 30, 33, 0.20) 100%);
}
#backgroundImg{
	z-index: -4;
	position: absolute;
	top: 500px; 
	right: 50%;
	min-height: 100vh;
	width: 1920px;
	display: block;
	margin: 0 auto;
	transform: translate(50%,-50%);
}
#backgroundVideo {
	z-index: -3;
	position: absolute;
	top: 500px; 
	right: 50%;
	min-height: 100vh;
	width: 1920px;
	display: block;
	margin: 0 auto;
	transform: translate(50%,-50%);
}
#cta-header {
	align-self: stretch;
	color: var(--Neutral-white, #FFF);

	/* Heading/Medium */
	font-family: "DM Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 67.2px */
	margin: 0px;
}
#cta-text{
	max-width: 700px;
	align-self: stretch;
	color: var(--Neutral-100, #F2F3F5);

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	margin: 0px;
}
.cta-section1{
	display: flex;
	max-width: 755px;
	min-width: 320px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
}
b {
	color: var(--Neutral-100, #F2F3F5);

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}
#btn-our-services{
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 2px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
	color: var(--Primary-950, #342114);
	text-align: center;

	/* Body/Default/Bold */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
	transition: 0.5s;
}
#btn-our-services:hover{
	background: var(--Gradient-gold);
	color: var(--Neutral-white, #FFF);
	border: 1px solid var(--Neutral-300, #342114);
}

@keyframes floatAnimation {
	0% {
	  transform: translateY(0); /* Start position */
	}
	50% {
	  transform: translateY(-15px); /* Move up */
	}
	100% {
	  transform: translateY(0); /* Return to start position */
	}
  }
#more-info {
	display: flex;
	width: 87px;
	height: 68px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	animation-name: floatAnimation;         /* The name of the keyframes */
	animation-duration: 3s;                 /* How long one cycle takes */
	animation-timing-function: ease-in-out; /* How the animation progresses (smooth start/end) */
	animation-iteration-count: infinite;    /* Repeat forever */
	animation-direction: alternate;         /* Optional: Makes it go up, then down smoothly */
  
}

#more-info-container {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}

#more-info > span {
	color: var(--Neutral-white, #FFF);
	text-align: center;
	
	/* Body/Small/Bold */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 21px */
}


/* region MAIN-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region SECOND-SECTION */
#second-section {
	background-color: #FFF;
	display: flex;
	max-width: 100%;
	padding: 120px 300px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 80px;
	align-self: stretch;
	flex-wrap: wrap;
}

#second-section-left {
	display: flex;
	min-width: 342px;
	max-width: 720px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
}

#second-section-block1 {
	display: flex;
	max-width: 342px;
	padding: 80px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20.196px;
	flex: 1 0 0;
	border-radius: 5.049px;
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
	box-shadow: 0px 21.038px 84.151px 0px rgba(69, 88, 157, 0.08);
}
#second-section-block1 > h1 {
	align-self: stretch;
	color: var(--Neutral-200, #EBEDF0);
	text-align: center;
	
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#second-section-block1 > span {
	color: var(--Neutral-500, #BEC3C9);
	text-align: center;
	align-self: stretch;

	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#second-section-block2 {
	display: flex;
	max-width: 342px;
	padding: 80px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20.196px;
	flex: 1 0 0;
	border-radius: 5.049px;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 21.038px 84.151px 0px rgba(69, 88, 157, 0.08);
}
#second-section-block2 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#second-section-block2 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	align-self: stretch;
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#second-section-block3 {
	display: flex;
	max-width: 342px;
	padding: 80px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20.196px;
	flex: 1 0 0;
	border-radius: 5.049px;
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
	box-shadow: 0px 21.038px 84.151px 0px rgba(69, 88, 157, 0.08);
}
#second-section-block3 > h1 {
	align-self: stretch;
	color: var(--Neutral-200, #EBEDF0);
	text-align: center;
	
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#second-section-block3 > span {
	color: var(--Neutral-500, #BEC3C9);
	text-align: center;
	align-self: stretch;

	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#second-section-block4 {
	display: flex;
	max-width: 342px;
	padding: 80px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20.196px;
	flex: 1 0 0;
	border-radius: 5.049px;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 21.038px 84.151px 0px rgba(69, 88, 157, 0.08);
}
#second-section-block4 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#second-section-block4 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	align-self: stretch;
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}

#second-section-right {
	display: flex;
	min-width: 342px;
	max-width: 620px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
}
#second-section-right > h1 {
	color: var(--Neutral-900, #313338);
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 44.8px */
}
#second-section-right > p {
	color: var(--Neutral-700, #606770);
	align-self: stretch;
	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
}

#second-section-right > span {
	color: var(--Neutral-900, #313338);
	align-self: stretch;
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#second-section-right > span > svg {
	margin-right: 24px;
}



/* region SECOND-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region THIRD-SECTION */

#third-section {
	background-color: #FFF;
	display: flex;
	max-width: 100%;
	padding: 120px 300px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 80px;
	align-self: stretch;
	flex-wrap: wrap;
}

#third-section-left {
	display: flex;
	min-width: 342px;
	max-width: 620px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
}
#third-section-left > h1 {
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#third-section-left > p {
	color: var(--Neutral-700, #606770);
	align-self: stretch;

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	margin-bottom: 24px;
}

#third-section-left > span {
	color: var(--Neutral-900, #313338);

	/* Body/Large/Bold */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
}
#third-section-left > span > p {
	margin-left: 60px;
	color: var(--Neutral-700, #606770);

	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
#third-section-left > span > svg {
	margin-right: 24px;
}
#btn-ask-for-services {
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 2px;
	--a:90deg;
	background: linear-gradient(var(--a), #F1DD66 0%, #F0DD66 0.78%, #EFDB65 1.56%, #EEDA64 2.34%, #ECD864 3.12%, #EBD763 3.91%, #EAD562 4.69%, #E9D462 5.47%, #E7D261 6.25%, #E6D161 7.03%, #E5CF60 7.81%, #E4CE5F 8.59%, #E3CC5F 9.37%, #E1CB5E 10.16%, #E0C95D 10.94%, #DFC85D 11.72%, #DEC65C 12.5%, #DDC55C 13.28%, #DCC45B 14.06%, #DAC25A 14.84%, #D9C15A 15.62%, #D8BF59 16.41%, #D7BE58 17.19%, #D6BD58 17.97%, #D5BB57 18.75%, #D4BA57 19.53%, #D2B956 20.31%, #D1B756 21.09%, #D0B655 21.87%, #CFB554 22.66%, #CEB354 23.44%, #CDB253 24.22%, #CCB153 25%, #CBAF52 25.78%, #CAAE52 26.56%, #C8AD51 27.34%, #C7AB50 28.12%, #C6AA50 28.91%, #C5A94F 29.69%, #C4A84F 30.47%, #C3A64E 31.25%, #C2A54E 32.03%, #C1A44D 32.81%, #C0A34D 33.59%, #BFA14C 34.37%, #BEA04C 35.16%, #BD9F4B 35.94%, #BC9E4B 36.72%, #BB9C4A 37.5%, #BA9B4A 38.28%, #B89A49 39.06%, #B79949 39.84%, #B69848 40.62%, #B59748 41.41%, #B49547 42.19%, #B39447 42.97%, #B29346 43.75%, #B19246 44.53%, #B09145 45.31%, #AF9045 46.09%, #AE8E44 46.87%, #AD8D44 47.66%, #AC8C43 48.44%, #AB8B43 49.22%, #AA8A42 50%, #A98942 50.78%, #A88841 51.56%, #A78741 52.34%, #A68640 53.12%, #A68440 53.91%, #A5833F 54.69%, #A4823F 55.47%, #A3813F 56.25%, #A2803E 57.03%, #A17F3E 57.81%, #A07E3D 58.59%, #9F7D3D 59.37%, #9E7C3C 60.16%, #9D7B3C 60.94%, #9C7A3B 61.72%, #9B793B 62.5%, #9A783B 63.28%, #99773A 64.06%, #98763A 64.84%, #987539 65.62%, #977439 66.41%, #967339 67.19%, #957238 67.97%, #947138 68.75%, #937037 69.53%, #926F37 70.31%, #916E37 71.09%, #906D36 71.87%, #8F6C36 72.66%, #8F6B35 73.44%, #8E6A35 74.22%, #8D6935 75%, #8C6834 75.78%, #8B6734 76.56%, #8A6633 77.34%, #896633 78.12%, #896533 78.91%, #886432 79.69%, #876332 80.47%, #866231 81.25%, #856131 82.03%, #846031 82.81%, #845F30 83.59%, #835E30 84.37%, #825E30 85.16%, #815D2F 85.94%, #805C2F 86.72%, #7F5B2F 87.5%, #7F5A2E 88.28%, #7E592E 89.06%, #7D582E 89.84%, #7C582D 90.62%, #7B572D 91.41%, #7B562C 92.19%, #7A552C 92.97%, #79542C 93.75%, #78542B 94.53%, #78532B 95.31%, #77522B 96.09%, #76512A 96.87%, #75502A 97.66%, #74502A 98.44%, #744F29 99.22%, #734E29 100%);
	color: var(--Neutral-white, #FFF);
	text-align: center;

	/* Body/Medium/Bold */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 25.2px */
	transition: --a 0.5s;

}

#btn-ask-for-services:hover {
	--a:270deg;
}


#third-section-right {
	display: flex;
	min-width: 342px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
	flex-wrap: nowrap;
	flex-direction: row;
	gap: 24px;
	flex: 1 0 0;
}

#third-section-right > img {
	border-radius: 2px;
	/* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
}




#fourth-section {
	display: flex;
	min-width: 390px;
	max-width: 100%;
	padding: 233px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url("../images/img4.webp") lightgray 50% / cover no-repeat;
}


#fourth-section-center {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	align-self: stretch;
	flex-wrap: wrap;
}

#fourth-section-center > .grid1 {
	height: 368px;
	min-width: 342px;
	flex: 1 0 0;
	border-radius: 6px 6px 0px 0px;
	background: url('../images/img5.webp') lightgray 50% / cover no-repeat;
}
#fourth-section-center > .grid2 {
	height: 368px;
	min-width: 342px;
	flex: 1 0 0;
	border-radius: 6px 6px 0px 0px;
	background: url('../images/img6.webp') lightgray 50% / cover no-repeat;
}
#fourth-section-center > .grid3 {
	height: 368px;
	min-width: 342px;
	flex: 1 0 0;
	border-radius: 6px 6px 0px 0px;
	background: url('../images/img7.webp') lightgray 50% / cover no-repeat;
}
#fourth-section-center > .grid4 {
	height: 368px;
	min-width: 342px;
	flex: 1 0 0;
	border-radius: 6px 6px 0px 0px;
	background: url('../images/img8.webp') lightgray 50% / cover no-repeat;
}

#fourth-section-block1{
	display: flex;
	height: 368px;
	min-width: 342px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	opacity: 0.8;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 25px 100px 0px rgba(69, 88, 157, 0.08);
}
#fourth-section-block1 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	
	/* Heading/XX Large */
	font-family: "DM Sans";
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 112px */
}
#fourth-section-block1 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#fourth-section-block2{
	display: flex;
	height: 368px;
	min-width: 342px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	opacity: 0.8;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 25px 100px 0px rgba(69, 88, 157, 0.08);
}
#fourth-section-block2 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	
	/* Heading/XX Large */
	font-family: "DM Sans";
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 112px */
}
#fourth-section-block2 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#fourth-section-block3{
	display: flex;
	height: 368px;
	min-width: 300px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	opacity: 0.8;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 25px 100px 0px rgba(69, 88, 157, 0.08);
}
#fourth-section-block3 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}
#fourth-section-block3 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	
	/* Heading/XX Large */
	font-family: "DM Sans";
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 112px */
}
#fourth-section-block4{
	display: flex;
	height: 368px;
	min-width: 300px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	opacity: 0.8;
	background: var(--Neutral-white, #FFF);
	box-shadow: 0px 25px 100px 0px rgba(69, 88, 157, 0.08);
}
#fourth-section-block4 > h1 {
	color: var(--Neutral-800, #444950);
	text-align: center;
	
	/* Heading/XX Large */
	font-family: "DM Sans";
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 112px */
}
#fourth-section-block4 > span {
	color: var(--Neutral-700, #606770);
	text-align: center;
	
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}

/* region FOURTH-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region FIFTH-SECTION */



#fifth-section {
	background-color: #FFF;
	display: flex;
	max-width: 100%;
	padding: 120px 300px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 80px;
	align-self: stretch;
	flex-wrap: wrap;
}

#fifth-section-left {
	display: flex;
	min-width: 342px;
	max-width: 620px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
}
#fifth-section-left > h1 {
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#fifth-section-left > p {
	color: var(--Neutral-700, #606770);
	align-self: stretch;

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	margin-bottom: 24px;
}

#fifth-section-left > span {
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Body/Large/Bold */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
}
#fifth-section-left > span > p {
	margin-left: 60px;
	color: var(--Neutral-700, #606770);

	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
#fifth-section-left > span > svg {
	margin-right: 24px;
	margin-bottom:-10px;
}


/* region FIFTH-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region SIXTH-SECTION */
#sixth-section{
	display: flex;
	min-width: 390px;
	max-width: 100%;
	padding: 120px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 80px;
	align-self: stretch;
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
}

#sixth-section-text > h1 {
	text-align: center;
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
	background: var(--Gradient-gold, linear-gradient(90deg, #F1DD66 0%, #F0DD66 0.78%, #EFDB65 1.56%, #EEDA64 2.34%, #ECD864 3.12%, #EBD763 3.91%, #EAD562 4.69%, #E9D462 5.47%, #E7D261 6.25%, #E6D161 7.03%, #E5CF60 7.81%, #E4CE5F 8.59%, #E3CC5F 9.37%, #E1CB5E 10.16%, #E0C95D 10.94%, #DFC85D 11.72%, #DEC65C 12.5%, #DDC55C 13.28%, #DCC45B 14.06%, #DAC25A 14.84%, #D9C15A 15.62%, #D8BF59 16.41%, #D7BE58 17.19%, #D6BD58 17.97%, #D5BB57 18.75%, #D4BA57 19.53%, #D2B956 20.31%, #D1B756 21.09%, #D0B655 21.87%, #CFB554 22.66%, #CEB354 23.44%, #CDB253 24.22%, #CCB153 25%, #CBAF52 25.78%, #CAAE52 26.56%, #C8AD51 27.34%, #C7AB50 28.12%, #C6AA50 28.91%, #C5A94F 29.69%, #C4A84F 30.47%, #C3A64E 31.25%, #C2A54E 32.03%, #C1A44D 32.81%, #C0A34D 33.59%, #BFA14C 34.37%, #BEA04C 35.16%, #BD9F4B 35.94%, #BC9E4B 36.72%, #BB9C4A 37.5%, #BA9B4A 38.28%, #B89A49 39.06%, #B79949 39.84%, #B69848 40.62%, #B59748 41.41%, #B49547 42.19%, #B39447 42.97%, #B29346 43.75%, #B19246 44.53%, #B09145 45.31%, #AF9045 46.09%, #AE8E44 46.87%, #AD8D44 47.66%, #AC8C43 48.44%, #AB8B43 49.22%, #AA8A42 50%, #A98942 50.78%, #A88841 51.56%, #A78741 52.34%, #A68640 53.12%, #A68440 53.91%, #A5833F 54.69%, #A4823F 55.47%, #A3813F 56.25%, #A2803E 57.03%, #A17F3E 57.81%, #A07E3D 58.59%, #9F7D3D 59.37%, #9E7C3C 60.16%, #9D7B3C 60.94%, #9C7A3B 61.72%, #9B793B 62.5%, #9A783B 63.28%, #99773A 64.06%, #98763A 64.84%, #987539 65.62%, #977439 66.41%, #967339 67.19%, #957238 67.97%, #947138 68.75%, #937037 69.53%, #926F37 70.31%, #916E37 71.09%, #906D36 71.87%, #8F6C36 72.66%, #8F6B35 73.44%, #8E6A35 74.22%, #8D6935 75%, #8C6834 75.78%, #8B6734 76.56%, #8A6633 77.34%, #896633 78.12%, #896533 78.91%, #886432 79.69%, #876332 80.47%, #866231 81.25%, #856131 82.03%, #846031 82.81%, #845F30 83.59%, #835E30 84.37%, #825E30 85.16%, #815D2F 85.94%, #805C2F 86.72%, #7F5B2F 87.5%, #7F5A2E 88.28%, #7E592E 89.06%, #7D582E 89.84%, #7C582D 90.62%, #7B572D 91.41%, #7B562C 92.19%, #7A552C 92.97%, #79542C 93.75%, #78542B 94.53%, #78532B 95.31%, #77522B 96.09%, #76512A 96.87%, #75502A 97.66%, #74502A 98.44%, #744F29 99.22%, #734E29 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#sixth-section-text > p {
	color: var(--Neutral-100, #F2F3F5);
	text-align: center;
	max-width: 760px;
	align-self: stretch;
	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
}
#sixth-section-examples {
	display: flex;
	max-width: 1680px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 19px;
	align-self: stretch;
	flex-wrap: wrap;	
}
.example {
	display: flex;
	width: 546.67px;
	min-width: 342px;
	max-width: 546.67px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
}
.example > img{
	height: 568px;
	min-width: 342px;
	align-self: stretch;
	border-radius: 2px;
}
.example > span{
	color: var(--Neutral-white, #FFF);

	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

#sixth-section-btn {
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 2px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
	color: var(--Primary-950, #342114);
	text-align: center;
	
	/* Body/Default/Bold */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
	transition: 0.5s;
}

#sixth-section-btn:hover{
	background: var(--Gradient-gold);
	color: var(--Neutral-white, #FFF);
	border: 1px solid var(--Neutral-300, #342114);
}

/* region SIXTH-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region SEVENTH-SECTION */
#seventh-section {
	display: flex;
	min-width: 390px;
	max-width: 100%;
	padding: 120px 300px;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	align-self: stretch;
}
#seventh-section-text > h1 {
	color: var(--Neutral-900, #313338);
	text-align: center;
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}

#seventh-section-text > p {
	max-width: 760px;
	align-self: stretch;
	color: var(--Neutral-700, #606770);
	text-align: center;

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
}
#seventh-section-text > p > bold {
	color: var(--Neutral-700, #606770);

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

#lake-scroll-bar {
	display: flex;
	align-items: center;
	align-self: stretch;
}
#state1{
	display: flex;
	width: 30%;
	height: 12px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
}

#state2{
	display: flex;
	width: 30%;
	height: 12px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	background: var(--Neutral-300, #DBDDE1);
}

#state3{
	display: flex;
	width: 30%;
	height: 12px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	background: var(--Neutral-300, #DBDDE1);
}

#seventh-section-examples{
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	gap: 700px;
	align-self: stretch;
	flex-wrap: nowrap;
	flex-direction: row;
	flex-shrink: 0;
	flex-grow: 0;
	
}
.example-lake{
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	gap: 48px;
	align-self: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
}

#right-lake-button {
	cursor:pointer;
}
#left-lake-button {
	cursor:pointer;
}

#right-lake-button:hover{
	border-radius: var(--border-pill, 104px);
	border: 1px solid #734E29;
	background: var(--Neutral-white, #FFF);
	transition: all 300ms ease-in-out;

}
#left-lake-button:hover{
	border-radius: var(--border-pill, 104px);
	border: 1px solid #734E29;
	background: var(--Neutral-white, #FFF);
	transition: all 300ms ease-in-out;
}
.example-lake > img {
	width: 762px;
	height: 790px;
	min-width: 342px;
}
.example-lake-text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
	min-width: 320px;
}
.example-lake-text > h1{
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
.example-lake-text > p{
	color: var(--Neutral-700, #606770);
	align-self: stretch;
	/* Body/Medium/Regular */
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}

#lake-button-containers > div {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--border-pill, 104px);
	border: 1px solid var(--Neutral-200, #EBEDF0);
	background: var(--Neutral-white, #FFF);
}
#lake-button-containers{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:12px;
}

/* region SEVENTH-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region CLIENTS-SECTION */

#clients-section {
	display: flex;
	min-width: 390px;
	max-width: 100%;
	padding: 120px 300px;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	align-self: stretch;
}
#clients-section-text {
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}
#clients-section-text > h1 {

	color: var(--Neutral-900, #313338);
	text-align: center;
	align-self: stretch;
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}

#clients-section-text > p {
	color: var(--Neutral-800, #444950);
	text-align: center;
	align-self: stretch;
	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
}
#clients-section-slider {
	display: flex;
	height: 216px;
	justify-content: center;
	align-items: center;
	gap: 24px;
	overflow: hidden;
	max-width: 80vw;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

}

#right-clients-btn{
	cursor: pointer;
}
#left-clients-btn{
	cursor: pointer;
}
#right-clients-btn:hover{
	border-radius: var(--border-pill, 104px);
	border: 1px solid #734E29;
	background: var(--Neutral-white, #FFF);
	transition: all 300ms ease-in-out;

}
#left-clients-btn:hover{
	border-radius: var(--border-pill, 104px);
	border: 1px solid #734E29;
	background: var(--Neutral-white, #FFF);
	transition: all 300ms ease-in-out;
}
.client-card {
	display: flex;
	width: 324px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 8px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
	flex-shrink:0;
}

.client-card > p {
	color: var(--Neutral-700, #606770);
	align-self: stretch;
	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

.user-container{
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.name-container > h1{
	color: var(--Neutral-900, #313338);
	align-self: stretch;
	/* Body/Default/Bold */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
}
.name-container > span{
	color: var(--Neutral-700, #606770);
	align-self: stretch;
	/* Body/Small/Regular */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
}
#clients-section-btn > div {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--border-pill, 104px);
	border: 1px solid var(--Neutral-200, #EBEDF0);
	background: var(--Neutral-white, #FFF);
}
#clients-section-btn{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:12px;
}

/* region CLIENTS-SECTION end */

/*--------------------------------------------------------------------------------------------------------------------*/

/* region CONTACTS-SECTION */


#contacts-section {
	display: flex;
	min-width: 390px;
	padding: 120px 300px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 80px;
	align-self: stretch;
	flex-wrap: wrap;
	background: var(--Background-gray, #F6F6FA);
}

#contacts-section-left {
	display: flex;
	min-width: 342px;
	max-width: 620px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
}
#contacts-section-left > h1 {
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */
}
#contacts-section-left > p {
	color: var(--Neutral-700, #606770);
	align-self: stretch;

	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	margin-bottom: 24px;
}

#contacts-section-left > span {
	color: var(--Neutral-900, #313338);
	align-self: stretch;

	/* Body/Large/Bold */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
}
#contacts-section-left > span > p {
	margin-left: 60px;
	color: var(--Neutral-700, #606770);

	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
#contacts-section-left > span > svg {
	margin-right: 24px;
	margin-bottom:-10px;
}

#contacts-section-right {
	display: flex;
	min-width: 342px;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

#contacts-section-right >h2 {
	color: var(--Neutral-900, #313338);
	align-self: stretch;
	/* Body/Large/Bold */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
}
.input-container >label {
	color: var(--Neutral-950, #1C1E21);

	/* Body/Small/Bold */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 21px */
}
.input-container >label > span {
	color: var(--Feedback-error-main, #CC1F1F);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.input-container >label > p {
	color: var(--Neutral-600, #8D949E);
	display: inline;
	/* Body/Small/Regular */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
}
.input-container >input {
	display: flex;
	height: 20px;
	padding: 8px 12px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 6px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
}
.input-container >textarea {
	padding: 8px 12px;
	align-items: flex-start;
	height: 120px;
	align-self: stretch;
	border-radius: 6px;
	border: 1px solid var(--Neutral-300, #DBDDE1);
	background: var(--Neutral-white, #FFF);
}
.input-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
#btn-request {
	--a:90deg;
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	cursor: pointer;
	border-radius: 2px;
	background: linear-gradient(var(--a), #F1DD66 0%, #F0DD66 0.78%, #EFDB65 1.56%, #EEDA64 2.34%, #ECD864 3.12%, #EBD763 3.91%, #EAD562 4.69%, #E9D462 5.47%, #E7D261 6.25%, #E6D161 7.03%, #E5CF60 7.81%, #E4CE5F 8.59%, #E3CC5F 9.37%, #E1CB5E 10.16%, #E0C95D 10.94%, #DFC85D 11.72%, #DEC65C 12.5%, #DDC55C 13.28%, #DCC45B 14.06%, #DAC25A 14.84%, #D9C15A 15.62%, #D8BF59 16.41%, #D7BE58 17.19%, #D6BD58 17.97%, #D5BB57 18.75%, #D4BA57 19.53%, #D2B956 20.31%, #D1B756 21.09%, #D0B655 21.87%, #CFB554 22.66%, #CEB354 23.44%, #CDB253 24.22%, #CCB153 25%, #CBAF52 25.78%, #CAAE52 26.56%, #C8AD51 27.34%, #C7AB50 28.12%, #C6AA50 28.91%, #C5A94F 29.69%, #C4A84F 30.47%, #C3A64E 31.25%, #C2A54E 32.03%, #C1A44D 32.81%, #C0A34D 33.59%, #BFA14C 34.37%, #BEA04C 35.16%, #BD9F4B 35.94%, #BC9E4B 36.72%, #BB9C4A 37.5%, #BA9B4A 38.28%, #B89A49 39.06%, #B79949 39.84%, #B69848 40.62%, #B59748 41.41%, #B49547 42.19%, #B39447 42.97%, #B29346 43.75%, #B19246 44.53%, #B09145 45.31%, #AF9045 46.09%, #AE8E44 46.87%, #AD8D44 47.66%, #AC8C43 48.44%, #AB8B43 49.22%, #AA8A42 50%, #A98942 50.78%, #A88841 51.56%, #A78741 52.34%, #A68640 53.12%, #A68440 53.91%, #A5833F 54.69%, #A4823F 55.47%, #A3813F 56.25%, #A2803E 57.03%, #A17F3E 57.81%, #A07E3D 58.59%, #9F7D3D 59.37%, #9E7C3C 60.16%, #9D7B3C 60.94%, #9C7A3B 61.72%, #9B793B 62.5%, #9A783B 63.28%, #99773A 64.06%, #98763A 64.84%, #987539 65.62%, #977439 66.41%, #967339 67.19%, #957238 67.97%, #947138 68.75%, #937037 69.53%, #926F37 70.31%, #916E37 71.09%, #906D36 71.87%, #8F6C36 72.66%, #8F6B35 73.44%, #8E6A35 74.22%, #8D6935 75%, #8C6834 75.78%, #8B6734 76.56%, #8A6633 77.34%, #896633 78.12%, #896533 78.91%, #886432 79.69%, #876332 80.47%, #866231 81.25%, #856131 82.03%, #846031 82.81%, #845F30 83.59%, #835E30 84.37%, #825E30 85.16%, #815D2F 85.94%, #805C2F 86.72%, #7F5B2F 87.5%, #7F5A2E 88.28%, #7E592E 89.06%, #7D582E 89.84%, #7C582D 90.62%, #7B572D 91.41%, #7B562C 92.19%, #7A552C 92.97%, #79542C 93.75%, #78542B 94.53%, #78532B 95.31%, #77522B 96.09%, #76512A 96.87%, #75502A 97.66%, #74502A 98.44%, #744F29 99.22%, #734E29 100%);
	color: var(--Neutral-white, #FFF);
	text-align: center;

	/* Body/Default/Bold */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
	transition: --a 0.5s;

}
#btn-request:hover {
	--a:270deg;
}

.success{
	border-radius: 8px!important;
	background: var(--Feedback-success-dark, #177E3C)!important;
	cursor:not-allowed!important;
}

.error{
	border-radius: 8px!important;
	background: var(--Feedback-error-main, #CC1F1F)!important;
	cursor:not-allowed!important;
}




#footer-section {
	display: flex;
	padding: 48px 300px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
}
#footer-section-top{
	display: flex;
	padding: 24px 0px;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
}
#footer-section-top-left{
	display: flex;
	width: 399px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
#footer-section-top-left > img{
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer-section-top-left > p{
	color: var(--Neutral-600, #8D949E);
	text-align: center;
	
	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
#footer-section-top-right{
	display: flex;
	width: 535px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
#footer-section-top-right > h2{
	color: var(--Neutral-white, #FFF);
	align-self: stretch;
	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

#footer-section-top-right > a{
	color: var(--Neutral-600, #8D949E);

	/* Body/Small/Regular */
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
}
hr {
	width: 70%;
	background: #444950;
	height: 1px;
}

#footer-section-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}


#footer-section-bottom > p{
	color: var(--Neutral-600, #8D949E);
	text-align: center;
	
	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
#terms-container{
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
#terms-container > div{
	color: var(--Neutral-600, #8D949E);
	text-align: center;
	
	/* Body/Default/Regular */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
.cookie-popup {
    position: fixed; /* Stay in place even when scrolling */
    bottom: 0;       /* Stick to the bottom */
    left: 0;         /* Stretch across the width */
    right: 0;
	background: var(--Secondary-950, #112A40);
    color: #ecf0f1;           /* Light text */
    padding: 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    z-index: 1000;       /* Ensure it's on top */
    display: flex;       /* Use flexbox for layout */
    justify-content: space-between; /* Space out text and buttons */
    align-items: center; /* Vertically center items */
    flex-wrap: wrap;     /* Allow items to wrap on smaller screens */
    gap: 15px;           /* Add space between text and buttons if they wrap */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */

}

.cookie-popup p {
    margin: 0;
    flex-grow: 1; /* Allow text to take up available space */
    line-height: 1.5;
}

/* Optional: Style for a privacy policy link */
/*
.cookie-popup p a {
    color: #3498db;
    text-decoration: none;
}
.cookie-popup p a:hover {
    text-decoration: underline;
}
*/

.cookie-buttons {
    display: flex;
    gap: 10px; /* Space between the buttons */
    flex-shrink: 0; /* Prevent buttons from shrinking too much */
}

.cookie-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.1s ease;
}

.cookie-btn:active {
    transform: scale(0.98); /* Slight press effect */
}

.cookie-btn.accept {
    background-color: #27ae60; /* Green */
    color: white;
}

.cookie-btn.accept:hover {
    background-color: #2ecc71;
}

.cookie-btn.decline {
    background-color: #bdc3c7; /* Light grey */
    color: #2c3e50; /* Dark text */
}

.cookie-btn.decline:hover {
    background-color: #ecf0f1; /* Lighter grey on hover */
}

/* Class to hide the popup */
.hidden {
    display: none!important;
}

/* Basic responsiveness */
@media (max-width: 600px) {
    .cookie-popup {
        flex-direction: column; /* Stack items vertically */
        text-align: center;
        bottom: 0; /* Ensure it's fully visible */
        padding: 15px;
    }
    .cookie-buttons {
        width: 100%;
        justify-content: center; /* Center buttons */
        margin-top: 10px;
    }
     .cookie-btn {
        flex-grow: 1; /* Make buttons take equal width */
     }
}

@media all and (max-width: 1600px) {
	#second-section-left {
		flex-direction: column;
	}
 }


@media all and (min-width: 1280px) {
	#navbar {
		display: flex!important;
	}
	.mobile-navbar {
		display: none!important;
	}
 }


@media all and (min-width: 1024px) and (max-width: 1280px) {
	.sections > div {
		padding-left: 150px!important;
		padding-right: 150px!important;
	}
	#navbar {
		display: flex!important;
		width: 90%;
	}
	.mobile-navbar {
		display: none!important;
	}
	
	.example-lake > img {
		width: 381px;
		height: 395px;
		min-width: 342px;
	}
 }

@media all and (min-width: 768px) and (max-width: 1024px) { 
	
	.sections > div {
		padding-left: 100px!important;
		padding-right: 100px!important;
	}
	#navbar {
		display: none!important;
	}
	.mobile-navbar {
		display: flex!important;
	}
	.example-lake > img {
		width: 381px;
		height: 395px;
		min-width: 342px;
	}
}

@media all and (min-width: 480px) and (max-width: 768px) { 
	
	.sections > div {
		padding-left: 50px!important;
		padding-right: 50px!important;
	}
	#navbar {
		display: none!important;
	}
	.mobile-navbar {
		display: flex!important;
	}
	.example-lake > img {
		width: 381px;
		height: 395px;
		min-width: 342px;
	}
	.main-section {
		gap:48px;
	}
}

@media all and (max-width: 480px) {
	.sections > div {
		padding-left: 24px!important;
		padding-right: 24px!important;
	}
	#navbar {
		display: none!important;
	}
	.mobile-navbar {
		display: flex!important;
	}
	.example-lake > img {
		width: 381px;
		height: 395px;
		min-width: 342px;
	}
	.example-lake {
		flex-wrap: wrap;
	}
	.main-section {
		padding-top: 200px;
		gap:48px;
	}
	
	#fourth-section {
		min-width: initial!important;
		padding-top: 20px!important;
		padding: auto!important;
	}
	#fifth-section-right{
		width: 97%;
		overflow: hidden;
	}
	#sixth-section {
		min-width: initial!important;
	}
	#seventh-section {
		min-width: initial!important;
		gap: 30px;
	}
	.client-card{
		width: 276px;
	}
	#seventh-section-examples{
		overflow-x:auto;
		gap: 30px;
	}
	#clients-section-slider{
		gap: 12px;
		overflow: visible;
		overflow-x:auto;
	}
 }


/* Portrait */
@media screen and (orientation:portrait) { 

 }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit; /* Inherit color from parent */
}

button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0; /* Remove default padding */
    font-family: inherit; /* Inherit font */
}

/* --- Mobile Navbar --- */
.mobile-navbar {
	background: var(--Secondary-950, #112A40);
	display: flex;
	padding: 16px 0px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	position:fixed;   
	top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it's above other content */
}
.mobile-navbar > .logo {
	height: 40px!important;
	margin-left: 24px;
}

.logo {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    /* If using an image: */
    /* display: block; */
    /* height: 30px;  Adjust as needed */
}
/* .logo img {
    display: block;
    height: 100%;
    width: auto;
} */


.hamburger-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px;
	margin-right: 24px;
    cursor: pointer;
    z-index: 1002; /* Above fullscreen menu background, but below close button */
    transition: transform 0.3s ease-in-out;
}

.bar {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

/* --- Full Screen Menu --- */
.fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
    color: #fff;
    z-index: 1001; /* Below hamburger/close, above navbar/content */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    /* --- Initial Hidden State --- */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); /* Start above the screen */
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.fullscreen-text{
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
	background: var(--Gradient-Background, linear-gradient(208deg, #143340 21.63%, #143340 28.73%, #143340 30.5%, #143340 31.39%, #143340 31.83%, #143240 32.05%, #14323F 32.27%, #14323F 32.49%, #14323F 32.71%, #14313E 32.94%, #13313E 33.16%, #13313E 33.38%, #13303D 33.6%, #13303D 33.82%, #13303D 34.04%, #132F3C 34.27%, #132F3C 34.49%, #132F3C 34.71%, #132F3B 34.93%, #132E3B 35.15%, #132E3A 35.37%, #122E3A 35.6%, #122D3A 35.82%, #122D3A 36.04%, #122D39 36.26%, #122D39 36.48%, #122C39 36.7%, #122C38 36.93%, #122C38 37.15%, #122B38 37.37%, #122B37 37.59%, #122B37 37.81%, #112B37 38.03%, #112A36 38.25%, #112A36 38.48%, #112A36 38.7%, #112A35 38.92%, #112935 39.14%, #112935 39.36%, #112934 39.58%, #112934 39.81%, #112834 40.03%, #112834 40.25%, #112833 40.47%, #102833 40.69%, #102733 40.91%, #102732 41.14%, #102732 41.36%, #102732 41.58%, #102632 41.8%, #102631 42.02%, #102631 42.47%, #102530 42.91%, #102530 43.35%, #0F252F 43.8%, #0F242F 44.24%, #0F242E 44.68%, #0F232E 45.12%, #0F232D 45.57%, #0F222D 46.01%, #0E222C 46.45%, #0E222C 46.9%, #0E212B 47.34%, #0E212B 47.78%, #0E202A 48.23%, #0E202A 48.67%, #0E2029 49.11%, #0D1F29 49.56%, #0D1F28 50%, #0D1E28 50.44%, #0D1E28 50.89%, #0D1E27 51.33%, #0D1D27 51.77%, #0D1D26 52.22%, #0C1D26 52.66%, #0C1C25 53.1%, #0C1C25 53.55%, #0C1C25 53.99%, #0C1B24 54.43%, #0C1B24 54.88%, #0C1B24 55.32%, #0C1B23 55.76%, #0C1A23 56.2%, #0B1A22 56.65%, #0B1A22 57.09%, #0B1922 57.53%, #0B1921 57.98%, #0B1921 58.42%, #0B1921 58.86%, #0B1820 59.31%, #0B1820 59.75%, #0B1820 60.19%, #0A1820 60.64%, #0A171F 61.08%, #0A171F 61.52%, #0A171F 61.97%, #0A171E 62.41%, #0A171E 62.85%, #0A161E 63.3%, #0A161E 63.74%, #0A161D 64.18%, #0A161D 65.07%, #09151C 65.96%, #09151C 66.84%, #09151C 67.73%, #09141B 68.61%, #09141B 69.5%, #09141A 70.39%, #09131A 71.27%, #09131A 72.16%, #08131A 73.05%, #081319 74.82%, #081219 76.59%, #081219 78.37%));
    color: #fff;
    z-index: 1001; /* Below hamburger/close, above navbar/content */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    /* --- Initial Hidden State --- */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); /* Start above the screen */
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out;

}
.fullscreen-text.is-active {
    /* --- Active Visible State --- */
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Slide in from top */
}
.fullscreen-text > div{
	margin:auto;
	width: 80%;
}
.fullscreen-text > div > h3 {
	align-self: stretch;
	color: var(--Neutral-200, #EBEDF0);
	text-align: center;
	
	/* Heading/Small */
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 44.8px */

}
.fullscreen-text > div > span {
	color: var(--Neutral-700, #EBEDF0);
	align-self: stretch;
	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
}
.fullscreen-text > div > p {
	color: var(--Neutral-700, #EBEDF0);
	align-self: stretch;
	/* Body/Large/regular */
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	
}





.fullscreen-menu.is-active {
    /* --- Active Visible State --- */
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Slide in from top */
}

.fullscreen-menu ul {
	display: flex;
	flex-direction: column;
	width: 80%;
}

.fullscreen-menu li {
    margin: 25px 0;
}

.fullscreen-menu a {
	color: var(--Neutral-white, #FFF);

	/* Body/Default/Bold */
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
    transition: color 0.2s ease, transform 0.2s ease;
}

.fullscreen-menu a:hover,
.fullscreen-menu a:focus {
    transform: scale(1.1);
}

.close-menu {
    position: absolute;
    top: 20px;
    right: 25px; /* Align roughly with hamburger */
    font-size: 2.5em; /* Large 'X' */
    color: #fff;
    line-height: 1; /* Prevent extra spacing */
    z-index: 1003; /* Above everything else in the menu */
    transition: transform 0.3s ease;
}
.close-menu:hover,
.close-menu:focus {
    transform: rotate(90deg) scale(1.1);
}

/* --- Optional: Animate Hamburger to 'X' --- */
/* Add 'menu-open' class to body or header when menu is active */
.menu-open .hamburger-menu {
    /* Position adjustment might be needed depending on exact desired 'X' look */
}

.menu-open .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg); /* Move down and rotate */
}

.menu-open .bar:nth-child(2) {
    opacity: 0; /* Fade out middle bar */
}

.menu-open .bar:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg); /* Move up and rotate */
}

#privacy-policy-btn {
	cursor: pointer;
}
#terms-btn {
	cursor: pointer;
}
.chat-anchor {
	/* --- Positioning --- */
	position: fixed; /* Stick to the viewport */
	bottom: 20px;    /* Distance from bottom */
	right: 20px;     /* Distance from right */
	z-index: 1000;   /* Stay on top of other content */
  
	/* --- Appearance --- */
	display: flex;          /* Use flexbox for centering icon */
	align-items: center;    /* Vertically center icon */
	justify-content: center;/* Horizontally center icon */
	width: 60px;            /* Button width */
	height: 60px;           /* Button height */
	background-color: #25d366; /* Example background color (blue) */
	color: white;           /* Icon color */
	border-radius: 50%;     /* Make it circular */
	text-decoration: none;  /* Remove underline from link */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
	cursor: pointer;        /* Indicate it's clickable */
  
	/* --- Transitions for smooth effects --- */
	transition: background-color 0.3s ease, transform 0.2s ease;
  }
  
  /* --- Icon Styling (within the anchor) --- */
  .chat-anchor svg {
	/* Size is controlled by width/height attributes on SVG tag itself, */
	/* but you could override here if needed */
	/* width: 28px; */
	/* height: 28px; */
	fill: currentColor; /* Makes the SVG use the 'color' property of the parent (.chat-anchor) */
  }
  
  /* --- Hover Effect --- */
  .chat-anchor:hover {
	background-color: #128c7e; /* Darker shade on hover */
	transform: scale(1.1);    /* Slightly enlarge on hover */
  }
  
  /* --- Active/Click Effect --- */
  .chat-anchor:active {
	background-color: #075e54; /* Even darker shade when clicked */
	transform: scale(1.05);   /* Slightly shrink back */
  }