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

.contact-us-popup {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	opacity: 1;
	transition: ease-in-out .4s all;
	overflow-y: auto;
	right: 0;
	bottom: 0;
	transform: translateX(100%);
	background: #fff;
}

.contact-us-popup.active {
	transform: translateX(0%);
}

.contact-us-popup .popup-background {
	position: relative;
	animation: popupFadeIn 1s ease-out forwards;
}

.contact-us-popup .popup-background img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.contact-us-popup .popup-container {
	padding: 4.27083vw 3.125vw 2.60417vw;
	max-width: 49.375vw;
	width: 100%;
	position: relative;
	transition: transform .6s ease;
}

.contact-us-popup .close-btn {
	position: absolute;
	top: 1.875vw;
	right: 3.125vw;
	background: none;
	border: none;
	cursor: pointer;
	color: #3b59e4;
	transition: transform .2s ease;
}

.contact-us-popup .close-btn svg {
	display: block;
}

.contact-us-popup .popup-title {
	font-family: "Montserrat-SemiBold",sans-serif;
	font-size: 1.45833vw;
	line-height: 3.54167vw;
	color: #161616;
	margin-bottom: .3125vw;
	opacity: .8;
}

.contact-us-popup .tab-buttons {
	display: inline-flex;
	margin-bottom: 2.60417vw;
	padding: .3125vw;
	border-radius: 3.125vw;
	border: .05208vw solid rgba(228,233,255,.3);
	background: rgba(228,233,255,.2);
	gap: .26042vw;
}

.contact-us-popup .tab-btn {
	padding: .66667vw 1.25vw;
	border-radius: 3.125vw;
	border: none;
	background: rgba(0,0,0,0);
	color: #161616;
	font-size: .83333vw;
	cursor: pointer;
	transition: all .3s ease;
	font-family: "Montserrat-Regular",sans-serif;
}

.contact-us-popup .tab-btn.active {
	background: #4361ee;
	color: #fff;
	font-family: "Montserrat-Medium",sans-serif;
}

.contact-us-popup .tab-content {
	display: none;
}

.contact-us-popup .tab-content.active {
	display: block;
}

.contact-us-popup .flex-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact-us-popup .flex-box .getin-touch-btn {
	margin: initial;
}

.contact-us-popup .enquiry-form {
	display: flex;
	flex-direction: column;
	gap: 1.875vw;
}

.contact-us-popup .enquiry-form .primary-btn {
	width: max-content;
	margin-left: auto;
	padding: .625vw 1.25vw;
}

