.main-tech {
	padding-top: 6.66667vw
}

.main-tech__text {
	max-width: none
}

.main-tech__wrap {
	position: relative
}

.main-tech__body {
	overflow: hidden;
	margin-left: -5.33333vw;
	margin-right: -5.33333vw;
	padding-left: 5.33333vw;
	padding-right: 5.33333vw;
	padding-top: 5.66667vw;
	padding-bottom: 5.33333vw
}

.main-tech__arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	display: flex;
	transition: transform .3s;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #00effa;
	align-items: center;
	justify-content: center;
	--fill: #010207;
	width: 0;
	height: 0
}

.main-tech__arrow.swiper-button-disabled {
	transform: scale(0);
	opacity: 0
}

.main-tech__arrow .b-icon {
	width: 0;
	height: 0
}

.main-tech__prev {
	left: 0
}

.main-tech__next {
	right: 0
}

.main-tech__item {
	position: relative;
	cursor: pointer;
	transition-duration: .3s;
	transition-property: box-shadow;
	background: #0e0f13;
	border-radius: 4vw;
	width: 37.86667vw
}

.main-tech__item:hover {
	box-shadow: 0 13px 20px 0 rgba(34, 176, 243, .5)
}

.main-tech__img {
	overflow: hidden;
	width: 100%;
	height: 61.33333vw;
	border-radius: 4vw
}

.main-tech__content {
	position: absolute;
	left: 0;
	display: flex;
	width: 100%;
	align-items: flex-end;
	justify-content: space-between;
	bottom: 4vw;
	padding-left: 5.33333vw;
	padding-right: 5.33333vw
}

.main-tech__title {
	font-family: FuturaPT, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	color: #fff;
	font-size: 3.73333vw;
	line-height: 4.8vw;
	letter-spacing: .07467vw
}

.main-tech__title .b-icon {
	display: inline;
	width: 1.06667vw;
	height: 1.6vw;
	margin-left: .8vw;
	--fill: #fff
}

.main-tech__icon {
	transition: opacity .3s;
	opacity: .2;
	flex-shrink: 0;
	margin-bottom: 0
}

.main-tech__icon .b-icon {
	width: 0;
	height: 0
}

.main-tech__item:hover .main-tech__icon {
	opacity: 1
}

@media (min-width:768px) {
	.main-tech {
		padding-top: 2.92969vw
	}

	.main-tech__text {
		max-width: 48.82812vw
	}

	.main-tech__body {
		margin-left: 0
	}

	.main-tech__body {
		margin-right: 0
	}

	.main-tech__body {
		padding-left: 0
	}

	.main-tech__body {
		padding-right: 0
	}

	.main-tech__body {
		padding-top: 1.95312vw
	}

	.main-tech__body {
		padding-bottom: 2.92969vw
	}

	.main-tech__arrow {
		width: 2.92969vw
	}

	.main-tech__arrow {
		height: 2.92969vw
	}

	.main-tech__arrow .b-icon {
		width: .97656vw
	}

	.main-tech__arrow .b-icon {
		height: .97656vw
	}

	.main-tech__prev {
		left: -1.46484vw
	}

	.main-tech__next {
		right: -1.46484vw
	}

	.main-tech__item {
		border-radius: .97656vw
	}

	.main-tech__item {
		width: 20.50781vw
	}

	.main-tech__item:hover {
		box-shadow: 0 18px 25px 0 rgba(34, 176, 243, .5)
	}

	.main-tech__img {
		height: 27.34375vw
	}

	.main-tech__img {
		border-radius: .97656vw
	}

	.main-tech__content {
		bottom: 1.95312vw
	}

	.main-tech__content {
		padding-left: 1.95312vw
	}

	.main-tech__content {
		padding-right: 1.95312vw
	}

	.main-tech__title {
		font-size: 1.5625vw
	}

	.main-tech__title {
		line-height: 1.95312vw
	}

	.main-tech__title {
		letter-spacing: .03125vw
	}

	.main-tech__title .b-icon {
		width: .39062vw
	}

	.main-tech__title .b-icon {
		height: .58594vw
	}

	.main-tech__title .b-icon {
		margin-left: .29297vw
	}

	.main-tech__title .b-icon {
		display: none
	}

	.main-tech__icon {
		margin-bottom: 0
	}

	.main-tech__icon .b-icon {
		width: 2.92969vw
	}

	.main-tech__icon .b-icon {
		height: 2.92969vw
	}
}

