/* header-start */
.header {
	margin-bottom: 100px;
}

.mobile-menu {
	display: none;
}

.header-content {
	padding: 0;
	display: grid;
	row-gap: 30px;
}

.header-top {
	display: grid;
	grid-template-columns: min-content 1fr;
	align-items: flex-end;
	column-gap: 20px;
}

.header-contacts {
	align-items: flex-end;
	column-gap: 20px;
	display: flex;
	justify-content: space-between;
}

.header-mail {
	color: #feda00;
	max-width: 670px;
}

.header-mail:hover {
	color: #feda00;
}

.header-link {
	color: #ffffffa5;
}

.header-mail:hover .header-link {
	color: #ffffff;
}

.header-phone {
	color: #ffffff;
}

.socials-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.socials-list-item {
	margin: 6px 22px 0 0;
}

.socials-list-item a {
	align-items: center;
	display: flex;
}

.socials-list-item i {
	margin-right: 7px;
}

@media (max-width: 1200px) {
	.header-contacts {
		display: grid;
		grid-template-columns: 1fr;
	}

	.header-top {
		column-gap: 40px;
	}
}

@media (max-width: 768px) {
	#nav {
		overflow: hidden;
		padding: 10px;
		border: none;
	}

	#nav[aria-expanded=true] {
		border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	#nav .header-socials-list {
		margin-top: -1000px;
		transition: 0.5s;
	}

	#nav[aria-expanded=true] .header-socials-list {
		margin-top: 0;
	}

	.header .mobile-menu {
		display: grid !important;
		grid-template-rows: repeat(5, max-content);
		text-align: center;
		justify-items: center;
		justify-content: center;
		row-gap: 10px;
		margin-bottom: 10px;
	}

	.header-logo {
		display: none;
	}

	.header-top {
		display: none;
	}

	.socials-list {
		display: grid !important;
		row-gap: 8px;
		grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	}

	.socials-list-item {
		font-size: 18px;
	}

	.toggle {
		border: none;
		background: none;
		position: relative;
		width: fit-content;
		height: fit-content;
		display: grid;
		row-gap: 3px;
		padding: 5px;
	}

	.toggle div {
		width: 25px;
		height: 2px;
		background: #ffffff;
		border-radius: 1px;
	}

	.toggle:focus {
		outline: none;
	}
}
/* header-end */


/* team section start */
.sec-team {
	margin-bottom: 80px;
}

.sec-team-title {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	margin-bottom: 40px;
	font-size: 56px;
}

.teammates {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(170px, 1fr) );
	gap: 30px 10px;
}

.teammates-title {
	font-size: 65px;
}

@media (max-width: 768px) {
	.teammates {
		grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) );
	}

	.sec-team-title {
		font-size: 38px !important;
	}
}

.teammate {
	display: grid;
	grid-template-rows: min-content max-content max-content;
	row-gap: 10px;
}

.teammate-img {
	border-radius: 50%;
	width: 100%;
}
/* team section end */


/* we section start */
.sec-we {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.sec-we {
		margin-bottom: 70px;
	}
}

.sec-we__title {
	max-width: 630px;
}

.sec-we__list {
	font-size: 18px;
}
/* we section end */


/* muteit section start */
.sec-muteit {
	display: grid;
	grid-template-columns: 350px max-content;
	align-items: center;
	justify-content: center;
	column-gap: 50px;
	margin-bottom: 100px;
}

.muteit-text__go-to {
	display: grid;
	margin-top: 5px;
	align-items: baseline;
	color: #feda00;
	column-gap: 5px;
	grid-auto-flow: column;
	justify-content: flex-start;
	font-size: 20px;
	font-weight: 500px;
}

@media (max-width: 768px) {
	.sec-muteit {
		grid-template-columns: 1fr;
		row-gap: 50px;
		margin-bottom: 40px;
	}
}

.muteit-description {
	color: #00eb86;
}

/* muteit section end */

/* unicorn witnesses section start */
.sec-unicorn-witnesses {
	display: grid;
	grid-template-columns: min-content 350px;
	align-items: center;
	justify-content: center;
	column-gap: 50px;
	margin-bottom: 100px;
}

.unicorn-witnesses-title {
	margin-bottom: 15px;
}

.unicorn-witnesses-description {
	color: #B8B7FF;
	margin-bottom: 10px;
}

.unicorn-witnesses-img-link {
	width: 400px;
}

.unicorn-witnesses-img {
	width: 100%;
}

.unicorn-witnesses-text__list {
	/* list-style-type: ; */
	margin-bottom: 10px;
}

