@font-face {
  font-family: SF Pro Display;
  src: url(https://19679174.fs1.hubspotusercontent-na1.net/hubfs/19679174/SF%20Pro%20Display.ttf) format("truetype"); 
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.close-button2 {
   color: #fff;
    float: right;
    font-size: 36px;
    /* padding-left: 10px; */
    text-align: center;
    font-weight: initial;
    padding-top: 5px;
    align-items: center;
    background: rgb(0, 0, 0);
    border-radius: 50px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;

}

.close-button2:hover,
.close-button2:focus {
  color: white;
 
  text-decoration: none;
  cursor: pointer;
}

.close-button {
   color: #fff;
    float: right;
    font-size: 36px;
    /* padding-left: 10px; */
    text-align: center;
    font-weight: initial;
    padding-top: 0px;
    align-items: center;
    background: rgb(0, 0, 0);
    border-radius: 50px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;

}

.close-button:hover,
.close-button:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/*form css*/
.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, form select {
	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 {
	color: #8b8b8b;
}

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

	color: #8B8B8B !important;
	font-size: 23px;
	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;

}


.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;
	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;
	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;

}


.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;
}






/*popup form css ends*/

.cta-group {
	display: flex;
	gap: 20px;
  align-items:center;
   padding-top:20px;
}

.ctatry:hover {
	color: black;
	background: white !important;
	border: 2px solid black !important;

}

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

.ctatry {
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;
}

.ctademo {
	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;
}

