@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: "";
}

.ourwork-featureds {
	position: relative;
	z-index: 2;
	background: rgba(0,0,0,0);
}

.ourwork-featureds_header {
	position: relative;
	text-align: center;
}

.ourwork-featureds_header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2.08333vw;
	top: -2.08333vw;
	left: 0;
}

.ourwork-featureds_header.underline::after {
	content: "";
	position: absolute;
	width: 100%;
	height: .05208vw;
	background-color: #161616;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
}

.ourwork-featureds_header.underline .ourwork-featureds_title {
	background: #fff;
}

.ourwork-featureds_title {
	font-family: "Montserrat-SemiBold",sans-serif;
	font-size: 1.25vw;
	line-height: 3.54167vw;
	letter-spacing: 0%;
	color: #161616;
	text-align: center;
	position: relative;
	z-index: 3;
	padding: 0 1.82292vw;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.ourwork-featureds_title .icon-wrap {
	line-height: 0;
	margin-left: .72917vw;
}

.ourwork-featureds_main {
	width: 100%;
	background: #000;
}

.ourwork-featureds_cardwrapper {
	width: 100%;
	background: #000;
}

.ourwork-featureds_featurecard {
	font-size: 2.60417vw;
	position: relative;
	min-height: 100dvh;
	overflow: hidden;
}

.ourwork-featureds_featurecard video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.ourwork-featureds .pin-panel {
	padding: 0;
}

.ourwork-featureds_textwrap {
	width: 100%;
	max-width: 100%;
	position: absolute;
	bottom: 0;
	padding: 0 3.125vw 2.60417vw;
	z-index: 3;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50.86%);
}

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

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

.ourwork-featureds_textline {
	width: 100%;
	border: .05208vw solid hsla(0,0%,100%,.4);
	margin-bottom: .83333vw;
}

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

.ourwork-featureds_description {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: 1.25vw;
}

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

.ourwork-featureds_badge {
	background: hsla(0,0%,100%,.2);
	border-radius: 3.69792vw;
	padding: .625vw 1.25vw;
	font-family: "Montserrat-Regular",sans-serif;
	color: #fff;
	font-size: .9375vw;
	line-height: 1.25vw;
}

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

.ourwork-featureds_featurecard-Type2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	min-height: 100dvh;
	padding: 7.8125vw 3.125vw;
	position: relative;
}

.ourwork-featureds__cardWrap-type2 {
	position: relative;
	width: 100%;
	padding: 0;
	text-decoration: none;
}

.ourwork-featureds__cardWrap-type2:hover {
	text-decoration: none;
}

.ourwork-featureds__cardWrap-type2:not(:last-of-type) {
	margin-bottom: 4.16667vw;
}

.ourwork-featureds__cardWrap-type2:nth-of-type(1) .ourwork-featureds__protitle-type2 {
	color: #f72585;
}

.ourwork-featureds__cardWrap-type2:nth-of-type(2) .ourwork-featureds__protitle-type2 {
	color: #b5179e;
}

.ourwork-featureds__cardWrap-type2:nth-of-type(3) .ourwork-featureds__protitle-type2 {
	color: #7209b7;
}

.ourwork-featureds__cardWrap-type2:nth-of-type(4) .ourwork-featureds__protitle-type2 {
	color: #7209b7;
}

.ourwork-featureds__protitle-type2 {
	font-family: "Montserrat-SemiBold",sans-serif;
	font-size: 4.16667vw;
	line-height: normal;
	letter-spacing: 0%;
	color: #000;
	padding-bottom: .83333vw;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

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

.ourwork-featureds__description {
	font-family: "Montserrat-Regular",sans-serif;
	font-size: 1.25vw;
	line-height: 100%;
	letter-spacing: 0%;
	color: #000;
	margin-right: 1.04167vw;
}

.ourwork-featureds__badges {
	display: flex;
	gap: 9px;
	z-index: 99;
	list-style: none;
	white-space: nowrap;
}

.ourwork-featureds__badgetype2 {
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 71px;
	padding: .625vw 1.25vw;
	font-family: "Montserrat-Regular",sans-serif;
	color: #000;
	font-size: .9375vw;
	line-height: 1.25vw;
}

.ourwork-featureds__textgroup2 {
	margin-top: 1.82292vw;
	display: flex;
	justify-content: space-between;
}

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

.ourwork-featureds__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;
}

.hover-video,
.hover-image {
	position: fixed;
	top: 0;
	left: 0;
	max-width: 28.07292vw;
	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;
}

.cards-section {
	position: relative;
	background: #0a0a0a;
}

.cards-section .cards-container {
	position: relative;
}

.cards-section .card {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cards-section .card-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 1.04167vw 3.125vw rgba(0,0,0,.5);
}

.cards-section .card-content video {
	width: 100%;
}

.cards-section .content-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 3.125vw 2.70833vw;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50.86%);
}

.cards-section .page-count {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: 1.25vw;
	font-weight: 400;
	line-height: normal;
	margin-bottom: .83333vw;
}

