.hs-error-msgs{
	color:red;
	font-size:0.9rem;
}

.demo-request fieldset.form-columns-2 .hs-country, .demo-request fieldset.form-columns-2 .hs_us_state__c {
	width:100% !important;
}

  .hs-richtext.hs-main-font-element,.hs_privacy_policy,.hs_by_signing1{
    display:none;
  }
.hs_error_rollup{
	color:red;
}
.demo-request{
	position:relative;
	overflow:hidden;
	background-color:#fff;
}

.demo-request-wrapper{
		max-width:99.063rem;
	margin:0 auto;
	padding: 4.6875rem 2.5rem;
}

.demo-request-copy{
	font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
	color:#37464F!important;
	margin-bottom:5.875rem;
}
.demo-request-copy ul{
	list-style:square;
	padding-left:1.25rem;
}
.demo-request-benefits-copy,.demo-request-benefits-copy ul, .demo-request-benefits-copy p{
	font-size:1.125rem;
	color:#000;
	line-height:150%;
}
.demo-request-benefits-copy p{
	margin-bottom:1.5rem;
}
.demo-request-benefits-copy ul {
	list-style-type:none;
}
.demo-request-benefits-copy ul li{
	position:relative;
	padding-left:2.875rem;
	margin-bottom:1.438rem;
}
.demo-request-benefits-copy li::before{
	content:'';
	position:absolute;
	width:0.856rem;
	height:0.856rem;
	background-color:#004f5f;
	left:1rem;
	top:50%;
	transform:translateY(-50%);
}
.demo-request-form{
	position:relative;
	background-color:#fff;
	padding:3.375rem;
	border-radius:0.625rem;
	height:fit-content;
	min-height:56.25rem;
}
.demo-request-image::after{
    height: min-content;
    position: absolute;
    right: -6.25rem;
    top: -6.25rem;
    width: min-content;
    scale: 0.8;

}
.demo-request form fieldset, .demo-request form>div{
	max-width:unset !important;
}
fieldset>div, .hs-dependent-field > div{
	margin-bottom:1.563rem;
}
.form-columns-0 h2{
	font-size:3.125rem;
	line-height:3.375rem;
}
.form-columns-0 p{
  display:none;
}
.form-columns-1>div[style="display: none;"]{
	height:0px !important;
	margin-bottom:0 !important;
}
.demo-request form ul{
	list-style:none;
	padding-top:0.625rem;
}
.demo-request form input:not([type="checkbox"]),.demo-request form textarea, .demo-request form select{
	background-color:#fff;
	border:1px solid #37464F;
	width:100% !important;
	box-shadow: 0px 0px 0.188rem 0px rgba(55, 70, 79, 0.10);
	padding:1rem 3.75rem 1rem 0.75rem;
	border-radius:0.625rem;
	transition: all 0.3s;
	-webkit-appearance:none;
}

.demo-request-form select {
	color: rgba(55, 70, 79, 0.80) ;

}
.demo-request form textarea{
	min-height:7.5rem;
}
.hs_your_message label, form label[placeholder]{
	display:none;
}
.hs-form-booleancheckbox label{
	display:flex;
	align-items:center;
	gap:0.625rem;
	color:#37464F;
}
.hs_email_consent{
	margin-bottom:0.938rem;
}
.hs-form-booleancheckbox label input{
	min-width:1.25rem !important;
	min-height:1.25rem !important;
}
[type="checkbox"]:checked{
	background-color:#004f5f !important;
}
.demo-request form input[type="checkbox"]{
  -webkit-appearance:checkbox;
}
.demo-request form input::placeholder, .demo-request form textarea::placeholder, .demo-request form select::placeholder, .demo-request select{
	color:rgba(55, 70, 79, 0.80); !important;
}
.demo-request form input[type="submit"]{
	width:fit-content !important;
	border:unset;
  text-align:center;
	padding:1rem 3.5rem 1rem 2rem;
  color:#fff;
	font-size:1.125rem;
	font-weight:bold;
	text-transform:uppercase;
	text-transform:unset !important;
	background:transparent;
	color:#fff !important;
}
.hs-form .hs-form-booleancheckbox-display a{
	color:#004f5f !important;
}
.actions{
	max-width:fit-content;
	position:relative;
	z-index:1;
	overflow:hidden;
	background:linear-gradient(90deg, #009BB9 0%, #004F5F 47%);
	border-radius:0.625rem;
}
.hs_submit{
	margin:1.5rem 0 !important;	
}
.actions::after{
	content:url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/Home-hero/arrow-right-bold.svg);
	position:absolute;
	right:1.375rem;
	top:52%;
	transform:translateY(-50%);
	scale:0.9;
	filter:brightness(10);
	z-index:1;
}
.demo-request-form .disclaimer-first:first-child{
	margin-bottom:1.5rem;
}
.disclaimer-first, .disclaimer-second{
	color:#37464F;
}
.disclaimer-first a,.disclaimer-second a{
	color:#004f5f;
	font-weight:bold;
	text-decoration:underline !important;
}
.actions::before {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, #004F5F 0%, #009BB9 47%);
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	z-index: -1;
	transition: all 0.2s;
	border-radius: 0.625rem;
}

