/*.wpcf7 {
 
background-color: #F0F0F0;
 
border: 5px solid #666666;
 
}
span.wpcf7-list-item { display: table-row; }
span.wpcf7-list-item * { display: table-cell; }
.wp
{
/*color:#0a96c8;
font-weight: bold;
}
/*.wpcf7-list-item {
	font-weight: bold;
  display:block;
  
}

.wpcf7-form {
 
margin-left: 25px;
 
margin-right: 25px;
 
margin-top: 25px;
}
.wpcf7-form input[type="submit"] {
width:150px;
text-align:center;
background-color: #0a96c8;
height:50px;
}*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400,500,600,700,800;900&family=Open+Sans:wght@500;600;700&display=swap');

.product-feature {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.product-feature a {
  font-size: 16px !important;
  font-family: 'Inter',sans-serif !important;
  color: #407BFF !important;
  font-weight: 500 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.product-feature a:hover {
  text-decoration: none;
  color: #263238 !important
}

.product-feature2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.product-feature2 a {
  font-size: 16px !important;
  font-family: 'Inter',sans-serif !important;
  color: #407BFF !important;
  font-weight: 500 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.product-feature2 a:hover {
  text-decoration: none;
  color: #407BFF !important;
  cursor: default;
}




.custom-solid-btn * {
	font-family: 'Inter',sans-serif !important;
	font-weight: 500 !important
}

.custom-solid-btn a:hover {
	color: #fff !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 500 !important
}

.novohla-application {
	padding: 16px 30px !important;
	border: 2px solid #505050;
	border-radius: 50px;
	font-size: 18px !important;
	color: #505050 !Important;
	margin-left: 8px;
	margin-right: 8px;
margin-bottom: 16px;
}

.background-cover .vc_column-inner {
	background-size: cover !important
}

.disable-rightclick img{
	pointer-events: none;
}

.licensee-logo {
	text-align: center !important;
}

.licensee-logo ul {
	justify-content: center;
   	 align-items: center;
	display: flex !important;
	position: unset !important;
	flex-wrap: wrap;
}

.licensee-logo li {
	position: unset !important;
}

.licensee-logo img{
	height: 70px !important;
	width: auto !important;
	margin-bottom: 20px !important;
}

.investor-page {
font-family: 'Open Sans', sans-serif !important;
font-size: 18px;
}

.investor-page h1 {
font-family: 'Inter', sans-serif !important;
}

#white_content .downloadlist {
	padding-left:20px;
}
#white_content table {
	border:1px solid #000000;
}
#white_content th {
	background:#000000;
}
#white_content th div {
	color:#ffffff;
}
#white_content tr {
	border:1px solid #000000;
}
#white_content td {
	border:1px solid #000000 !important;
}
.button {
	padding:3px 10px;
	font-size:10px;
}

.features {
	margin-left: 46px;
	margin-top: -25px;
}

.center-element {
	margin: auto !important;
	width: 70% !important;
}

.center-element2{
	width: 80% !important;
	margin: auto !important;
}

.center-element3{
	width: 75% !important;
	margin: auto !important;
}

.center-element4{
	width: 75% !important;
	margin: auto;
}

.center-element5{
	width: 95% !important;
	margin: auto !important;
}

.center-element7{
	width: 90% !important;
	margin: auto !important;
}



.features-row {
	margin-left: 48px;
	margin-top: -25px;
}

.product-button {
	width: 90%;
	
}

html {
  scroll-behavior: smooth !important;
}

.img-icon{
	width: 40% !important;
	margin: auto !important;
	margin-bottom: 15px !important;
}

.img-icon2{
	width: 50% !important;
	margin-bottom: 25px !important;
}


.feature-box{
	background-color: #fff;
	padding: 30px 10px !important;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	margin: 15px;
}

.feature-box2{
	padding: 30px 10px !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	margin: 10px;
	border-radius: 5px;
}

.future {
	background-color: #F4D03F;
	font-size: 11px !important;
	padding: 3px 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 10px !important;
	margin: auto !important;
}

.new {
	background-color:  #75d69c;
	font-size: 9px !important;
	padding: 3px 5px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px !important;
}

.list-pipes li{
	text-align: center !important;
}

.grid-left-35, .grid-left-65, .grid-right-35, .grid-right-65 {
	padding:10px !important;
	margin: 20px 0;
}

.grid-30 {
	padding: 45px 20px;
	margin: 10px 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	text-align: center !important;
	
}

.cq-expandgrid-subtitle {
	background-color: #75d69c;
	padding: 5px;
	width: 30px !important;
	margin: auto !important;
	border-radius: 17px;
	margin-top: 5px !important;
	font-style: normal !important;
	color: #fff;
	font-weight: bold;
}

.key-title {
	font-family: 'Inter', sans-serif !important;
	font-weight: 500;
	padding: 5px 10px;
	background-color: #E1EDFF;
	color: #407BFF;
	border-radius: 24px;
}

.novoalign-application-section {
	background-size: cover !important
}

.button-zero-padding button {
	padding: 0px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important
}

.button-zero-padding button *{
	font-family: 'Inter' sans-serif !important;
}

.button-zero-padding button:hover {
	background-color: transparent !important
}

.button-zero-padding .typcn-arrow-right:before {
	color: #0A96C8 !important;
	font-size: 1.5em !important
}

.button-zero-padding .typcn-arrow-right {
	right: 0 !important
}

.custom-cta {
  background-size: cover;
  background-position: center;
}

.blogarchive .the_title a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  line-height: 28px;
}

.blogarchive p,
.blogarchive ul li, 
.blogarchive a {
 	font-family: 'Inter', sans-serif !important;
}

.post_type.year {
  text-align: center;
  color: #0a96c8 !important;
  width: 45px !important;
  padding-top: 8px;
}

@media only screen and (min-width: 800px) {
	.feature-box{
		width: 22%;
	}

	.feature-box2{
		width: 22%;
	}

	.center-element6{
		width: 60% !important;
		margin: auto !important;
	}

	.grid-left-35{
		width: 35%;
		float: left;
		padding-top: 40px !important;
	}
	
	.grid-left-65{
		width: 65%;
		float: left;
	}


	.grid-right-65{
		width: 65%;
		float: right;
	}

	.grid-right-35{
		width: 35%;
		float: right;
		padding-top: 40px !important;
	}

	.grid-30 {
		width: 30%;
		float: left;
		padding-top: 20px !important;

	}


}