.contact-us-popup .enquiry-form .primary-btn.getin-touch-btn {
	margin-left: 0;
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container {
	width: 2.08333vw;
	height: 2.08333vw;
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container .arrow-1 {
	transform: translateX(-200%);
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container .arrow-2 {
	transform: translateX(-50%);
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container .icon-right-arrow {
	font-size: .72917vw;
}

.contact-us-popup .enquiry-form .primary-btn:hover .animated-arrow-container .arrow-1 {
	transform: translateX(50%);
}

.contact-us-popup .enquiry-form .primary-btn:hover .animated-arrow-container .arrow-2 {
	transform: translateX(200%);
}

.contact-us-popup .form-row {
	display: flex;
	width: 100%;
	gap: 2.29167vw;
}

.contact-us-popup .form-group {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

.contact-us-popup .form-group.error .form-input {
	border-color: #e74c3c;
	color: #e74c3c;
}

.contact-us-popup .form-group.error .form-input::placeholder {
	color: #e74c3c;
}

.contact-us-popup .form-group.error .form-textarea::placeholder {
	color: #e74c3c;
	opacity: 1;
}

.contact-us-popup .form-label {
	color: rgba(22,22,22,.6);
	font-family: "Montserrat-Medium",sans-serif;
	font-size: .625vw;
	line-height: .83333vw;
}

.contact-us-popup .form-label .required-star {
	color: #ff3030;
	font-size: .625vw;
}

.contact-us-popup .form-input {
	color: #161616;
	font-family: "Montserrat-Medium",sans-serif;
	font-size: .83333vw;
	font-style: normal;
	line-height: 1.16667vw;
	padding: .83333vw 0;
	border-bottom: .05208vw solid rgba(22,22,22,.1);
	background: rgba(0,0,0,0);
}

.contact-us-popup .form-input:focus {
	outline: none;
}

.contact-us-popup .form-input::placeholder {
	color: rgba(22,22,22,.4);
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .83333vw;
}

.contact-us-popup .service-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 16px;
}

.contact-us-popup .service-tag {
	border-radius: 2.41958vw;
	background: #e4e9ff;
	cursor: pointer;
	padding: .40108vw .81767vw;
	color: rgba(67,97,238,.8);
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .625vw;
	font-style: normal;
	line-height: .81783vw;
	transition: all .3s ease;
	border: .05208vw solid #e4e9ff;
}

.contact-us-popup .service-tag.active {
	border: .05208vw solid #4361ee;
	color: #4361ee;
}

.contact-us-popup .textarea-wrapper {
	position: relative;
}

.contact-us-popup .form-textarea {
	max-height: 2.34375vw;
	min-height: 1.04167vw;
	width: 100%;
	padding: .83333vw 2.86458vw 0 0;
	border: none;
	background: rgba(0,0,0,0);
	font-size: .83333vw;
	color: #161616;
	font-family: inherit;
	resize: vertical;
	transition: box-shadow .3s ease;
	border-bottom: .05208vw solid rgba(22,22,22,.1);
	display: block;
	resize: none;
}

.contact-us-popup .form-textarea:focus {
	outline: none;
}

.contact-us-popup .form-textarea::placeholder {
	color: rgba(22,22,22,.4);
}

.contact-us-popup .char-count {
	position: absolute;
	bottom: 1.19792vw;
	right: 1.04167vw;
	font-size: .625vw;
	color: #999;
}

.contact-us-popup .submit-btn,
.contact-us-popup .getin-touch-btn {
	padding: .625vw 1.25vw;
	font-size: .9375vw;
	cursor: pointer;
	margin-left: auto;
}

.contact-us-popup .submit-btn:hover .animated-arrow-container svg:last-child,
.contact-us-popup .getin-touch-btn:hover .animated-arrow-container svg:last-child {
	bottom: 10%;
}

.contact-us-popup .submit-btn .animated-arrow-container,
.contact-us-popup .getin-touch-btn .animated-arrow-container {
	width: 2.08333vw;
	height: 2.08333vw;
	margin-left: 1.09375vw;
}

.contact-us-popup .submit-btn .animated-arr-svg,
.contact-us-popup .getin-touch-btn .animated-arr-svg {
	height: .72917vw;
	width: .83333vw;
}

.contact-us-popup .our-work {
	font-size: .83333vw;
}

.contact-us-popup .our-work .link {
	color: #4361ee;
	text-decoration: underline;
	font-family: "Montserrat-Medium",sans-serif;
	text-decoration: none;
}

.contact-us-popup .our-work .link .icon-right-arrow2 {
	margin-left: .41667vw;
	font-size: .625vw;
}

.contact-us-popup .help-section {
	margin-top: 1.875vw;
}

.contact-us-popup .help-title {
	color: #161616;
	font-family: "Montserrat-SemiBold",sans-serif;
	font-size: 1.45833vw;
	line-height: normal;
}

.contact-us-popup .help-grid {
	margin-top: 1.875vw;
	display: flex;
	justify-content: space-between;
	gap: 2.03125vw;
}

.contact-us-popup .help-item {
	display: flex;
	gap: .625vw;
	border-right: .05208vw solid rgba(67,97,238,.16);
	padding-right: 2.03125vw;
}

.contact-us-popup .help-item:last-child {
	border-right: 0;
}

.contact-us-popup .help-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-us-popup .help-label {
	color: #5a5a5a;
	font-family: "Montserrat-Bold",sans-serif;
	font-size: .52083vw;
	font-weight: 700;
	line-height: .72917vw;
	text-transform: uppercase;
}

.contact-us-popup .help-link {
	font-size: .72917vw;
	font-family: "Montserrat-Medium",sans-serif;
	color: #4361ee;
	text-decoration: underline;
	transition: color .3s ease;
}

.contact-us-popup .help-link:hover {
	color: #3d4fd9;
	text-decoration: underline;
}

.contact-us-popup .location-section {
	margin-top: 1.5625vw;
	display: flex;
	align-items: center;
	gap: .88542vw;
	padding: .41667vw;
	border-radius: 5.72917vw;
	text-decoration: none;
	background: #f4f5fe;
}

.contact-us-popup .location-section .inner-flex {
	display: flex;
	justify-content: space-between;
	width: 90%;
	align-items: center;
}

.contact-us-popup .location-section .location-icon {
	width: 3.33333vw;
	height: 3.33333vw;
	background: hsla(0,0%,100%,.4);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.contact-us-popup .location-section .location-icon img {
	display: block;
}

.contact-us-popup .location-text {
	flex: 1;
	padding-right: 1.04167vw;
}

.contact-us-popup .location-text p {
	color: #3c3c3c;
	font-family: "Montserrat-Regular",sans-serif;
	font-size: .72917vw;
	line-height: 1.02083vw;
	max-width: 22.34375vw;
}

.contact-us-popup .location-arrow {
	flex-shrink: 0;
	width: 3.33333vw;
	height: 3.33333vw;
	border-radius: 50%;
	border: .05208vw solid #4361ee;
	background: rgba(0,0,0,0);
	font-size: 1.25vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease;
	position: relative;
	overflow: hidden;
}

.contact-us-popup .location-arrow .icon-right-arrow {
	font-size: .9375vw;
	color: #4361ee;
	transition: .3s all ease;
}

.contact-us-popup .location-arrow .icon-right-arrow.arrow1 {
	color: #f72585;
	transform: translateX(-200%) rotate(45deg);
}

.contact-us-popup .location-arrow .icon-right-arrow.arrow2 {
	transform: translateX(-50%) rotate(45deg);
}

.contact-us-popup .location-arrow:hover .arrow1 {
	transform: translateX(50%) rotate(45deg);
}

.contact-us-popup .location-arrow:hover .arrow2 {
	transform: translateX(200%) rotate(45deg);
}

.contact-us-popup .error-msg {
	color: #ff3030;
	font-size: .625vw;
	margin-top: .26042vw;
	position: absolute;
	bottom: -0.9375vw;
}

.contact-us-popup .limit-exceeded {
	color: #ff3030;
	font-weight: 600;
}

.contact-us-popup .form-group.error .error-message {
	display: block;
}

.contact-us-popup .form-input.error,
.contact-us-popup textarea.error {
	border-color: #e74c3c;
}

.contact-us-popup .form-success-msg {
	position: fixed;
	top: 1.25vw;
	left: 50%;
	transform: translateX(-50%);
	background: #00ad5f;
	padding: .41667vw .83333vw;
	border-radius: 5.20833vw;
	opacity: 1;
	transition: opacity .5s ease,transform .5s ease;
	z-index: 1000;
	color: #fff;
	font-family: "Montserrat-Medium",sans-serif;
	font-size: .83333vw;
	line-height: normal;
	width: max-content;
}

.contact-us-popup .form-success-msg.fade-out {
	opacity: 0;
	transform: translate(-50%, -10px);
}

.contact-us-popup .form-success-msg {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, -40px);
	padding: .41667vw .83333vw;
	border-radius: 5.20833vw;
	display: flex;
	align-items: center;
	gap: .52083vw;
	opacity: 0;
	transition: all .5s ease;
	z-index: 1000;
	color: #fff;
	font-family: "Montserrat-Medium",sans-serif;
	font-size: .83333vw;
	line-height: normal;
}

.contact-us-popup .form-success-msg.active {
	opacity: 1;
	transform: translate(-50%, 1.04167vw);
}

.contact-us-popup .form-success-msg img {
	display: block;
}

.contact-us-popup .form-success-msg .cls-notification {
	cursor: pointer;
	background: rgba(0,0,0,0);
}

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

.contact-us-popup .help-grid {
	gap: 15px;
	justify-content: flex-start;
}

.contact-us-popup .help-item {
	padding-right: 15px;
}

.contact-us-popup .help-item:last-child {
	padding-right: 0;
}

}

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

.contact-us-popup .form-label {
	font-size: 12px;
	line-height: 16px;
}

.contact-us-popup .form-label .required-star {
	font-size: 12px;
}

.contact-us-popup .form-input::placeholder {
	font-size: 14px;
}

.contact-us-popup .form-input {
	padding: 12px 0;
	font-size: 14px;
	line-height: 19px;
	border-bottom: 1px solid rgba(22,22,22,.1);
}

.contact-us-popup .service-tag {
	border-radius: 46.456px;
	padding: 7.7008px 15.6992px;
	color: rgba(67,97,238,.8);
	font-size: 12px;
	line-height: 15.7024px;
	border: 1px solid #e4e9ff;
}

.contact-us-popup .form-textarea {
	font-size: 12px;
	max-height: 45px;
	min-height: 20px;
}

.contact-us-popup .error-msg {
	font-size: 11px;
	bottom: -18px;
	white-space: nowrap;
}

}

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

.contact-us-popup .popup-container {
	padding: 50px 18px;
	max-width: 740px;
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container .icon-right-arrow {
	font-size: 14px;
}

.contact-us-popup .help-label {
	font-size: 8px;
	white-space: nowrap;
}

.contact-us-popup .help-link {
	font-size: 10px;
}

.contact-us-popup .location-text p {
	font-size: 12px;
	line-height: 16.8px;
	max-width: 429px;
}

.contact-us-popup .location-arrow {
	width: 35px;
	height: 35px;
}

}

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

.contact-us-popup .tab-btn {
	font-size: 11px;
}

.contact-us-popup .enquiry-form {
	gap: 24px;
}

.contact-us-popup .char-count {
	font-size: 12px;
}

.contact-us-popup .our-work {
	font-size: 11px;
}

.contact-us-popup .help-grid {
	gap: 15px;
}

.contact-us-popup .help-item {
	padding-right: 15px;
}

}

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

.contact-us-popup .service-tag.active {
	border: 1px solid #4361ee;
}

.contact-us-popup .help-label {
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
}

.contact-us-popup .help-link {
	font-size: 14px;
}

.contact-us-popup .location-section .location-icon {
	width: 64px;
	height: 64px;
}

.contact-us-popup .location-arrow {
	font-size: 24px;
}

.contact-us-popup .error-msg {
	font-size: 12px;
	margin-top: 5px;
	bottom: -18px;
}

.contact-us-popup .form-success-msg {
	font-size: 12px;
}

}

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

