.hero-section {
	position: relative;
	overflow: hidden;
}
.video-footer, .video-heading{
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #445763;
	text-align: center;
	margin: 15px;
	z-index: 1;
	position: relative;
}
.hero-section fieldset {
	max-width: 100% !important;
}
.hero-section .content-wrapper {
	display: flex;
}
.hero-section .text-wrapper {
	max-width: 1320px;
	padding: 65px 20px!important;
	margin: 0 auto;
}

.hero-section .content-wrapper .column.text {
	width: 100%;
	position: relative;
}

.hero-section .content-wrapper .column.form {
	width: 715px;
	flex-shrink: 0;
}

.hero-section .text-wrapper {
	position: relative;
	z-index: 1;
	padding: 65px 20px 70px clamp(44px, -2.7284rem + 8.8362vw, 126px);
}

.hero-section .text-wrapper .logo-wrapper {
	max-width: fit-content;
	margin-bottom: 30px;
}
.hero-section .text-wrapper .logo-wrapper a {
	display:block;
}
.hero-section .text-wrapper .heading-content h1 {
	/*max-width: 550px;*/
	font-weight: bold;
	font: normal normal bold 44px/48px Ubuntu;
	margin: 0 0 10px;
}

.hero-section .text-wrapper .desc {
	position: relative;
	margin: 0 0 30px;

}

/* .hero-section .text-wrapper .desc::before {
content: '';
position: absolute;
left: 0;
top: -21px;
background-color: #000000;
width: 101px;
height: 1px;
} */

.hero-section .text-wrapper p {
	/* 	font-size:25px;
	line-height: 1.2;
	font-weight: 500;
	color: #000000;
	margin: 0; */
	color: #445763;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	margin:0;
}
.hero-section .text-wrapper .content {
	max-width: 755px;
	margin-bottom: 40px;
}
.hero-section .text-wrapper .content p,
.hero-section .text-wrapper .content ul li {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #445763;
}

.hero-section .text-wrapper .content p {
	line-height: 24px;
}

.hero-section .text-wrapper .content ul li {
	line-height: 28px;
	text-align: left;
	padding-right: 27px;
	position: relative;
}
.hero-section .text-wrapper .content ul {
	list-style-position: outside;
	padding-left: 1.2em;
	margin: 20px 0;
}
.hero-section .text-wrapper .content ul li::marker {
	color: #6CC24A;
}
.hero-section .text-wrapper .btn-wrapper.btn-primary-wrapper .cta-button {
	background-color: #0bace0;
	border: 0 solid;
	border-radius: 27px;
	color: #fff;
	font-family: Ubuntu, Arial, sans-serif !important;
	font-weight: 500;
	min-height: .65rem;
	padding: 12px 40px;
	line-height: 26.4px;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	transition: filter .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.hero-section .text-wrapper .btn-wrapper.btn-primary-wrapper .cta-button:hover {
	background-color: #76c047;
	border-color: #76c047;
	filter: brightness(110%);
	text-decoration: none;
}
.hero-section .logos-area {
	display: flex;
	flex-wrap: wrap;
	row-gap: 23px;
}

.hero-section .logos-area .logo-item:not(:last-child) {
	border-right: 1px solid #000000;
	padding-right: 23px;
	margin-right: 23px;
}
.hero-section .logos-area.no-border {
	align-items: center;
}
.hero-section .logos-area.no-border .logo-item {
	border: 0;
}
.hero-section .logos-area:not(.flexible) .logo-item img {
	display: block;
	max-height: clamp(25px, 0.2263rem + 2.1552vw, 45px);
	width: auto;
}
.hero-section .logos-area .logo-item:not(.flexible):only-child img {
	max-height: clamp(25px,.2263rem + 3.1552vw,55px);
}
.hero-section .logos-area.flexible .logo-item img { 
	max-width: 100%;
	height: auto;
	display: block;
}

.hero-section .form-wrapper {
	height: 100%;
	background-color: #000000;
	color: #fff;
	padding: 59px 44px;
	text-align: center;
}

.hero-section .form-wrapper .heading-area h2 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
	max-width: 388px;
	margin: 0 auto 30px;
}

.hero-section .form-wrapper .heading-area h2 span {
	display: block
}

