.hero, .tasks, .solution, .achivements, .case__gallery, .more__cases, .contact-us{
	will-change: transform;
}

.hero{
	background-color: #1D1D1B;
	padding-top: 100px;
	border-radius: 0px 0px 15px 15px;
	padding-bottom: 80px;
}

.header__logo-left{
	opacity: 1;
}

.social-icons{
	opacity: 1;
}

.hero__date{
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -1px;
	opacity: .4;
	text-align: center;
	margin-bottom: 10px;
}

.hero__title{
	color: var(--White, #FFF);
	text-align: center;
	font-family: Gotham;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: 50px; /* 104.167% */
	text-transform: uppercase;
	word-wrap: break-word;
}
.hero__description{
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.60);
	text-align: center;
	font-family: Gotham;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -1px;
	margin-top: 10px;
	width: 100%;
	max-width: 300px;
}

.hero__direction{
	margin: 0 auto;
	color: #030106;
	font-family: Gotham;
	font-size: 17px;
	font-style: italic;
	font-weight: 1000;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	padding: 0px 5px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: var(--Yellow, #F9B100);
	width: 100%;
	max-width: fit-content;
	margin-top: 12px;
}

.hero__image{
	margin: 0 auto; 
	display: block;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 400px;
	border-radius: 6px;
}

.case_title{
	color: #FFF;
	/* Heading2 */
	font-family: "Kica";
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}


.client__description-logos{
	display: flex;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.client__description-logos img{
	display: block;
	width: 100%;
	max-width: 150px;
}


.client__logo{
	display: block;
	margin: 0 auto;
}

.yandex__logo img{
	display: block;
	width: 100%;
	max-width: 300px;
	mix-blend-mode: plus-lighter;
}

.zg__logo img{
	display: block;
	width: 100%;
	max-width: 62px;
}

.client__description{
	margin-bottom: 60px;
}

.client__description-main-text{
	color: rgba(255, 255, 255, 0.70);
	font-family: Gotham;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.client__description-second-text{
	color: rgba(255, 255, 255, 0.70);
	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
}

.client__request-text__right{
	display: flex;
	align-items: end;
}

.client__request-title{
	display: flex;
	justify-content: end;
	margin-bottom: 20px;
}

.client__request-text{
	display: flex;
	justify-content: space-between;
}

.client__request-text__middle{
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	margin-right: 12px;
	margin-left: 12px;
}

.client__request-text__middle p{
	margin-bottom: 12px;
}

.client__request-text__middle p:last-child{
	margin-bottom: 0px;
}

.tasks{
	will-change: transform;
	position: relative;
	padding-top: 105px;
	padding-bottom: 60px;
	background-color: #FFF;
}

.tasks__wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.tasks__bg-img{
	will-change: transform;
	position: absolute;
	top: 75px;
	right: 30px;
}

.tasks__lists-wrapper{
	position: relative;
}

.tasks__lists {
	position: relative;
	padding-left: 30px;
}

.tasks__list-title{
	color: var(--Black2, #1D1D1B);
	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -1px;
	margin-bottom: 15px;
}

.tasks__list .tasks__list-additionally{
	color: var(--Yellow, #F9B100);
}

.tasks__line-svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  z-index: 0;
	pointer-events: none;
}

.tasks__list{
	position: relative;
	will-change: transform;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	opacity: 0;
	transform: translateY(20px);
}

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

.tasks__list-number{
	color: #000;
	text-align: right;
	/* Heading2 */
	font-family: "Kica";
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-right: 12px;
	width: 60px;
}

.tasks__title{
	color: var(--Black, #010101);
	margin-bottom: 20px;
}

.tasks__list-description{
	display: block;
	color: var(--Black, #1D1D1B);
	/* Label Thin */
	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	width: 100%;
}

.target__audience-title{
	color: var(--Black, #010101);
	margin-top: 60px;
}

.target__audience-wrapper{
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.target__audience-wrapper img{
	margin-right: 15px;
}

.solution{
	will-change: transform;
	background-color: #FFF;
}

.solution__wrapper{
	background-color: #363741;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 0px 0px 15px 15px;
}

.solution__title{
	text-align: center;
	margin-bottom: 20px;
}

.solution__image{
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: -1;
	width: 100%;
	margin-top: -15px;
	max-width: 800px;
}

.solution__address{
	margin: 0 auto;
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	width: 100%;
	max-width: 300px;
}

.solution__address span{
	font-weight: 700;
}

.solution__winners{
	margin: 0 auto;
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	margin-top: 10px;
	width: 100%;
	max-width: 300px;

}

.achivements{
	padding-top: 65px;
	padding-bottom: 65px;
	background-color: #FFF;
}

.achivements__cards{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.achivements__card{
	width: 100%;
	max-width: 310px;
	margin-bottom: 80px;
	text-align: center;
}

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

.achivements__card-title{
	color: var(--Black, #010101);
	font-family: Gotham;
	font-size: 80px;
	font-style: normal;
	font-weight: 1000;
	line-height: 60px; /* 75% */
	letter-spacing: -0.6px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.achivements__card-subtitle{
	color: var(--Black, #010101);
	font-family: Gotham;
	font-size: 32px;
	font-style: normal;
	font-weight: 1000;
	line-height: 31px; /* 96.875% */
	letter-spacing: -0.6px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.achivements__card-description{
	color: var(--Black, #010101);
	font-family: Gotham;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -2px;
	text-transform: uppercase;
}

.case__gallery{
	background-color: #FFF;
}

.case__gallery-title{
	color: var(--Black, #1D1D1B);
	margin-bottom: 40px;
}

.case__gallery-wrapper{
	display: none;
	width: 100%;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.case__gallery-item img{
	display: block;
	width: 100%;
}

.swiper {
  width: 100%;
}


.swiper-slide img{
	display: block;
	width: 100%;
	border-radius: 6px;
}

.swiper-wrapper{
	padding-left: 20px;
	padding-right: 20px;
}


.case__gallery-nav{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 60px;
}

.swiper-pagination{
	max-width: 200px;
	left: 50%!important;
	transform: translateX(-50%)!important;
}

.swiper-pagination-bullet{
	background: #010101!important;
}

.case__gallery-nav-label{
	color: var(--Black, #010101);
	font-family: Gotham;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -1px;
	opacity: 0.4;
}

.case__gallery-border{
	border-bottom: 1px solid #9A999B;
	opacity: 0.4;
	margin-bottom: 100px;
}

.custom-swiper-button{
	cursor: pointer;
}

.more__cases{
	background-color: #363741;
	padding-top: 50px;
	padding-bottom: 50px;
}

.more__cases-title{
	margin-bottom: 40px;
}

.more__cases-card{
	display: block;
	margin-bottom: 30px;
	text-decoration: none;
}

.more__cases-card:last-child{
	margin-bottom: 0;
}

.more__cases-card img{
	display: block;
	width: 100%;
	border-radius: 5px;
}

.more__cases-card__info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 5px;
}

.more__cases-card__date{
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -1px;
	opacity: 0.4;
}

.more__cases-direction{
	color: var(--Black, #010101);
	font-family: Gotham;
	font-size: 17px;
	font-style: italic;
	font-weight: 1000;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 5px;
	background: var(--Yellow, #F9B100);
	display: flex;
	padding: 0px 5px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.more__cases-card__title{
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -1px;
}

.more__cases-card__subtitle{
	color: var(--White, #FFF);
	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	margin-top: 5px;
}

.more__cases-btn{
	margin: 0 auto;
	display: flex;
	height: 60px;
	padding: 18px 0;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 120px;
	border: 1px solid rgba(1, 1, 1, 0.30);
	background: var(--Yellow, #F9B100);
	color: var(--Black, #010101);
	font-family: "Kica";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	margin-top: 30px;
	width: 100%;
	max-width: 300px;
	
}

@media screen and (min-width: 768px) {
	.client__request-text{
		justify-content: center;
	}


	.more__cases-cards{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 400px));
		gap: 50px;
	}

	.solution__winners, .solution__address{
		max-width: 500px;
	}

	.swiper-slide{
		max-width: 400px;
	}

	.swiper-wrapper{
		padding-left: calc((100% - 720px) / 2 + 20px);
	}

	.zg__logo img{
		width: 100%;
		max-width: 100px;
	}

}

@media screen and (min-width: 1280px) {
		.case__gallery-wrapper{
		display: grid;
	}

	.swiper{
		display: none!important;
	}

	.case__gallery{
		padding-bottom: 60px;
	}

	.hero__wrapper{
		max-width: 1000px;
		margin: 0 auto;
	}

	.solution__wrapper, .more__cases{
		padding-top: 100px;
		padding-bottom: 100px;
	}

}
@media screen and (min-width: 1440px) {
	.client__request-text{
		justify-content: center;
	}


}