/* cta and popup css */


.cta-group5 {
	display: flex;
	gap: 20px;
   padding-top:20px;
  justify-content:center;
}
.ctatry1:hover {
	color: black;
	background: white !important;
	border: 2px solid black !important;

}

.ctademo1:hover {
background: linear-gradient(46deg, #1A3F85 -20.18%, #258CCD 99.64%);
color: #FFF;
}

.ctatry1 {
display: flex;
padding: 12px var(--size-space-06, 24px);
border-radius: var(--size-border-radius-03, 8px);
background: linear-gradient(46deg, #1A3F85 -20.18%, #258CCD 99.64%);
color: #FFF;
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
letter-spacing: 0.418px;
align-items: center;
}

.ctademo1 {
	fill: #fff;
	background-color: #fff !important;
	border-radius: 8px;
	border: 2px solid black;
	
	display: inline-block;
	color: var(--content-main, #0C0C0C);
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
letter-spacing: 0.418px;
	margin: 0;
	padding: 10px 30px;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.m5img{
border-radius: 15.278px;
background: #F5F5F7;
box-shadow: 0px 1.273px 10.185px 0px rgba(0, 0, 0, 0.15);
 display: flex;
height: 273.729px;
padding: 0px 50.101px 0px 50.094px;
justify-content: center;
align-items: center;
   display: flex;
  width:20%!important;
  margin:20px!important;


}
.ctatry1:hover {
	color: black;
	background-color: white !important;
	border: 2px solid black !important;

}

.ctademo2:hover {
	background-color: #2c72db !important;

	color: white;
}

.m5-logo{
width:250px!important;
  height:auto;
}
.platform-topSection p{
color: #000 !important;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 31.634px;
    font-style: normal;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    font-weight: 400;
    width: 90%;
    line-height: 150%;
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 990px) {
  
  .ctatry1{
  font-size:18px;
  }
  .ctademo1{
  font-size:18px;
  }
   .cta-group5{
  display: flex;
    gap: 10px;
    padding-top: 10px;
    flex-direction: row;
    align-items: baseline;
    /* justify-content: center; */
    /* text-align: center; */
    }
  
  .sec6-row{
  column-count:2;}
  .m5img{
 padding: 0px 15.101px 0px 15.094px !important;
        width: 38% !important;
        height: 150px;}
  .modal-content{
  padding:0px!important;
  }
  .col-sm-6{
  width:100%!important;
  }
  .box7{
  margin-top:0px!important;
    padding-top:0px!important;
  }
  .box7{
  margin-bottom:0px!important;
    padding-bottom:0px!important;
  }
  .sectionTitle{
  font-size:30px!important;
    padding:10px;
  }
  .featured-rich-txt p{
  font-size:22.8px!important;
    color:#000;
  
  }
  .featured-subTitle img{
  width:31px!important;
    height:31px!important;
  
  }
	form fieldset.form-columns-2 .hs-form-field {
color:#8b8b8b;
		padding: 0px !important;
	}

	.modal-content {
		position: absolute !important;
		margin: 60px;
		padding: 0px;
	}

	.form-top-section h1 {
		color: rgb(0, 0, 0);
		font-family: Poppins;
		font-size: 40px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 48px !important;
		letter-spacing: 0.366px;
	}

	.form-top-section h2 {
		color: rgb(102, 102, 102);
		font-family: Poppins;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 24px !important;
		letter-spacing: 0.183px;
	}

	
#tell_us_a_bit_about_your_requirements-cafadbe0-3224-4841-b0c7-c480f9e39d34_6982 {
	color: black;

}

.legal-consent-container .hs-form-booleancheckbox-display>span {

	font-size: .875rem !important;
	margin: 0 0 1.4rem !important;
}



form  input[type=text],
form input[type=email],
form textarea {
	color: #8b8b8b !important;
}

form fieldset.form-columns-2 .hs-form-field {

	padding: 20px;
}

form label {
	rgb(116, 116, 120) !important;
}

form {
	max-width: 1270px;
}

.hs-richtext p{
	color: #8b8b8b;
  font-size:14px!important;
}

form .hs-form-field textarea::placeholder,
form .hs-form-field input::placeholder {

	color: #8B8B8B !important;
	font-size: 23px!important;
	font-family: inter;
}

.form-section {
	background-color: rgb(245, 245, 247);
	border-radius: 13.35px 13.35px 0px 0px;
	align-items: center;
	padding: 40px;

	justify-content: center;
	min-height: 400px;
	width: 100%;
}


.form-area {
	background: rgb(245, 245, 247);
	border-radius: 13.35px 13.35px 0px 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
  text-align:left;

}
}

.form-top-section {

	display: flex;
	justify-content: space-between;
	padding-bottom: 46px;
	flex-direction: column;
}

.form-top-section h2 {
	color: rgb(102, 102, 102);
	font-family: Poppins;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
  text-align:left;
	letter-spacing: 0.183px;
}

.form-top-section h1 {
	color: rgb(0, 0, 0);
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.366px;
	font-size: 63px;
  text-align:left;
	line-height: 65.52px;

}
}

#close {
	float: right;
	align-items: center;
	background: rgb(0, 0, 0) !important;
	border-radius: 50% !important;
	display: flex;
	height: 100% !important;
	justify-content: center;
	width: 32px !important;
	padding: 4px;

}

#close-second {
	float: right;
	align-items: center;
	background: rgb(0, 0, 0) !important;
	border-radius: 50% !important;
	display: flex;
	height: 100% !important;
	justify-content: center;
	width: 32px !important;
	padding: 4px;

}