.cards-section .card-title {
	color: #fff;
	font-family: "Montserrat-SemiBold",sans-serif;
	font-size: 4.16667vw;
	font-weight: 600;
	line-height: normal;
	margin-bottom: .83333vw;
}

.cards-section .desc-wrap {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding-top: 1.82292vw;
	border-top: .05208vw solid hsla(0,0%,100%,.4);
}

.cards-section .card-subtitle {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: 1.25vw;
	font-weight: 400;
	line-height: normal;
	width: 50%;
}

.cards-section .card-tags-wrap {
	display: flex;
	flex-wrap: wrap;
}

.cards-section .card-tags-wrap .tags {
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .9375vw;
	font-weight: 400;
	line-height: 1.25vw;
	padding: .625vw 1.25vw;
	border-radius: 3.69792vw;
	background: hsla(0,0%,100%,.2);
	backdrop-filter: blur(1.30208vw);
}

.cards-section .card-tags-wrap .tags:not(:last-child) {
	margin-right: .83333vw;
}

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

.ourwork-featureds_protitle {
	font-size: 3.125vw;
}

.ourwork-featureds_featurecard-Type2 {
	padding: 3.125vw 2.08333vw;
	min-height: 100%;
}

.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: 1024px) {

.ourwork-featureds_pagination {
	font-size: 1.04167vw;
	margin-bottom: 12px;
}

.ourwork-featureds_protitle {
	font-size: 2.08333vw;
}

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

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

.ourwork-featureds_featurecard-Type2 {
	padding: 3.125vw;
	min-height: 100%;
}

.ourwork-featureds__protitle-type2 {
	font-size: 2.08333vw;
}

.ourwork-featureds__description {
	width: 100%;
	margin-right: 0;
	margin-bottom: 1.25vw;
}

.ourwork-featureds__textgroup2 {
	flex-direction: column;
}

.ourwork-featureds__pagination2 {
	font-size: 1.04167vw;
	margin-bottom: .625vw;
}

}

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

.ourwork-featureds .videoplay {
	position: static;
	min-height: 412px;
}

.ourwork-featureds_featurecard-Type2 {
	padding: 40px 16px;
}

.cards-section .card {
	position: static;
	height: 100%;
}

.cards-section .content-wrap {
	padding: 0 16px 24px;
}

.cards-section .page-count {
	font-size: 16px;
	margin-bottom: 12px;
}

.cards-section .card-title {
	font-size: 36px;
	margin-bottom: 12px;
}

.cards-section .desc-wrap {
	flex-wrap: wrap;
	padding-top: 12px;
}

.cards-section .card-subtitle {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

.cards-section .card-tags-wrap {
	margin-left: auto;
}

.cards-section .card-tags-wrap .tags:not(:last-child) {
	margin-right: 8px;
}

.cards-section .card-tags-wrap .tags {
	font-size: 16px;
	line-height: normal;
	padding: 6px 14px;
}

}

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

.ourwork-featureds {
	padding-top: 20px;
}

.ourwork-featureds_header {
	margin-bottom: 20px;
}

.ourwork-featureds_title {
	font-size: 14px;
	padding: 0 16px;
}

.ourwork-featureds_featurecard {
	min-height: 412px;
}

.ourwork-featureds_textwrap {
	padding: 0 16px 24px;
}

.ourwork-featureds_textwrap::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(184.74deg, rgba(0, 0, 0, 0) 9.81%, rgba(0, 0, 0, 0.9) 90.93%);
	pointer-events: none;
	z-index: 1;
}

.ourwork-featureds_pagination {
	font-size: 12px;
	margin-bottom: 12px;
}

.ourwork-featureds_protitle {
	font-size: 26px;
	margin-bottom: 12px;
}

.ourwork-featureds_textline {
	margin-bottom: 12px;
}

.ourwork-featureds_description {
	font-size: 14px;
}

.ourwork-featureds_badges {
	gap: 8px;
}

.ourwork-featureds_badge {
	padding: 6px 14px;
	font-size: 12px;
	line-height: normal;
}

.ourwork-featureds__cardWrap-type2:not(:last-of-type) {
	margin-bottom: 24px;
}

.ourwork-featureds__protitle-type2 {
	font-size: 26px;
	padding-bottom: 12px;
}

.ourwork-featureds__textgroup {
	font-size: 26px;
	padding-bottom: 12px;
}

.ourwork-featureds__description {
	font-size: 14px;
	line-height: 22px;
	margin-right: 0;
	margin-bottom: 16px;
}

.ourwork-featureds__badgetype2 {
	padding: 6px 14px;
	font-size: 12px;
	line-height: normal;
}

.ourwork-featureds__textgroup2 {
	margin-top: 12px;
}

.ourwork-featureds__pagination2 {
	font-size: 12px;
	line-height: normal;
	margin-bottom: 12px;
}

.cards-section .page-count {
	font-size: 12px;
}

.cards-section .card-title {
	font-size: 26px;
}

.cards-section .card-tags-wrap .tags {
	font-size: 12px;
}

}

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

.ourwork-featureds {
	padding-top: 16px;
}

.ourwork-featureds_header {
	margin-bottom: 12px;
}

.ourwork-featureds_title {
	line-height: 36px;
}

}