/* @import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"); */
/* below font loading is failing */
/* @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;800;900;&display=swap'); */

/* @import url("https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css");
@import url("https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"); */

@import url("./common.css");
@import url("./commonNew.css");
@import url("./styles.css");
@import url("./SubscriptionBox.css");
@import url("./SubscriptionStartedBox.css");
@import url("./products.css");
@import url("./legal.css");
@import url("./industries.css");
@import url("./buttons.css");
@import url("./CaseStudyBox.css");
@import url("./logo-carousel.css");
@import url("./contactModal.css");
@import url("./SolutionsMouseLeaveModal.css");
@import url("./SubscriptionStartedBox.css");
@import url("./TestimonialSlider.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./subfooter.css");
@import url("./home.css");
@import url("./styleNew.css");
@import url("./careerNew.css");
@import url("./productsNew.css");

@import url("./contact.module.css");
@import url("./healthcare-mkt.min.css");

@import url("./multiStepper.css");

html {
	min-height: 100%;
	position: relative;
}

body {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-display: swap;
	background: #fff;
}

body.modal-open {
	overflow: hidden;
}

.caret,
.formarea,
.story-thumb a > img,
.topbar,
a,
button,
input,
nav ul li a:after,
nav > ul > li:before {
	-webkit-transition: margin 0.3s ease, box-shadow 0.3s ease,
		transform 0.3s ease-in-out, width 0.3s ease, height 1s ease,
		padding 1s ease, background-color 2s ease, border 0.2s ease,
		color 0.2s ease, opacity 0.3s ease-in-out, outline 0.3s ease;
	-moz-transition: margin 0.3s ease, box-shadow 0.3s ease,
		transform 0.3s ease-in-out, width 0.3s ease, height 1s ease,
		padding 1s ease, background-color 0.3s ease, border 0.3s ease,
		color 0.3s ease, opacity 0.3s ease-in-out, outline 0.3s ease;
	-ms-transition: margin 0.3s ease, box-shadow 0.3s ease,
		transform 0.3s ease-in-out, width 0.3s ease, height 1s ease,
		padding 1s ease, background-color 0.3s ease, border 0.3s ease,
		color 0.3s ease, opacity 0.3s ease-in-out, outline 0.3s ease;
	-o-transition: margin 0.3s ease, box-shadow 0.3s ease,
		transform 0.3s ease-in-out, width 0.3s ease, height 1s ease,
		padding 1s ease, background-color 0.3s ease, border 0.3s ease,
		color 0.3s ease, opacity 0.3s ease-in-out, outline 0.3s ease;
	transition: margin 0.3s ease, box-shadow 0.3s ease,
		transform 0.3s ease-in-out, width 0.3s ease, padding 1s ease,
		background-color 0.3s ease, border 0.3s ease, color 0.3s ease,
		opacity 0.3s ease-in-out, outline 0.3s ease;
}

a,
button,
input,
textarea {
	outline: 0;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
p,
small,
strong {
	margin: 0;
	padding: 0;
}

input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	z-index: 0;
}

input[type="checkbox"] + label::before {
	content: "";
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	background: url(/img/forms/icon-input-checkbox.svg) no-repeat center #fff;
	border: solid 1px #ccc;
	border-radius: 3px;
	cursor: pointer;
	float: left;
}

input[type="checkbox"]:disabled + label {
	opacity: 0.5;
	pointer-events: none;
}

input[type="checkbox"]:hover + label::before {
	border-color: #41c287;
}

input[type="checkbox"]:checked + label::before {
	background-color: #41c287;
	border-color: #41c287;
}

.container,
.topbar {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.container2 {
	width: 1080px;
}

.caret {
	border: solid #323334;
	border-width: 0 2px 2px 0;
	padding: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 15px;
	margin-top: -2px;
}

.linkItem {
	width: auto;
	display: inline-flex;
	align-items: center;
	font: 400 14px "Rubik", sans-serif;
	color: #000;
}

.buyButton {
	width: auto !important;
	min-width: 102px;
	height: 30px;
	border-radius: 3px;
	background: #f53101;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font: 500 12px "Rubik", sans-serif;
	color: #fff !important;
}

.contact-dropdown-whitepaper {
	width: 100%;
	position: relative;
	z-index: 5;
}

.contact-dropdown-whitepaper.whitepaper-dropdown {
	z-index: 9;
}
.contact-dropdown-whitepaper .select-dropdown {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
.contact-dropdown-whitepaper
	.select-dropdown
	> div
	> div:nth-child(2)
	> span:first-child {
	display: none;
	border: none !important;
}

.contact-dropdown-whitepaper .select-dropdown > div {
	border: solid 1px #cfcfcf;
}

.cursor-pointer {
	cursor: pointer;
}

@media (max-width: 768px) {
	.carousel {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.mb-2 {
		margin-bottom: 10px;
	}
	.carousel-content {
		display: flex;
		transition: transform 0.5s ease-in-out;
	}

	.carousel-slide {
		min-width: 100%;
		box-sizing: border-box;
	}

	.carousel-slide.active {
		display: block;
	}

	.avatar-group-item {
		text-align: center;
	}

	.avatar-group-item img {
		max-width: 100%;
		height: auto;
	}

	.innerTabCover {
		margin-top: 10px;
	}
	.blogBannerSection {
		padding: 20px;
	}
	.blogSectionBody {
		margin: 10px 0 !important;
		padding: 0 !important;
	}
}

/* HTML: <div class="loader"></div> */
.loader {
	width: 50px;
	aspect-ratio: 1;
	display: grid;
	border-radius: 50%;
	background: linear-gradient(
				0deg,
				rgb(0 0 0/50%) 30%,
				#0000 0 70%,
				rgb(0 0 0/100%) 0
			)
			50%/8% 100%,
		linear-gradient(
				90deg,
				rgb(0 0 0/25%) 30%,
				#0000 0 70%,
				rgb(0 0 0/75%) 0
			)
			50%/100% 8%;
	background-repeat: no-repeat;
	animation: l23 1s infinite steps(12);
}
.loader::before,
.loader::after {
	content: "";
	grid-area: 1/1;
	border-radius: 50%;
	background: inherit;
	opacity: 0.915;
	transform: rotate(30deg);
}
.loader::after {
	opacity: 0.83;
	transform: rotate(60deg);
}
@keyframes l23 {
	100% {
		transform: rotate(1turn);
	}
}
.hideOnDesktop {
	display: none;
}
.hideOnMobile {
	display: block;
}

@media (max-width: 768px) {
	.hideOnDesktop {
		display: block;
	}
	.hideOnMobile {
		display: none;
	}
}