.about{
	position: relative;
	height: 91vh;
	overflow: hidden;
}

.about__text{
	color: #fff;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	height: 100%;
	padding-bottom: 15rem;
}

.about__title{
	font-size: 6rem;
}

.about__desc{
	font-size: 3rem;
	width: 50%;
	margin-top: 5rem;
}

.about__video{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.about__video::after{
	content: "";
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg,rgba(0,0,0,.75),transparent);
	background: linear-gradient(41deg,#041c2c 3%,transparent 72%);
}

.about__video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}


/* info */

.info{
	padding: 7rem 0;
}

.info__wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10rem;
}

.info__left{
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2.5rem;
}

.info__title{
	font-size: 4rem;
	font-weight: 400;
}

.info__desc{
	font-size: 2rem;
}

.info__btn{
	width: 220px;
	height: 65px;
	background-color: #00A850;
	border: 2px solid #00A850;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	color: #fff;
	font-weight: 600;
	transition: all .3s;
}

.info__btn:hover{
	background-color: #fff;
	color: #00A850;
}


.info__right{
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}

.info__item{
	background-color: #9FEDC4;
	width: 45%;
	height: 280px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1rem;
	border-radius: 10px;
}

.info__num{
	font-size: 5rem;
}

.info__category{
	font-size: 2rem;
}

/* comment */
.comment{
	padding: 6rem 0;
}


.comment__item{
	display: flex;
	justify-content: space-between;
	gap: 6rem;
	align-items: center;

}


.comment__left{
	width: 40%;
	height: 700px;
	overflow: hidden;
}

.comment__right{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 3rem;
}

.comment__left img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.comment__icon{
	font-size: 4rem;
	color: #008c44;
}

.comment__text{
	font-size: 1.8rem;
	line-height: 1.5;
	width: 100%;
}

.comment_author{
	font-size: 2rem;
}

.comment__position{
	font-size: 1.7rem;
	color: #008c44;
	font-weight: 300;
}