.actions:hover::before {
	right: 0;
}
.demo-request form .input{
	margin-right:unset !important;
}
.form-columns-2{
	display:flex;
	gap:2.188rem;
	margin-right:2.188rem;
}
.demo-request-pre-title{
	font-size: 1.5rem;
font-style: normal;
font-weight: 800;
line-height: 2.25rem; /* 150% */
	color:#004f5f;
}
 .demo-request-title{
  font-size: 5rem;
font-style: normal;
font-weight: 800;
line-height: 117%;
	 color:#004f5f;
	 max-width:50rem;
	 margin-bottom:2.125rem;

}
.demo-request-title-main{
	font-size:1.5rem;
	margin-bottom:1.875rem;
}
.demo-request h2{

	max-width: 62.5rem;
	text-align: center;
	margin: 0 auto 1.875rem;
}
.demo-request-wrapper{
	display:flex;
	gap:5.875rem;
	justify-content:space-between;
}

.demo-request-content{
	flex: 0 1 50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.demo-request-form{
	flex: 0 1 43%;
	box-shadow: 0px 0px 1.25rem 0px rgba(55, 70, 79, 0.30);
}
.demo-request-form.form-focus{
	border: 1px solid #37464F;
	background:#FBFEFF;
	box-shadow: 0px 0px 0.625rem 0px rgba(55, 70, 79, 0.50);
}
.demo-request-form.form-focus form input:not([type="checkbox"]):not([type="submit"]),.demo-request-form.form-focus form textarea, .demo-request-form.form-focus form select{
	border-radius: 0.625rem;
	border: 1px solid #004F5F;
	box-shadow: 0px 0px 0.188rem 0px rgba(55, 70, 79, 0.10);
	color:#004f5f !important;
}
.demo-request-form.form-focus form input::placeholder, .demo-request-form.form-focus form textarea::placeholder, .demo-request-form.form-focus form select::placeholder, .demo-request-form.form-focus select{
	color:#004f5f;
}

.demo-request-form input,.demo-request-form select,.demo-request-form textarea{
color: rgba(55, 70, 79, 0.80) !important;
}
.demo-request-form .hs-fieldtype-select{
	position:relative;
}
.demo-request-form .hs-fieldtype-select::before{
	content:"";
	background-color:#fff;
	position:absolute;
	    width: 1.25rem;
    height: 2.5rem;
    top: 0.625rem;
    right: 0.188rem;
}
.demo-request-form .hs-fieldtype-select::after{
	content:url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up.svg);
	position:absolute;
	top:1.563rem;
	right:1.25rem;
	transform:translateY(-50%) rotate(180deg);
}

.demo-request-quote{
	display:flex;
	flex-direction:column;
	padding:2.125rem 0;
	border-top:1px solid #004f5f;
	border-bottom:1px solid #004f5f;
	gap:1.5rem;
}
.demo-request-quote-top,.demo-request-quote-bottom{
	display:flex;
	column-gap:1.563rem;
	align-items:center;
}
.demo-request-quote-top img{
	width:100%;
	height:100%;
	max-width:4.5rem;
	object-fit:contain;
}
.demo-request-quote-top p,.demo-request-quote-bottom p{
	font-size:1rem;
	line-height:1.25rem;
}
.demo-request-quote-bottom img{
	width:100%;
	height:100%;
	object-fit:cover;
  max-width:4.5rem;
	border-radius:50%;
}


@media(max-width:64rem){
	.demo-request-wrapper{
		flex-wrap:wrap;
		gap:3.125rem;
		padding:3.375rem 2.813rem;
	}
	.demo-request::before{
		top: 0;
    left: 0;
	}
	.demo-request-title{
		font-size:3.5rem;
		margin-bottom:0;
	}
	
	.demo-request-content{
		flex: 0 1 100%;
		gap:1rem;
	}
	.demo-request-form{
		flex: 0 1 100%;
		min-height:unset;
		
	}
	.demo-request-copy{
		margin-bottom:0.313rem;
	}

}
@media(min-width:600px){
	.demo-request fieldset.form-columns-2>div{
	width:50% !important;
}
}
@media(max-width:48rem){
	.demo-request-form{
	border: 1px solid #37464F;
	background:#FBFEFF;
	box-shadow: 0px 0px 0.625rem 0px rgba(55, 70, 79, 0.50);
}
.demo-request-form form input:not([type="checkbox"]):not([type="submit"]),.demo-request-form form textarea, .demo-request form select{
	border-radius: 0.625rem;
	border: 1px solid #004F5F;
	box-shadow: 0px 0px 0.188rem 0px rgba(55, 70, 79, 0.10);
	color:#004f5f !important;
}
.demo-request-form form input::placeholder, .demo-request-form form textarea::placeholder, .demo-request-form form select::placeholder, .demo-request-form select{
	color:#004f5f;
}

}
@media(max-width:37.5rem){
	.demo-request-title{
		font-size:2.813rem;
	}
	.demo-request-wrapper{
		gap:1.25rem;
	}
	.input .inputs-list li.hs-form-booleancheckbox input{
		margin-right:0.625rem;
	}
	.demo-request-wrapper{
		padding:3.375rem 1.375rem;
	}
	.demo-request-form{
		padding:1.625rem 1.5rem;
	}
	.demo-request::before{
		display:none;
	}
	.demo-request-content{
		padding:0;
	}
	.form-columns-2{
		display:flex;
		flex-direction:column;
		gap:0;
	}
	.form-columns-2>div{
		width:100% !important;
	}
	.demo-request-form .hs-fieldtype-select::after{
		right:0.625rem;
	}
	.demo-request form input:not([type="checkbox"]):not([type="submit"]), .demo-request form textarea, .demo-request form select{
		padding-right:1.875rem;
	}
	.demo-request-benefits-copy li::before{
		left:0;
	}
	.demo-request-benefits-copy ul li{
		padding-left:1.875rem;
	}
}