@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: "";
}

.primary-btn {
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .9375vw;
	line-height: 1.23958vw;
	padding: .72917vw 1.77083vw .72917vw 1.77083vw;
	border-radius: 98px;
	outline: none;
	border: none;
	background-color: #4361ee;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.primary-btn .animated-arrow-container {
	position: relative;
	height: 2.96875vw;
	width: 2.96875vw;
	border-radius: 100%;
	background-color: #fff;
	margin-left: .83333vw;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
	transform: rotate(-45deg);
}

.primary-btn .animated-arrow-container .arrow-1 {
	transform: translateX(-200%);
	transition: all .5s ease-in-out;
}

.primary-btn .animated-arrow-container .arrow-1 .icon-right-arrow {
	transform: rotate(45deg);
	font-size: 1.40625vw;
}

.primary-btn .animated-arrow-container .arrow-1 .icon-right-arrow:before {
	color: #f72585;
}

.primary-btn .animated-arrow-container .arrow-2 {
	transform: translateX(-50%);
	transition: all .5s ease-in-out;
}

.primary-btn .animated-arrow-container .arrow-2 .icon-right-arrow {
	transform: rotate(45deg);
	font-size: 1.40625vw;
}

.primary-btn .animated-arrow-container .arrow-2 .icon-right-arrow:before {
	color: #4361ee;
}

.primary-btn:hover .animated-arrow-container .arrow-2 {
	transform: translateX(200%);
}

.primary-btn:hover .animated-arrow-container .arrow-1 {
	transform: translateX(50%);
}

.primary-btn.explore-more {
	display: inline-flex;
	text-decoration: none;
	transform: unset !important;
}

.newsSubscription .news_Subscription_form .primary-btn .arrow-1 .icon-right-arrow {
	font-size: 12px;
}

.newsSubscription .news_Subscription_form .primary-btn .arrow-2 .icon-right-arrow {
	font-size: 12px;
}

.hero {
	height: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: #fff;
	padding: 5vw 0 3.125vw;
}

.hero__title {
	font-size: 8.95833vw;
	font-family: "Montserrat-Bold",sans-serif;
	line-height: 9.73958vw;
	text-transform: capitalize;
	color: #000;
	z-index: 1;
	letter-spacing: -0.62708vw;
}

.hero__discription-sec {
	position: relative;
}

.hero__discription {
	position: relative;
	font-size: 1.25vw;
	font-family: "Montserrat-Regular",sans-serif;
	line-height: 1.71875vw;
	color: #000;
	margin-top: 1.04167vw;
	margin-bottom: 4.42708vw;
	padding-left: 1.25vw;
}

.hero__bgvideo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	z-index: 0;
	pointer-events: none;
	aspect-ratio: 16/9;
	flex-shrink: 0;
	opacity: .1;
}

.js_specialdivpos {
	display: inline;
	height: .05208vw;
	width: .05208vw;
}

.special-div {
	width: 10.57292vw;
	height: 10.57292vw;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	pointer-events: none;
	transition: all .5s ease;
	border-radius: 8.33333vw;
	text-align: right;
	opacity: 0;
}

.special-div video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.special-div.pill {
	width: 29.27083vw;
}

.next-section {
	height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
}

.next-section.video-expanded {
	position: relative;
}

.next-section.video-expanded .special-div {
	position: relative;
	border-radius: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 1;
}

.next-section.video-expanded #skipButton {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.next-section #skipButton {
	position: absolute;
	bottom: 20px;
	right: 30px;
	padding: 10px 9px 10px 19px;
	background: rgba(0,0,0,.6);
	backdrop-filter: blur(29px);
	color: #fff;
	font-size: 16px;
	font-family: "Montserrat-Regular",sans-serif;
	line-height: 23px;
	border: 1px solid #fff;
	border-radius: 96px;
	display: flex;
	align-items: center;
	cursor: pointer;
	z-index: 8;
	transition: background .3s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .1s ease .5s,transform .1s ease .5s,visibility .1s ease .5s;
}

.next-section #skipButton:hover {
	background: rgba(0,0,0,.9);
}

.next-section #skipButton .skipArrow-img {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 11px;
	border-radius: 50%;
	border: 1px solid #fff;
}

.next-section .icon-wrap {
	width: 37px;
	height: 37px;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: 11px;
}

.next-section .animated-arr-svg {
	height: 17px;
	width: 18px;
	line-height: 0;
	rotate: 45deg;
}

.next-section .animated-arr-svg .arr-clr {
	fill: #fff !important;
}

#starslottie {
	position: absolute;
	top: -2.1875vw;
	left: -0.26042vw;
	width: 2.70833vw;
	background: rgba(0,0,0,0);
	pointer-events: none;
	display: inline-block;
	height: 3.2em;
}

@media only screen and (max-width: 1366px) {

.primary-btn {
	padding: .625vw 1.5625vw .625vw 1.5625vw;
}

.primary-btn .animated-arrow-container {
	height: 2.34375vw;
	width: 2.34375vw;
	margin-left: 1.5625vw;
}

.next-section #skipButton {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 10px;
}

.next-section .icon-wrap {
	width: 25px;
	height: 25px;
}

.next-section .animated-arr-svg {
	width: 14px;
	height: 14px;
}

}

@media only screen and (max-width: 1280px) {

.newsSubscription .news_Subscription_form .primary-btn .arrow-1 .icon-right-arrow {
	font-size: 8px;
}

.newsSubscription .news_Subscription_form .primary-btn .arrow-2 .icon-right-arrow {
	font-size: 8px;
}

.special-div {
	width: 16.66667vw;
	height: 6.25vw;
}

}

@media only screen and (max-width: 1024px) {

.special-div {
	width: 6.66667vw;
	height: 6.66667vw;
}

.special-div.pill {
	width: 16.66667vw;
}

}

@media only screen and (max-width: 991px) {

.primary-btn .animated-arrow-container {
	height: 27px;
	width: 27px;
	margin-left: 8px;
}

.primary-btn .animated-arrow-container .arrow-1 .icon-right-arrow {
	font-size: 16px;
}

.primary-btn .animated-arrow-container .arrow-2 .icon-right-arrow {
	font-size: 16px;
}

}

@media only screen and (max-width: 767px) {

.primary-btn .animated-arrow-container .arrow-1 .icon-right-arrow {
	font-size: 13px;
}

.primary-btn .animated-arrow-container .arrow-2 .icon-right-arrow {
	font-size: 13px;
}

.primary-btn {
	font-size: 14px;
	line-height: 11.3472px;
	padding: 7px 12px 7px 20px;
}

.animated-arrow-container {
	height: 27px;
	width: 27px;
	margin-left: 8px;
}

.animated-arr-svg {
	height: 15px;
	width: 14px;
}

.hero {
	height: 100%;
	min-height: 100%;
	padding: 96px 0 60px;
}

.hero__content-sec {
	padding: 42px 0 28px;
}

.hero__title {
	font-size: 52px;
	line-height: 55.5904px;
	letter-spacing: -3.5696px;
}

.hero__discription {
	font-size: 12px;
	line-height: 1;
	margin-top: 16px;
	margin-bottom: 24px;
	padding-left: 20px;
}

.special-div {
	width: 56px;
	height: 56px;
}

.special-div.pill {
	width: 144px;
	height: 56px;
}

.next-section {
	height: 240px;
}

#starslottie {
	top: -20px;
	left: 0;
	width: 25px;
}

}

@keyframes ball-move {

0% {
	left: 0;
}

100% {
	left: 100%;
}

}