h1 {
	color: #000 !important;
	color: rgb(0, 0, 0);
	font-family: Poppins;
	font-size: 63px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0.366px;

}

.center {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	margin: auto;
	padding: 60px 40px;
	border-radius: 8px;
	width: 1330px;
	background-color: white;
	margin-top: 25px;
	/* margin-bottom: 25px; */
	height: 100%;
	overflow-y: scroll;
}

.center-second {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	margin: auto;
	padding: 60px 40px;
	border-radius: 8px;
	width: 1330px;
	background-color: white;
	margin-top: 25px;
	/* margin-bottom: 25px; */
	height: 100%;
	overflow-y: scroll;
}

.hideform-second {
	display: none;
}

.hideform {
	display: none;
}

.modal-content {
	position: absolute !important;
	margin: 25px;
	padding: 50px;
}

.modal-dialog {
	max-width: 1331px;
	margin: 0 auto !important;
	display: flex;
	justify-content: center;
	bottom: 0;
	height: 100%;
	inset-inline-end: 0;
	top: 0px;
	transform: translate(0, 0%);
	inset-inline-start: 0;
	position: fixed;
	display: flex;

	/* margin: 0 auto; */

	/* top: 98%; */
	background-color: #0000001f;
	width: 100%;
	z-index: 1000;
}

.form-container-second {
	bottom: 0;
	height: 100%;
	inset-inline-end: 0;
	top: 0px;
	transform: translate(0, 0%);
	inset-inline-start: 0;
	position: fixed;
	display: flex;

	/* margin: 0 auto; */

	/* top: 98%; */
	background-color: #0000001f;
	width: 100%;
	z-index: 1000;
}


#show {
	z-index: 999999999999;
	position: relative;
}

#show-second {
	z-index: 999999999999;
	position: relative;
}

/*popup form css ends*/


/* cta and popup css ends*/

@media (max-width:990px){

  .sec6-group {
  display:block!important;
  }
  .image-section{
  width:100%!important;
  }

}
.sectionTitle{
  padding-top:48px;
padding-bottom:20px;
 font-family: Poppins;
font-size: 61px;
font-style: normal;
font-weight: 600;
line-height: 70px; /* 114.754% */
letter-spacing: -0.144px;
  text-align:center;
}
.box5 p{
font-family: Inter;
font-size: 22.8px;
font-style: normal;
font-weight: 400;
line-height: 130%; 
}


.box7 p{
font-family: Inter;
font-size: 22.8px;
font-style: normal;
font-weight: 400;
line-height: 130%; 
}

/*.box7 {
  display: block;
  align-items: center;
  justify-content: center;

  margin: 20px 0;
  padding: 40px;
  width: 100%;
  min-height: 200px;

  color: #fff;
}*/

.platform-logoContainer{
max-width:100%;
  margin:0 auto;
  display:block;

  margin-bottom:30px;
}

.platform-topSection{
background-color:white;
  padding-top:60px;

}
.sec6-row{

  max-width: 1235px;
    margin: 0 auto;
  justify-content:center;
}
    background: white;
}
.image-section{
    background: linear-gradient(45deg, #07C2FD 0%, #53DDF0 90.24%);
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  position:relative;
}
.sec6-group{
max-width:1270px;
  margin:0 auto;
  display:flex;
  padding-right:25px;
  padding-left:25px;
  padding-bottom:30px;

}