@media (max-width: 419px) {
	.about__text{
		padding-bottom: 15px;
	}
	.about__title{
		font-size: 4rem;
	}
	.about__desc{
		margin-top: 2rem;
	}
	.about__desc{
		font-size: 1.2rem;
	}
	.about{
		height: 22vh;
	}
	.info__desc{
		font-size: 1.2rem;
	}
	.comment__text{
		font-size: 1.2rem;
	}
	.info__title {
		font-size: 3rem;
		font-weight: 400;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.info__right{
		display: none;
	}
	.info__left{
		width: 100%;
	}
	.info__wrapper{
		gap: 5rem;
	}
	.info__item{
		height: 440px;
	}
	.info__num{
		font-size: 3rem;
		font-weight: 600;
	}
	.info__btn{
		width: 200px;
		height: 58px;
		font-size: 1.8rem;
	}
	.comment__left {
		width: 100%;
		height: 300px;
	}
	.comment__wrapper{
		height: 800px;
		
	}
	.comment__left img{
		object-position: top;
		width: 100%;
		height: 300px;
	}
	.comment__right{
		gap: 2rem;
		width: 100%;
	}
	.comment__item{
		gap: 1rem;
		height: 800px;
		flex-direction: column;	
	}
	.comment__text{
		font-size: 0.9rem;
	}
	.comment__icon{
		display: none;
	}
	.comment__right{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.comment__text{
		display: flex;
		justify-content: center;
		align-items: center;
	}
 }
/* Мобильные устройства (до 576px) */
@media (min-width: 420px) and (max-width: 575px) {
	.about__text{
		padding-bottom: 15px;
	}
	.about__title{
		font-size: 4rem;
	}
	.about__desc{
		margin-top: 2rem;
	}
	.about__desc{
		font-size: 1.5rem;
	}
	.about{
		height: 30vh;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.comment__text{
		font-size: 1.4rem;
	}
	.info__title {
		font-size: 3rem;
		font-weight: 400;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.info__right{
		display: none;
	}
	.info__left{
		width: 100%;
	}
	.info__wrapper{
		gap: 5rem;
	}
	.info__item{
		height: 240px;
	}
	.info__num{
		font-size: 3rem;
		font-weight: 600;
	}
	.info__btn{
		width: 200px;
		height: 58px;
		font-size: 1.8rem;
	}
	.comment__left {
		width: 100%;
		height: 300px;
	}
	.comment__wrapper{
		height: 700px;
		
	}
	.comment__left img{
		object-position: top;
		width: 100%;
		height: 300px;
	}
	.comment__right{
		gap: 2rem;
		width: 100%;
	}
	.comment__item{
		gap: 1rem;
		height: 700px;
		flex-direction: column;	
	}
	.comment__text{
		font-size: 1rem;
	}
	.comment__icon{
		display: none;
	}
	.comment__right{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.comment__text{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* Планшеты (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) { 
	.about__text{
		padding-bottom: 15px;
	}
	.about__title{
		font-size: 4rem;
	}
	.about__desc{
		margin-top: 2rem;
	}
	.about__desc{
		font-size: 2rem;
	}
	.about{
		height: 40vh;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.comment__text{
		font-size: 1.4rem;
	}
	.info__title {
		font-size: 3rem;
		font-weight: 400;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.info__right{
		display: none;
	}
	.info__left{
		width: 100%;
	}
	.info__wrapper{
		gap: 5rem;
	}
	.info__item{
		height: 240px;
	}
	.info__num{
		font-size: 3rem;
		font-weight: 600;
	}
	.info__btn{
		width: 200px;
		height: 58px;
		font-size: 1.8rem;
	}
	.comment__left {
		width: 100%;
		height: 300px;
	}
	.comment__wrapper{
		height: 700px;
		
	}
	.comment__left img{
		object-position: top;
		width: 100%;
		height: 300px;
	}
	.comment__right{
		gap: 2rem;
		width: 100%;
	}
	.comment__item{
		gap: 1rem;
		height: 700px;
		flex-direction: column;	
	}
	.comment__text{
		font-size: 1rem;
	}
	.comment__icon{
		display: none;
	}
	.comment__right{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.comment__text{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* Малые ноутбуки / планшеты в альбомной */
@media (min-width: 768px) and (max-width: 991px) { 
	.about__text{
		padding-bottom: 15px;
	}
	.about__title{
		font-size: 4rem;
	}
	.about__desc{
		margin-top: 2rem;
	}
	.about__desc{
		font-size: 2rem;
	}
	.about{
		height: 40vh;
	}
	.info__desc{
		font-size: 1.5rem;
	}
	.comment__text{
		font-size: 1.4rem;
	}
	.info__wrapper{
		gap: 5rem;
	}
	.info__item{
		height: 240px;
	}
	.info__num{
		font-size: 3rem;
		font-weight: 600;
	}
	.info__btn{
		width: 200px;
		height: 58px;
		font-size: 1.8rem;
	}
	.comment__left {
		width: 40%;
		height: 100%;
	}
	.comment__wrapper{
		height: 380px;
	}
	.comment__left img{
		object-position: top;
	}
	.comment__right{
		gap: 2rem;
	}
	.comment__item{
		gap: 3rem;
		height: 100%;
	}
	.comment__text{
		font-size: 1.1rem;
	}
	.comment__icon{
		display: none;
	}
	.comment__right{
		flex-direction: column-reverse;
	}
}

/* Ноутбуки / Десктопы */
@media (min-width: 992px) and (max-width: 1199px) {
	.info__desc{
		font-size: 1.8rem;
	}
	.comment__text{
		font-size: 1.7rem;
	}
	.info__wrapper{
		gap: 5rem;
	}
 }

/* Большие десктопы */
@media (min-width: 1200px) {
	.comment__text{
		font-size: 1.7rem;
	}
 }