*{
  padding: 0;
  margin: 0;

}
body{
  position: relative;
  box-sizing:border-box;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  background: #FFFFFF;

}

.section-one {
  margin-right: auto;
  margin-left: auto;
   display: flex;
  /* justify-content: space-between; */
  /* flex-direction: column;  */
padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-left: 144px;
  padding-right: 144px;
  width: 1312px;
height: 100%;
background-color:aqua;
background: #E7E7E7;

}
.section-one:first-child{
  padding-right: 12px;
}
.left-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 570px;
  height: 620px;
  background-image: url(/img/Rectangle\ 6.png);
  border-radius:20px;
  margin-right: 12px;
}


.container{
  margin-left: auto;
  margin-right: auto;
width: 389px;
}
.span{
  margin-top: 55px;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 178px;
  height: 27px;


opacity: 0.6;
  color:white;
  margin-bottom: 60px;
  border: 1px solid #fff;
  border-radius:41px;
}
.left-part-heading{
  font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 46px;
/* or 128% */
/* width: 370px; */
height: 138px;
margin-bottom: 20px;

color: #FFFFFF;

  color:white;
}
.left-part-info{

  width:347px;
  height: 52px;
left: 14.17%;
right: 61.74%;


font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* or 162% */


color: #FFFFFF;
color: #fff;
}
.left-part-bottom{
  width: 570px;
  height: 80px;
  display: block;
color: white;
display: flex;
  justify-content: center;
  align-items: center;


background-color: red;
border-radius: 0px 0px 20px 20px;

z-index: 1000;
}
.left-bottom{
  background-image: url(/img/Rectangle\ 5.png);
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.right-part {
  background-color: #fff;
  background-image: none;
}
.left-part {
}
.right-part-wrapper {
}
.container {
}
.second-section-heading {
  font-family: Inter;
font-size: 32px;
font-weight: 600;
line-height: 42px;
letter-spacing: 0px;
text-align: left;
margin-top: 55px;
}
.form-right {
}
.form-wrapper{
  display: flex;
  flex-direction: column;
  width: 450px;
  margin-top: 44px;
}

.form-right {

}
.first-name{
  margin-top: 0;
}
.bottom-part {
  /* display: flex;
  justify-content: center;
  align-items: center; */
}
.button-info {
}
.input{
  margin-top: 35px;

  width: 450px;
  font-size: 20px;
  font-weight: 700;

}
input{
  font-style: bold;
  border:0;
  border-bottom: 1px solid rgba(85,85,85,1);

}
input:hoe{
  border-bottom:1px solid red;
}
.button-info{
  display: block;
  font-family: Inter;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 8px;
  display: flex;
  margin-bottom: 40px;
  /* width: 152px; */
height: 19px;







}
.button-bottom{
  font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;

color: #FFFFFF;
}
.button-info a{
  color: red;
  /* margin-top: 8px; */
}
.button-info-link{
  display: block;
  color:red;
  /* margin-top: 8px; */
  display: block;
  font-family: Inter;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 2px;
  /* text-decoration: none; */
  color:red;
}
button{
  display: block;
}
.button-bottom{
  display: flex;
flex-direction: row;
justify-content: center;
margin-top: 63px;
align-items: center;
padding: 20px 149px;
gap: 10px;

/* position: absolute; */
width: 450px;
height: 59px;

background: #655AF2;
border-radius: 10px;
border:transparent;
}
.the-last-part{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* responsive parts  */

@media (max-width:400px){
  body{
    background-color: green;
  }
  .section-one{
    display: block;

  }
  .left-part{
    width: 385px;
  }
  .input{
    width: 295px;
  }
 form{
  padding-left: 25px;
  padding-right: 25px;


 }
 h2{
  padding-left: 25px;
  padding-right: 25px;
 }
 .left-part-heading{
  padding-left: 25px;
  padding-right: 25px;
 }
 .span{
  padding-left: 25px;
  padding-right: 25px;
 }
 .left-part-info{
  padding-left: 25px;
  padding-right: 25px;
 }
.button-buttom{
  display: block;
  width: 295px;
  font-size: 11px;
}
}