.contact-us-popup {
	width: 100%;
}

.contact-us-popup .popup-container {
	padding: 70px 16px;
	max-width: 948px;
}

.contact-us-popup .close-btn {
	top: 16px;
	right: 16px;
}

.contact-us-popup .close-btn img {
	width: 14px;
	height: 14px;
	display: block;
}

.contact-us-popup .popup-title {
	font-size: 22px;
	line-height: normal;
	margin-bottom: 20px;
}

.contact-us-popup .tab-buttons {
	padding: 5px;
	margin-bottom: 25px;
}

.contact-us-popup .tab-btn {
	font-size: 14px;
	padding: 10px 22px;
	border-radius: 60px;
}

.contact-us-popup .flex-box {
	flex-direction: column;
	gap: 15px;
}

.contact-us-popup .flex-box .getin-touch-btn {
	margin: 15px 0 0 0;
}

.contact-us-popup .enquiry-form .primary-btn {
	padding: 7px 12px;
}

.contact-us-popup .enquiry-form .primary-btn .animated-arrow-container {
	width: 27px;
	height: 27px;
}

.contact-us-popup .form-row {
	flex-direction: column;
	gap: 30px;
}

.contact-us-popup .form-textarea {
	font-size: 14px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(22,22,22,.1);
}

.contact-us-popup .char-count {
	bottom: -20px;
	right: 0;
}