.unicorn-witnesses-text__discord-link {
	font-size: 16px;
	line-height: 1;
}

@media (max-width: 1200px) {
	.unicorn-witnesses-img-link {
		width: 300px;
	}
}

@media (max-width: 768px) {
	.sec-unicorn-witnesses {
		grid-template-columns: 1fr;
		row-gap: 50px;
		margin-bottom: 40px;
	}

	.unicorn-witnesses-img-link {
		grid-row: 2;
		width: 100%;
	}
}
/* unicorn witnesses section end */


/* services section start */
.sec-services {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1px;
	margin-bottom: 60px;
}

.service {
	border: solid 1px rgba(0, 235, 134, 0.5);
	align-items: center;
	justify-content: center;
	align-content: center;
	text-align: center;
	padding: 30px 50px;
	display: grid;
	row-gap: 10px;
}

.service h2 {
	font-size: 28px;
}

.service-list {
	font-size: 14px;
	display: grid;
	column-gap: 10px;
	text-align: left;
	color: #feda00;
	grid-template-columns: repeat(2, max-content);
	justify-content: space-around;
}

.service:nth-child(2) p {
	color: #7536fc;
}

@media (max-width: 768px) {
	.sec-services {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: min-content min-content;
	}

	.service-list {
		grid-template-columns: 1fr;
		text-align: center;
	}
}
/* services section start */


/* footer contacts section start */
.sec-footer-contacts {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	align-items: flex-end;
	column-gap: 20px;
	justify-content: center;
	margin-bottom: 60px;
}

.footer-contacts-link {
	color: #38cc38;
}

.footer-contacts-mail {
	max-width: 490px;
}

.sec-footer-socials {
	margin-bottom: 30px;
}

.footer-contacts {
	display: grid;
	grid-template-columns: max-content 1fr;
	align-items: flex-end;
	column-gap: 20px;
}

@media (max-width: 1200px) {
	.footer-contacts {
		display: grid;
		grid-template-columns: max-content;
	}
}

@media (max-width: 768px) {
	.footer-contacts {
		grid-template-columns: 1fr;
	}

	.sec-footer-contacts {
		display: grid;
		grid-template-columns: none;
		align-items: center;
		row-gap: 20px;
		margin-bottom: 30px;
	}

	.footer-contacts-mail {
		margin-bottom: 10px;
	}
}
/* footer contacts section end */


/* footer start */
.footer {
	display: flex;
	align-items: flex-start;
}

.footer-presentaion {
	display: grid;
	grid-template-columns: none;
	align-items: center;
	row-gap: 20px;
	margin-bottom: 30px;
}

/* footer end */

.slider {
	margin-bottom: 80px;
}

.slide-content {
	max-width: 100%;
	margin: 0 auto;
	min-height: 600px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 20px 20%;
	border-radius: 5px;
	text-align: center;
}

.slide-content h4 {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}

.slide-1 .slide-content {
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/jumeirah-gradient.png') center center;
	background-size: cover;
}

.slide-2 .slide-content {
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/new-york-yellow.png') center center;
	background-size: cover;
}

.mobile-menu__button-container {
	display: none;
}

@media (max-width: 768px) {
	.slick-arrow {
		display: none !important;
	}

	.mobile-menu__button-container {
		display: flex;
	}
}

.sec-dao {
	margin-bottom: 150px;
}

@media (max-width: 768px) {
	.sec-dao {
		margin-bottom: 70px;
	}
}

.sec-dao ul {
	padding-left: 5px;
	display: grid;
	row-gap: 15px;
	max-width: 710px;
}

.sec-dao__reason:last-of-type {
	margin: 0 0 70px 0;
	/* text-align: right; */
}

ul.sec-dao__users-list {
	max-width: unset;
}

.sec-dao__title {
	max-width: 800px;
	margin: 0 0 10px 0;
}

.sec-dao__how-works-title {
	color: #ff0000;
	margin: 0 0 40px 0;
}

.sec-dao__teams-title {
	color: #ff7300;
	margin: 0 0 10px 0;
}

.sec-dao__users-title {
	color: #feda00;
	margin: 0 0 10px 0;
}

.sec-dao__tokens-title {
	color: #00eb86;
    margin: 0 0 20px 0;
}

.sec-dao__revenue-title {
	color: #7536fc;
	margin: 0 0 10px 0;
}

.sec-dao__products-title {
	color: #b336fc;
	margin: 0;
}

.sec-dao__reason {
	margin: 0 0 40px 0;
}

.sec-presentation p {
	max-width: 900px;
	margin-bottom: 10px;
	font-size: 17px;
}