.hero-section .form-wrapper .heading-area p,
.hero-section .form-wrapper .bottom-text p {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 auto 30px;
}

.hero-section .form-wrapper .bottom-text p {
	line-height: 1.2;
	margin: 0 auto;
}
.hero-section .form-wrapper .form-area {
	text-align: left;
}
.hero-section .form-wrapper .form-area .hs-form-field {
	margin-bottom: 20px;

}

.hero-section.form-straight .form-wrapper .form-area .hs-form-field {

	width: 100%;
}

.hero-section .form-wrapper .form-area .hs-error-msgs {
	display: block;
	list-style-type: none;
	padding: 0;
}
.hero-section .form-wrapper .form-area .hs-error-msgs *{
	font-size: 12px;
	line-height: 1.2;
	font-weight: 400;
	color: #da0101 !important;
}
.hero-section .form-wrapper .form-area .hs-form-field input,
.hero-section .form-wrapper .form-area .hs-form-field textarea,
.hero-section .form-wrapper .form-area .hs-form-field select {
	background-color: transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF; 
	width: 100% !important;
	display: block;
	font-size: 20px;
	box-shadow: none;
	line-height: 26px;
	font-family: "Ubuntu", Arial;
	font-weight: 400; 
	height: auto;
	min-height: unset;
	padding: 10.5px 16px; 
}
.hero-section .form-wrapper .form-area .input {
	margin-right: 10px !important;
}
.hero-section .form-wrapper .form-area .hs-form-field:last-child .input {
	margin-right: 0 !important;
}
.hero-section .form-wrapper .form-area .hs-form-field input::placeholder {
	color: #FFFFFF;
	opacity:1;
}
.hero-section .form-wrapper .form-area .hs_submit.hs-submit {
	margin: 10px auto 30px;
}
.hero-section .form-wrapper .form-area .hs-button {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;

	width: 100%;
	border: 1px solid #ba0c2f;
	border-radius: 0;
	padding: 9px;
	color: #F5F5F7;
	background-color: #ba0c2f;
	font-weight: 500;
	cursor:pointer;
	transition:.3s ease-in-out;
}
.hero-section .form-wrapper .form-area .hs-button:hover{
	background-color: #F5F5F7;
	color: #ba0c2f;
	border-color: #F5F5F7;
}
.hero-section .form-wrapper .submitted-message {
	padding: 10px;
	border: 1px solid #198754;
	text-align: center;
	margin: 10px auto 25px;
}
}

@media (max-width:1199px){
	.hero-section .text-wrapper{
		padding-top:35px;
		padding-bottom:35px;
	}
	.hero-section .text-wrapper h1 {
		font-size: 48px;
		margin: 0 0 35px;
	}
	.hero-section .text-wrapper .desc {
		margin: 0 0 35px;
	}
	.hero-section .form-wrapper {
		padding: 35px 44px;
	}
}
@media (max-width:991px){
	.hero-section .text-wrapper, .hero-section .form-wrapper{
		padding:30px;
	}
	.hero-section .text-wrapper h1 {
		font-size: 42px;
	}
	.hero-section .form-wrapper .heading-area h2 {
		font-size: 32px;
		margin: 0 auto 20px;
	}
	.hero-section .form-wrapper .heading-area p, .hero-section .form-wrapper .bottom-text p {
		font-size: 16px;
		margin: 0 auto 20px;
	}
	.hero-section .form-wrapper .bottom-text p {
		margin: 0 auto;
	}
	.hero-section .form-wrapper .form-area .hs-form-field input {
		font-size: 16px;
	}
}
@media (max-width: 1199px) {

	.hero-section .content-wrapper .column.form {
		width: 515px;
	}
	.hero-section .logos-area  {
		max-width: 100% !important;
	}
}
@media (max-width:767px){
	.hero-section .content-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.hero-section .content-wrapper .column.form, .hero-section .content-wrapper .column.text {
		width: 100%;
	}
	.hero-section .text-wrapper, .hero-section .form-wrapper {
		padding: 25px 20px;
	}
	.hero-section .text-wrapper h1 {
		font-size: 36px;
	}
	.hero-section .text-wrapper p {
		font-size:20px;
	}
	.hero-section .text-wrapper .logo-wrapper {
		margin-bottom: 50px;
	}
}
