@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,300&display=swap');

*{

  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

section
{
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;

}

section .imgBx{
  position: relative;
  width: 50%;
  height: 100%;

}
section .imgBx:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(225deg,#755bea,#ff72c0); */
  z-index: 1;
  /* mix-blend-mode: screen; */
}

section .imgBx img{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


section .imgBx2{

position: relative;


}
section .imgBx2 img{
width: 180px;
height: 180px;



}

section .contentBx{

  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}

section .contentBx .formBx{

  width: 50%;
}

section .contentBx .formBx .imgBx2{

  margin-left: 130px;
}


section .contentBx .formBx h2{

  color: #607d8b;
  font-weight: 600;
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-bottom: 4px solid rgb(253, 145, 3);
  display: inline-block;
  letter-spacing: 1px;


}

section .contentBx .formBx .inputBx{

  margin-bottom: 20px;

}

section .contentBx .formBx .inputBx span
{
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
  color: #607d8b;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;


}

section .contentBx .formBx .inputBx input{

  width: 100%;
  padding: 10px 20px;
  outline: none;
  font-weight: 400;
  border: 1px solid #607d8b;
  font-size: 16px;
  letter-spacing: 1px;
  color:#607d8b ;
  background: transparent;
  border-radius: 30px;



}

section .contentBx .formBx .inputBx input[type="submit"]{

  background:  rgb(253, 145, 3);

  color: #fff;
  outline: none;
  border: none;
  font-weight: 500;
  cursor: pointer;



}

section .contentBx .formBx .inputBx input[type="submit"]:hover
{
  background: rgb(253, 145, 3);
}

@media (max-width:1460px){
  section .contentBx .formBx .imgBx2{

    margin-left: 90px;
  }

}

@media (max-width:1220px){
  section .contentBx .formBx .imgBx2{

    margin-left: 40px;
  }

}

@media (max-width:768px){


  section .contentBx .formBx .imgBx2{

    margin-left: 180px;
  }
section .imgBx{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section .contentBx{

  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}

section .contentBx .formBx{

  width: 100%;
  padding: 40px;
  background: rgb(255 255 255 / 0.9);
  margin: 50px;
}

}

@media (max-width:610px){
  section .contentBx .formBx .imgBx2{

    margin-left: 60px;
  }

}