@media (min-width:1366px) {
	.main-tech {
		padding-top: 0
	}

	.main-tech__text {
		max-width: 51.24451vw
	}

	.main-tech__body {
		margin-left: 0
	}

	.main-tech__body {
		margin-right: 0
	}

	.main-tech__body {
		padding-left: 0
	}

	.main-tech__body {
		padding-right: 0
	}

	.main-tech__body {
		padding-top: .92826vw
	}

	.main-tech__body {
		padding-bottom: 4.39239vw
	}

	.main-tech__arrow {
		width: 2.92826vw
	}

	.main-tech__arrow {
		height: 2.92826vw
	}

	.main-tech__arrow .b-icon {
		width: 1.02489vw
	}

	.main-tech__arrow .b-icon {
		height: 1.02489vw
	}

	.main-tech__prev {
		left: -1.46413vw
	}

	.main-tech__next {
		right: -1.46413vw
	}

	.main-tech__item {
		border-radius: .73206vw
	}

	.main-tech__item {
		width: 21.96193vw
	}

	.main-tech__item:hover {
		box-shadow: 0 27px 44px 0 rgba(34, 176, 243, .5)
	}

	.main-tech__img {
		height: 27.08638vw
	}

	.main-tech__img {
		border-radius: .73206vw
	}

	.main-tech__content {
		bottom: 1.75695vw
	}

	.main-tech__content {
		padding-left: 1.90337vw
	}

	.main-tech__content {
		padding-right: 1.90337vw
	}

	.main-tech__title {
		font-size: 1.46413vw
	}

	.main-tech__title {
		line-height: 1.90337vw
	}

	.main-tech__title {
		letter-spacing: .02928vw
	}

	.main-tech__title .b-icon {
		width: .29283vw
	}

	.main-tech__title .b-icon {
		height: .43924vw
	}

	.main-tech__title .b-icon {
		margin-left: .21962vw
	}

	.main-tech__icon {
		margin-bottom: .14641vw
	}

	.main-tech__icon .b-icon {
		width: 2.19619vw
	}

	.main-tech__icon .b-icon {
		height: 2.2694vw
	}
}

@media (min-width:1920px) {
	.main-tech {
		padding-top: 8rem
	}

	.main-tech__text {
		max-width: 70rem
	}

	.main-tech__body {
		margin-left: 0
	}

	.main-tech__body {
		margin-right: 0
	}

	.main-tech__body {
		padding-left: 0
	}

	.main-tech__body {
		padding-right: 0
	}

	.main-tech__body {
		padding-top: 4rem
	}

	.main-tech__body {
		padding-bottom: 8rem
	}

	.main-tech__arrow {
		width: 4rem
	}

	.main-tech__arrow {
		height: 4rem
	}

	.main-tech__arrow .b-icon {
		width: 1.4rem
	}

	.main-tech__arrow .b-icon {
		height: 1.4rem
	}

	.main-tech__prev {
		left: -2rem
	}

	.main-tech__next {
		right: -2rem
	}

	.main-tech__item {
		border-radius: 2rem
	}

	.main-tech__item {
		width: 41.2rem
	}

	.main-tech__img {
		height: 49.3rem
	}

	.main-tech__img {
		border-radius: 2rem
	}

	.main-tech__content {
		bottom: 3rem
	}

	.main-tech__content {
		padding-left: 3.5rem
	}

	.main-tech__content {
		padding-right: 3.5rem
	}

	.main-tech__title {
		font-size: 2.4rem
	}

	.main-tech__title {
		line-height: 3.6rem
	}

	.main-tech__title {
		letter-spacing: 0
	}

	.main-tech__title .b-icon {
		width: .4rem
	}

	.main-tech__title .b-icon {
		height: .6rem
	}

	.main-tech__title .b-icon {
		margin-left: .3rem
	}

	.main-tech__icon {
		margin-bottom: .5rem
	}

	.main-tech__icon .b-icon {
		width: 4rem
	}

	.main-tech__icon .b-icon {
		height: 4rem
	}
}