.contact-us-popup .submit-btn:hover .animated-arrow-container svg:last-child,
.contact-us-popup .getin-touch-btn:hover .animated-arrow-container svg:last-child {
	bottom: -1%;
}

.contact-us-popup .submit-btn,
.contact-us-popup .getin-touch-btn {
	font-size: 14px;
	padding: 7px 12px;
	margin-top: 10px;
}

.contact-us-popup .submit-btn .animated-arrow-container,
.contact-us-popup .getin-touch-btn .animated-arrow-container {
	width: 27px;
	height: 27px;
	margin-left: 8px;
}

.contact-us-popup .help-section {
	margin-top: 48px;
}

.contact-us-popup .help-title {
	font-size: 22px;
}

.contact-us-popup .help-grid {
	margin-top: 26px;
	flex-direction: column;
	gap: 24px;
}

.contact-us-popup .help-item {
	border-right: 0;
	padding-right: 0;
	border-bottom: 1px solid rgba(67,97,238,.16);
	padding-bottom: 24px;
	gap: 12px;
}

.contact-us-popup .help-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

}

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

.contact-us-popup .enquiry-form .primary-btn {
	margin-top: 32px;
}

.contact-us-popup .project-field .error-msg {
	width: 85%;
	bottom: -29.2px;
}

.contact-us-popup .our-work {
	font-size: 13px;
}

.contact-us-popup .our-work .link .icon-right-arrow2 {
	margin-left: 8px;
	font-size: 12px;
}

.contact-us-popup .location-section {
	flex-direction: column;
	align-items: flex-start;
	border-radius: 16px;
	padding: 16px;
	margin-top: 30px;
}

.contact-us-popup .location-section .inner-flex {
	width: 100%;
}

.contact-us-popup .location-section .location-icon img {
	width: 48px;
	height: 48px;
}

.contact-us-popup .location-arrow {
	width: 40px;
	height: 40px;
}

.contact-us-popup .location-arrow .icon-right-arrow {
	width: 16px;
	height: 16px;
	font-size: 18px;
}

}

@keyframes popupFadeIn {

0% {
	opacity: 0;
	transform: scale(0.95);
}

100% {
	opacity: 1;
	transform: scale(1);
}

}