.top-section{
	margin-top: 2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.top-section h1{
	font-size: 3.6vw;
	line-height: 1.5;
	font-family: "roboto-regular"; 
	letter-spacing: 0.02em;
	margin-bottom: .5vw;
}
.top-section h1 span{
	background: var(--main-gradient);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.top-section .info .sub-title{
	display: flex;
	align-items: center;
}
.top-section .info .sub-title h3{
	font-size: 1.4vw;
	font-weight: 400;
	font-family: "roboto-light"; 
	margin-left: 1.2vw;
}
.top-section .info .sub-title:before{
	content: '';
	background: var(--main-horizontal-gradient);
	width: 19vw;
	height: 2px;
	border-radius: 5px;
}
.top-section .info .main-text{
	width: 30vw;
	margin-top: 1.5vw;
	margin-bottom: 2.8vw;
}
.top-section .top-main-img{
	width: 42%;
	margin-right: -3.2vw;
}
.top-section .top-main-img.white-img{
	display: none;
}
.about-section{
	margin-top: 6.3vw;
	text-align: center;
	width: 67.7vw;
	position: relative;
}
.about-section>.main-text{
	margin-top: .5vw;
	margin-bottom: 3.3vw;
}
.about-section .blured_blob{
	position: absolute;
	right: -7vw;
	top: 1vw;
	width: 17.8vw;
	height: 10.7vw;
	transform: rotate(15deg);
	filter: blur(9.2vw);
	background: var(--main-gradient);
	opacity: .4;
}
.about-section .achievements{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.about-section .achievements .lines{
	position: absolute;
	left: 30%;
	height: 100%;
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: -1;
}
.about-section .achievements .lines span{
	width: 2px;
	background: #363636;
	border-radius: 5px;
	height: 5.2vw;
}
.about-section .achievements .achievement{
	width: 25%;
	text-align: center;
	padding: 0 2.8vw;
	z-index: 3;
}
.about-section .achievements .achievement h3{
	font-size: 3.2vw;
	margin-bottom: .5vw;
	background: var(--main-gradient);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.you-get-section .you-get-list{
	margin-top: 3.1vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.you-get-section .you-get-list .you-get-item{
	width: 33.3%;
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 2.5vw 1.5vw;
}
.you-get-section .you-get-list .you-get-item:nth-child(2n-1){
	background: #14295330;
}
.you-get-section .you-get-list .you-get-item .icon{
	width: 5vw;
	margin-bottom: 1.5vw;
	box-shadow: .1vw .1vw 3.5vw .3vw #2E79B980;
	border-radius: 1.2vw;
}
.you-get-section .you-get-list .you-get-item .main-text{
	line-height: 1.7;
	margin-top: 1vw;
	width: 85%;
}
.skills-section{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.skills-section .skills-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 60vw;
	margin-top: 3.1vw;
}
.skills-section .skills-list .skills-item{
	width: 28%;
	margin-bottom: 6.5vw;
	position: relative;
}	
.skills-section .skills-list .skills-item:nth-child(4n){
	width: 16%;
}
.skills-section .skills-list .skills-item img{
	height: 8.3vw;
	z-index: 2;
}
.last-projects-slider{
	width: 100%;
	padding-bottom: 3vw;
	position: relative;
	overflow: hidden;
}
.last-projects-slider .last-projects-slides{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 3vw 0;
}
.last-projects-slider .last-projects-slide{
	border-radius: 2.6vw;
	overflow: hidden;
	transform: scale(.8);
	opacity: .25;
	min-width: 65vw;
	width: 65vw;
	padding: 2.6vw;
	position: relative;
	border: 1px solid transparent;
	user-select: none;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #181818;
	cursor: pointer;
	
}
.last-projects-slider .last-projects-slide::before{
	content: '';
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.last-projects-slider .last-projects-slide.center_slide{
	cursor: unset;
}
.last-projects-slider .last-projects-slide.center_slide::before{
	content: none;
}
.last-projects-slider .last-projects-slide .domain_adress{
	border-radius: .8vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #353434;
}
.last-projects-slider .last-projects-slide .domain_adress .copy {
	cursor: pointer;
	padding: .67vw 1.6vw;
}
.last-projects-slider .last-projects-slide .domain_adress .copy img{
	display: block;
	width: .9vw;
	transition: .2s;
}
.last-projects-slider .last-projects-slide .domain_adress a{
	padding: .67vw 1.6vw;
	display: block;
	text-decoration: none;
	font-size: .9vw;
	color: #fff;
	width: 28vw;
}
.last-projects-slider .last-projects-slide .domain_adress a span{
	color: #A9A9A9;
}
.last-projects-slider .last-projects-slide.center_slide{
	transform: scale(1);
	opacity: 1;
}
.last-projects-slider .last-projects-slide .slide-cont{
	display: flex;
	justify-content: space-between;
	margin-top: 3.1vw;
	width: 100%;
}
.last-projects-slider .last-projects-slide .slide-cont .info{
	width: 24vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.last-projects-slider .last-projects-slide .slide-cont .info h3{
	font-size: 2.1vw;
}
.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
	margin-top: 1vw;
	font-size: .8vw;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.last-projects-slider .last-projects-slide .slide-cont .images{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.last-projects-slider .last-projects-slide .slide-cont .images img{
	border: 3px solid #2E79B9;
}
.last-projects-slider .last-projects-slide .slide-cont .images .desc{
	width: 30vw;
	background: #181818;
	aspect-ratio: 16/9;
	border-radius: 2.3vw;
}
.last-projects-slider .last-projects-slide .slide-cont .images .mob{
	width: 8.2vw;
	aspect-ratio: 1/2;
	border-radius: 1.3vw;
	background: #181818;
	margin-top: 3.5vw;
	margin-left: -5.2vw;
}
.last-projects-slider .last-projects-slide .btns{
	width: 100%;
	margin-top: auto;
}
.last-projects-slider .last-projects-slide .btns a{
	width: 47%
}
.last-projects-slider .last-projects-dots{
	display: flex;
	align-items: center;
	justify-content: center;
}
.last-projects-slider .last-projects-dots span{
	width: .7vw;
	height: .7vw;
	margin: 0 .4vw;
	border-radius: 100%;
	background: #555555;
	cursor: pointer;
	transition: .3s;
}
.last-projects-slider .last-projects-dots span.active{
	background: #2E79B9!important;
	transform: scale(1.5);
}
.faq-section{
	padding-top: 4vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.faqs{
	width: 55vw;
	margin-top: 3.2vw;
}
.faqs .faq{
	background: #1E1E1E;
	padding: 1.5vw 3vw;
	border-radius: 1.5vw;
	margin-bottom: 2.5vw;
	cursor: pointer;
	user-select: none;
}
.faqs .faq h3{
	transition: .3s;
	margin-left: 0;
}

.faqs .faq .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	
}
.faqs .faq .text{
	position: relative;
	overflow: hidden;
	transition: .3s;
	opacity: 0;
}
.faqs .faq.active .text{
	opacity: 1;
}
.faqs .faq .text p{
	padding: 1.2vw;
}
.faqs .faq .text::before{
	content: '';
	width: 2px;
	height: calc(100% - 1vw);
    left: 0;
    top: 1vw;
	position: absolute;
	border-radius: 2px;
	background: var(--main-gradient);
}
.faqs .faq .info img{
	width: 2.1vw;
	transition: .3s;
}
.faqs .faq.active .info img{
	transform: rotate(45deg);
}
@media (hover: hover) {

	.last-projects-slider .last-projects-slide .info .scroll_down:hover{
		transform: translateX(-50%) scale(1.2);
	}
	.last-projects-slider .last-projects-slide .info .scroll_down.scrollled:hover{
		transform:  translateX(-50%) rotateX(180deg) scale(1.2);
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy:hover img{
		filter: invert(.7);
	}
	.faqs .faq:hover h3{
		margin-left: .5vw;
	}
  }
  @media (hover: none) {
	.faqs .faq:hover h3{
		margin: 0;
	}
  }
@media (min-width: 1920px) {
	.top-section{
		margin-top: 38.4px;
	
	}
	.top-section h1{
		font-size: 69.12px;
		margin-bottom: 9.6px;
	}
	.top-section .info .sub-title h3{
		font-size: 26.88px;
		margin-left: 23.04px;
	}
	.top-section .info .sub-title:before{
		width: 364.8px;
	}
	.top-section .info .main-text{
		width: 576px;
		margin-top: 28.8px;
		margin-bottom: 53.76px;
	}
	.top-section .top-main-img{
		margin-right: -61.44px;
	}
	.about-section{
		margin-top: 120.96px;
		width: 1299.84px;
	}
	.about-section>.main-text{
		margin-top: 9.6px;
		margin-bottom: 63.36px;
	}
	.about-section .blured_blob{
		right: -134.4px;
		top: 19.2px;
		width: 342.72px;
		height: 205.44px;
		filter: blur(176.64px);
	}
	.about-section .achievements .lines span{
		height: 99.84px;
	}
	.about-section .achievements .achievement{
		padding: 0 53.76px;
	}
	.about-section .achievements .achievement h3{
		font-size: 61.44px;
		margin-bottom: 9.6px;
	}
	.section-margin{
		margin-top: 153.6px;
	}
	.you-get-section .you-get-list{
		margin-top: 59.52px;
	}
	.you-get-section .you-get-list .you-get-item{
		padding: 48px 28.8px;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 96px;
		margin-bottom: 28.8px;
		box-shadow: 2px 2px 57.6px 5px #2E79B9;
		border-radius: 23.04px;
	}
	.you-get-section .you-get-list .you-get-item .main-text{
		margin-top: 19.2px;
	}
	.skills-section .skills-list{
		width: 1152px;
		margin-top: 59.52px;
	}
	.skills-section .skills-list .skills-item{
		margin-bottom: 124.8px;
	}	
	.skills-section .skills-list .skills-item img{
		height: 159.36px;
	}
	.skills-section .skills-list .skills-item:before{
		width: 107.52px;
		filter: blur(576px);
	}
	.last-projects-slider{
		padding-bottom: 57.6px;
	}
	.last-projects-slider .last-projects-dots span{
		width: 13.44px;
		height: 13.44px;
		margin: 0 7.68px;
	}
	.last-projects-slider .last-projects-slides {
		padding: 57.6px 0;
	}
	.last-projects-slider .last-projects-slide {
		border-radius: 49.92px;
		min-width: 1248px;
		width: 1248px;
		padding: 49.92px;
	}
	.last-projects-slider .last-projects-slide .domain_adress {
		border-radius: 15.36px;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy {
		padding: 12.864px 30.72px;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img {
		width: 17.28px;
	}
	.last-projects-slider .last-projects-slide .domain_adress a {
		padding: 12.864px 30.72px;
		font-size: 17.28px;
		color: #fff;
		width: 537.6px;
	}
	.last-projects-slider .last-projects-slide .slide-cont {
		margin-top: 59.52px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info {
		width: 460.8px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3 {
		font-size: 40.32px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text {
		margin-top: 19.2px;
		font-size: 15.36px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc {
		width: 576px;
		border-radius: 44.16px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob {
		width: 157.44px;
		border-radius: 24.96px;
		margin-top: 67.2px;
		margin-left: -99.84px;
	}
	.last-projects-slider .last-projects-slide .btns a {
		width: 211.2px;
	}
	.last-projects-slider .last-projects-dots span {
		width: 13.44px;
		height: 13.44px;
		margin: 0 7.68px;
	}
	.faq-section {
		padding-top: 76.8px;
	}
	.faqs {
		width: 1056px;
		margin-top: 61.44px;
	}
	.faqs .faq {
		padding: 28.8px 57.6px;
		border-radius: 28.8px;
		margin-bottom: 48px;
	}
	.faqs .faq .text::before{
		height: calc(100% - 19px);
		top: 19px;
	}
	.faqs .faq .text p {
		padding: 23.04px;
	}
	.faqs .faq .info img {
		width: 40.32px;
	}
	
	
}
@media (hover: hover) and (min-width: 1920px){
	.faqs .faq:hover h3 {
		margin-left: 9.6px;
	}
}
@media (min-width: 480px) and (max-width: 1200px) {
	.top-section .top-main-img{
		width: 48%;
	}
	.top-section h1{
		font-size: 4vw;
	}
	.top-section .info .sub-title h3{
		font-size: 1.8vw;
	}
	.top-section .info .main-text{
		width: 35vw;
	}
	.about-section .achievements .achievement h3{
		font-size: 3.7vw;
	}
	.about-section .achievements .lines span{
		height: 6.5vw;
	}
	.about-section>.main-text{
		margin-top: .7vw;
		margin-bottom: 3.7vw;
	}
	.skills-section .skills-list{
		width: 70vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 10vw;
	}
	.last-projects-slider .last-projects-dots span{
		width: .9vw;
		height: .9vw;
		margin: 0 .55vw;
	}
	.last-projects-slider .last-projects-slide{
		width: 70vw;
		min-width: 70vw;
		border-radius: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 1vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 2.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress a{
		font-size: 1.1vw;
		width: 32vw;
		padding: .75vw 2vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: .75vw 2vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 1.2vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 27vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 32vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 9.5vw;
	}
	.faqs{
		width: 65vw;
	}
	.faqs .faq .info img{
		width: 2.3vw;
	}
}
@media (min-width: 480px) and (max-width: 800px) {
	.top-section .top-main-img{
		margin-right: -2vw;
	}
	.about-section .blured_blob{
		right: 0;
	}
	.top-section h1{
		font-size: 4.7vw;
	}
	.top-section .info .sub-title h3{
		font-size: 2vw;
	}
	.top-section .info .main-text{
		width: 40vw;
	}
	.about-section .achievements .achievement h3{
		font-size: 4vw;
	}
	.about-section .achievements .lines span{
		height: 8vw;
	}
	.about-section>.main-text{
		margin-top: 1vw;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 6.5vw;
		margin-bottom: 1.8vw;
		border-radius: 1.7vw;
	}
	.skills-section .skills-list{
		width: 75vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 12vw;
	}
	.last-projects-slider{
		padding-bottom: 4vw;
	}
	
	.last-projects-slider .last-projects-dots span{
		width: 1vw;
		height: 1vw;
		margin: 0 .7vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress{
		border-radius: 1vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: 1vw 2.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 1.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress a {
        font-size: 1.3vw;
        width: 38vw;
        padding: 1vw 2.5vw;
    }
	.last-projects-slider .last-projects-slide{
		width: 85vw;
		min-width: 85vw;
		border-radius: 4vw;
		padding: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont{
		align-items: center;
	}
	.git_hub-button{
		font-size: 1.3vw;
	}
	.git_hub-button img{
		width: 2vw;
		margin-right: .8vw;
		margin-left: -.8vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 1.2vw;
		margin: 1.5vw 0;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 33vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 37vw;
		border-radius: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 11vw;
		border-radius: 2vw;
	}
	.faqs{
		width: 70vw;
	}
	.faqs .faq .info img{
		width: 2.6vw;
	}
}
@media (max-width: 479px) {
	.top-section{
		flex-direction: column-reverse;
		margin-top: 0;
	}
	.top-section .top-main-img{
		width: 100%;
		margin-right: -5vw;
	}
	.top-section .info{
		width: 100%;
		margin: 5vw 0;
	}
	.top-section h1{
		font-size: 8vw;
		margin-bottom: 4vw;
	}
	.top-section .info .sub-title:before{
		width: 30vw;
	}
	.top-section .info .sub-title h3{
		font-size: 5vw;
		margin-left: 3vw;
	}
	.top-section .info .main-text{
		width: 100%;
		font-size: 3.5vw;
		margin-top: 5vw;
		margin-bottom: 6vw;
	}
	.about-section>.main-text{
		margin-top: 2vw;
		margin-bottom: 7vw;
	}
	.about-section .achievements{
		flex-direction: column;
		align-items: center;
	}
	.about-section .achievements .lines{
		display: none;
	}
	.about-section .achievements .achievement{
		width: 90%;
		margin-bottom: 7vw;
		padding-bottom: 8vw;
		border-bottom: 2px solid #363636;
	}
	.about-section .achievements .achievement:last-child{
		border: none;
		padding-bottom: 0;
	}
	.about-section .achievements .achievement h3{
		font-size: 10vw;
		margin-bottom: 2vw;
	}
	.you-get-section .you-get-list{
		margin-top: 6vw;
	}
	.you-get-section .you-get-list .you-get-item{
		width: 100%;
		padding: 5vw;
		border-radius: 2vw;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 15vw;
		border-radius: 4vw;
		margin-bottom: 5vw;
	}
	.you-get-section .you-get-list .you-get-item .main-text{
		margin-top: 2vw;
	}
	.skills-section .skills-list{
		width: 100%;
		margin-top: 8vw;
	}
	.skills-section .skills-list .skills-item,
	.skills-section .skills-list .skills-item:nth-child(4n){
		width: 50%;
		display: flex;
		justify-content: flex-end;
		margin-bottom: 15vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 25vw;
		margin-right: 10vw;
	}
	.skills-section .skills-list .skills-item:before{
		left: 40%;
	}
	.last-projects-slider .last-projects-slide{
		width: 85vw;
		min-width: 85vw;
		border-radius: 7vw;
		padding: 7vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont{
		flex-direction: column-reverse;
		margin-top: 6vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 100%;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 60vw;
		
		border-radius: 5vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 18vw;
		margin-top: 5vw;
		border-radius: 4vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images img{
		border-width: 2px;
	}
	.last-projects-slider .last-projects-slide .domain_adress{
		border-radius: 2vw;
	}
	
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 6vw;
		width: 73%;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 3.5vw;
		height: 40vw;
		margin-top: 4vw;
		margin-bottom: 1.5vw;
		position: relative;
		overflow: hidden;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 12vw;
		width: 100%;
		background: #181818;
		transform: translate(0, 50%) scale(2);
		filter: blur(1.5vw);
	}
	body.white_mode .last-projects-slider .last-projects-slide .slide-cont .info .main-text::after{
		background: #f5f7fa;
	}
	.last-projects-slider .last-projects-slide .btns{
		z-index: 5;
		position: relative;
	}
	.last-projects-slider .last-projects-slide .domain_adress a{
		width: 63vw;
		padding: 2vw 4vw;
		font-size: 3.5vw;
		overflow: hidden;
		position: relative;
	}
	.last-projects-slider .last-projects-slide .domain_adress a::after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 6vw;
		background: #353434;
		transform: translate(50%, 0) scale(2);
		filter: blur(1vw);
	}
	body.white_mode .last-projects-slider .last-projects-slide .domain_adress a::after{
		background: #fff;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: 0 3vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 3vw;
	}
	.last-projects-slider{
		padding-bottom: 8vw;
	}
	.last-projects-slider .last-projects-dots{
		margin: 5vw 0;
	}
	.last-projects-slider .last-projects-dots span{
		width: 2.5vw;
		height: 2.5vw;
		margin: 0 2vw;
	}
	.faqs{
		width: 100%;
	}
	.faqs .faq{
		padding: 4vw;
		border-radius: 4vw;
		margin-bottom: 5vw;
	}
	.faqs .faq h3{
		font-size: 4.3vw;
	}
	.faqs .faq .info img{
		width: 6vw;
		margin-left: 4vw;
	}
	.faqs .faq .text::before{
		height: calc(100% - 5vw);
		top: 5vw;
	}
	.faqs .faq .text p{
		padding: 4vw;
	}
}