/*form css ends*/
.demo-form-footer{
display:flex;
  justify-content:center;
  gap:24px;
  align-items:center;
}
.form-footer-text a{
color:#2c72db;
}
.form-footer-text{
color: #0009;
width:95%;
font-family: "SF Pro Display";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px; /* 142.857% */
letter-spacing: -0.224px;
}
.carousel-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.carousel-list {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-item {
  min-width: 15%;
  text-align: center;
  background-color: transparent;
  padding: 20px;

  box-sizing: border-box;
  margin: auto;
  display:block;
}
.carousel-dots {
    text-align: center;
    padding: 40px 0;
  cursor: pointer;
}

.dot {
    height: 8px;
    width: 8px;
    background-color: rgb(157, 157, 157);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.activeDot {
    background-color: rgb(82, 187, 232);
}
.hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d .hs-form-field{

margin-bottom:24px;

}
.hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d .hs-button{
border-radius: 7.2px!important;
background: linear-gradient(46deg, #1A3F85 -20.18%, #258CCD 99.64%);
  padding: 10.8px 21.6px;
  margin:0 auto;
}
.hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d .hs-submit{
text-align:center;
}

  .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d input[type=text],
 .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d  input[type=email],  .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d  textarea, .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d  select {
	color: #8b8b8b !important;
  font-size:16px!important;
  border-radius: 4px;
   padding:8px 16px;

border: 1px solid rgba(0, 0, 0, 0.20);
}
 .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d .hs-form-field input::placeholder,  .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d textarea::placeholder,  .hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d .hs-fieldtype-textarea .hs-input::placeholder {
  color: #8b8b8b !important;
  font-size:16px!important;
}


.hs-form-3ef09e19-bde5-458a-8dd1-1fca72ae609d label {
color: #000;

font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 135%;
}



@media only screen and (min-width:1199px)
{
  .lhsList{
  padding-left:0px!important;
  }
.lhsList li {
padding-bottom:16px!important;
    color: #000000b3;

font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 120% */
letter-spacing: -0.224px;
list-style: none;
    background: url(https://19679174.fs1.hubspotusercontent-na1.net/hubfs/19679174/tick%20icon.svg) no-repeat top left!important;
    padding: 0px 0px 0px 30px;
    margin: 0;

}


  .lhsContent-platform{
      display: flex;
    flex-direction: column;
    gap: 16px;
    width:80%;
  
  }
  
  .lhsSolid {
  height:1px;
    width:100%;
  opacity: 0.48;
background: #C4C4C4;
  }
  
  
  .rhsContent-platform{
         display: flex;
        /* width: unset; */
        flex-direction: column;
        align-items: center;
        gap: var(--size-space-06, 24px);
        border-radius: var(--size-border-radius-03, 8px);
        background: #FFF;
      
        flex-shrink: 0;
        /* position: absolute; */
        right: 0;
        /* flex-wrap: wrap; */
        /* height: 100%; */
        float: right;
       /* margin-left: 60%;
        /* left: 0; */
        /* min-width: 1100px; */
        /* opacity: 1; */
      /*  position: absolute;*/
        top: 22%; 
  }
  
  .container-demo {
  background-color:white;
  padding:5px 85px;
  
  }
  
  .row-demo  {
  gap:64px;
    max-width:1330px;
  display:flex;
    height:540px;
    align-items:center;
    margin:0 auto;
    padding-top: 0px !important;
      padding: 25px;
  }
  .rhs-internal-platform {
 width:100%;
 
   

  }
  .lhsText {
 
  border-bottom:1px solid #c4c4c491;

  }
  lhsText ul{
  margin-bottom:32px!important;
  }
  .lhsText li{
  
    color: #0009;

font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 120% */
letter-spacing: -0.224px;
    
  }
  .platformheading1{
  color: #000;

font-family: Poppins;
font-size: 52px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 83.2px */
letter-spacing: -0.224px;
  
  }
  .platformheading2{
  
  color: rgba(0,0,0,0.6);

font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 48px */
letter-spacing: -0.224px;
  }
  .platformsubtitle{
  color: #000;

font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 120% */
letter-spacing: -0.224px;
  
  }
}



@media only screen and (max-width:1199px){
  
  .ctademo{
  font-size:16px;
    padding:10px 25px;
  }
.row-demo  {
 display: flex;
        flex-direction: column-reverse;
        gap: 64px;
        margin: 0 auto;
        max-width: 1330px;
        padding: 40px 20px;
        padding-top: 20px !important;
  }
}
@media  (min-width:601px) and (max-width:1198px){
.row-demo  {
 display: flex;
       align-items:center;
        gap: 64px;
        margin: 0 auto;
        max-width: 1330px;
        padding: 40px;
        padding-top: 20px !important;
  }
}

@media only screen and (max-width:1199px){
.platformheading1{
  color: #000;

font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 83.2px */
letter-spacing: -0.224px;
  
  }
  .platformheading2{
  
  color: rgba(0,0,0,0.6);

font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 48px */
letter-spacing: -0.224px;
  }
  .platformsubtitle{
  color: #000;

font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 120% */
letter-spacing: -0.224px;
  
  }

  .lhsContent-platform{
   display: flex;
        flex-direction: column;
        gap: 16px;

        align-items: baseline;
  
   
  }
  .cta-group{
  display: flex;
    gap: 10px;
    padding-top: 10px;
    flex-direction: row;
    align-items: baseline;
    /* justify-content: center; */
    /* text-align: center; */
    }
  
  .lhsSolid {
  height:1px;
    width:100%;
  opacity: 0.48;
background: #C4C4C4;
  }
  
  
  .rhsContent-platform{
         align-items: center;
        background: #fff;
        border-radius: var(--size-border-radius-03, 8px);
       
    
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        gap: var(--size-space-06, 24px);
       
        width: 100%;
  
  }
  
  .container-demo {
  background-color:white;
  
  }
  
  
  .lhsText {
 
  border-bottom:1px solid #c4c4c491;

  }
  .lhsText ul{
  margin-bottom:42px!important;
  }
  .lhsText li{
  
    color: #000;

font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 120% */
letter-spacing: -0.224px;
    
  }
  
  .main-heading{
    
  margin:0 auto;
    text-align:center;
    padding:20px 0px;
    
  }
  
  .main-heading p{
  
  color: rgba(0, 0, 0, 0.40);
text-align: center;
font-family: "SF Pro Display";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 20px */
letter-spacing: -0.224px;
text-transform: uppercase;
margin-bottom:0px!important;
    
  }


  .main-heading h1{
  text-align: center;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 62.4px */
letter-spacing: -0.224px;
  background: var(--Black-grad, linear-gradient(180deg, #000 0%, #666 116.25%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
        padding: 10px 0px;
    margin-bottom: 0px !important;
  }

  .lhsContent-platform-heading{
  font-family: Poppins;
font-size: 27px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 43.2px */
letter-spacing: -0.224px;
  background: linear-gradient(167deg, #000 -15.61%, #666 132.05%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  text-align:center;
  }
  
  
  .lhscarouselHeading{
  
  font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 24px */
letter-spacing: -0.224px;
background: var(--Black-grad, linear-gradient(180deg, #000 0%, #666 116.25%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    text-align:center;
  
  }
  
  .lhsimageSection{
 display: flex;
        flex-direction: column;
    align-items:center;
  }
  .rhs-main{
  display:flex;
    justify-content:center;
  }
  .lhsimageSection img{
  width:250px;
  }
   .carousel-item {
    min-width: 50%;
    padding: 0px;
    box-sizing: border-box;
  }
  .demo-form-footer{
display:flex;
  justify-content:center;
    flex-direction:column;
  gap:24px;
    align-items:center;
}
  .form-footer-text{
  width:100%!important;
  }
   .rhs-internal-platform {
 width:100%;

  

  }
  .carousel-container{
  width:100%;
  
  }
}