@font-face {
	font-family: "Montserrat-Regular";
	src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-Light";
	src: url("../fonts/Montserrat-Light.woff2") format("woff2"),url("../fonts/Montserrat-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-Medium";
	src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),url("../fonts/Montserrat-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-SemiBold";
	src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),url("../fonts/Montserrat-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-Bold";
	src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("../fonts/Montserrat-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-ExtraBold";
	src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),url("../fonts/Montserrat-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?5w6tw4");
	src: url("../fonts/icomoon.eot?5w6tw4#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff2?5w6tw4") format("woff2"),url("../fonts/icomoon.ttf?5w6tw4") format("truetype"),url("../fonts/icomoon.woff?5w6tw4") format("woff"),url("../fonts/icomoon.svg?5w6tw4#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^=icon-],
[class*=" icon-"] {
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-be_spoke:before {
	content: "";
}

.icon-mob_dev_ser:before {
	content: "";
}

.icon-resource_aug:before {
	content: "";
}

.icon-suitcase:before {
	content: "";
}

.icon-laptop:before {
	content: "";
}

.icon-location:before {
	content: "";
}

.icon-hybrid:before {
	content: "";
}

.icon-certificate:before {
	content: "";
}

.icon-healthcare:before {
	content: "";
}

.icon-mentorship:before {
	content: "";
}

.icon-festival:before {
	content: "";
}

.icon-performance:before {
	content: "";
}

.icon-share:before {
	content: "";
}

.icon-right-arrow2:before {
	content: "";
}

.icon-right-arrow:before {
	content: "";
}

.icon-clock:before {
	content: "";
}

.icon-calendar:before {
	content: "";
}

.icon-analysis-heuristic:before {
	content: "";
}

.icon-ai-icon:before {
	content: "";
}

.icon-pre-launch:before {
	content: "";
}

.icon-user-retain:before {
	content: "";
}

.icon-objective-analysis:before {
	content: "";
}

.icon-business-contribution:before {
	content: "";
}

.icon-pre-development:before {
	content: "";
}

.icon-quick-suggestion:before {
	content: "";
}

.icon-ai-ml:before {
	content: "";
}

.icon-buildings:before {
	content: "";
}

.icon-cloud-hosting:before {
	content: "";
}

.icon-cms-integration:before {
	content: "";
}

.icon-custom-application:before {
	content: "";
}

.icon-data-led:before {
	content: "";
}

.icon-data-visiualization:before {
	content: "";
}

.icon-design-audit:before {
	content: "";
}

.icon-digital-prototype:before {
	content: "";
}

.icon-down-arrow:before {
	content: "";
}

.icon-e-commerce:before {
	content: "";
}

.icon-emergin-trends:before {
	content: "";
}

.icon-engineering-analytic:before {
	content: "";
}

.icon-frontend-development:before {
	content: "";
}

.icon-heuristics-analysis:before {
	content: "";
}

.icon-interaction-design:before {
	content: "";
}

.icon-mobile-aaplication:before {
	content: "";
}

.icon-motion-graphics:before {
	content: "";
}

.icon-pill-delete:before {
	content: "";
}

.icon-star:before {
	content: "";
}

.icon-user-experience:before {
	content: "";
}

.icon-search:before {
	content: "";
}

.icon-user-interface:before {
	content: "";
}

.icon-visiual-design:before {
	content: "";
}

.icon-web-application:before {
	content: "";
}

.icon-website-audit:before {
	content: "";
}

.main {
	overflow-x: hidden;
	z-index: 2;
}

.main__horizontal-sliders {
	display: flex;
	width: 500%;
	overflow-x: hidden;
	height: 100vh;
	z-index: 2;
}

.main__slide {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main__video {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-position: center;
}

.main__textwrap {
	width: 100%;
	max-width: 100%;
	position: absolute;
	bottom: 0;
	padding: 0 60px 50px;
	z-index: 0;
}

.main__pagination {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: 1.25vw;
	margin-bottom: .83333vw;
}

.main__protitle {
	font-family: "Montserrat-SemiBold",sans-serif;
	color: #fff;
	font-size: 2.5vw;
	font-weight: 600;
	margin-bottom: .83333vw;
	position: relative;
	display: inline-block;
}

.main__textgroup {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main__description {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .83333vw;
}

.main__badges {
	display: flex;
	gap: .26042vw;
	z-index: 99;
	list-style: none;
	white-space: nowrap;
}

.main__badge {
	background: rgba(0,0,0,.5);
	border-radius: 3.69792vw;
	padding: .625vw 1.25vw;
	font-family: "Montserrat-Regular",sans-serif;
	color: #fff;
	font-size: .9375vw;
	line-height: 1.25vw;
}

.main__textline {
	width: 100%;
	border: 1px solid hsla(0,0%,100%,.4);
	margin-bottom: .83333vw;
}

.type2-main-slide {
	display: flex;
	flex-direction: column;
	padding: 0 3.125vw;
	justify-content: center;
	align-items: center;
}

.type2-main-slide .main__textwrap {
	position: relative;
	max-width: 100%;
	margin-bottom: .83333vw;
	bottom: 0;
	padding: 0;
}

.type2-main-slide .main__textwrap:nth-of-type(1) .main__protitle {
	color: #f72585;
}

.type2-main-slide .main__textwrap:nth-of-type(2) .main__protitle {
	color: #b5179e;
}

.type2-main-slide .main__textwrap:nth-of-type(3) .main__protitle {
	color: #7209b7;
}

.type2-main-slide .main__textline {
	background: rgba(0,0,0,.2);
}

.type2-main-slide .main__description {
	color: #000;
}

.type2-main-slide .main__badge {
	border: .05208vw solid rgba(0,0,0,.4);
	background: hsla(0,0%,100%,.6);
	color: #000;
}

.type2-main-slide .main__pagination {
	color: #000;
}

.hover-video,
.hover-image {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 20.3125vw;
	width: 100%;
	height: auto;
	pointer-events: none;
	border-radius: .52083vw;
	box-shadow: 0 .26042vw 1.30208vw rgba(0,0,0,.3);
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity .6s ease;
	z-index: 1000;
}

@media only screen and (max-width: 1366px) {

.hover-video,
.hover-image {
	max-width: 15.625vw;
}

}

@media only screen and (max-width: 1280px) {

.hover-video,
.hover-image {
	max-width: 14.58333vw;
}

}

@media only screen and (max-width: 1199px) {

.type2-main-slide .main__textwrap {
	margin-bottom: 1.5625vw;
}

.type2-main-slide .main__textwrap .main__protitle {
	font-size: 2.34375vw;
}

}

@media only screen and (max-width: 1024px) {

.main__textgroup {
	flex-direction: column;
	align-items: end;
}

.main__description {
	margin-bottom: 1.5625vw;
	width: 100%;
}

.type2-main-slide .main__textgroup {
	align-items: center;
}

}

@media only screen and (max-width: 767px) {

.main__horizontal-sliders {
	height: auto;
}

.main__slide {
	height: auto;
}

.main__textwrap {
	padding: 0 1rem 1.875rem;
}

.main__pagination {
	font-size: .75rem;
	margin-bottom: .75rem;
}

.main__protitle {
	font-size: 1.625rem;
	margin-bottom: .75rem;
}

.main__description {
	font-size: .875rem;
}

.main__badges {
	gap: .5rem;
}

.main__badge {
	padding: .375rem .875rem;
	font-size: .75rem;
	line-height: normal;
}

.main__textline {
	margin-bottom: .75rem;
}

.type2-main-slide {
	padding: 0 1rem;
}

.type2-main-slide .main__textwrap .main__protitle {
	font-size: 1.625rem;
	margin-bottom: .75rem;
}

}