.modal_popup{
  height:500px;
  width: 100%;
  margin-top: 10vh;
  background-color: white;
  opacity: 0.9;
  z-index:100;
  border-radius: 6px;
  display: block;
}
@keyframes openAni{
  0%{
     margin-top: 90%;
  }
  25%{
      margin-top: 70%;
  }
  50%{
      margin-top: 50%; 
  }
  75%{
      margin-top: 20%; 
  }
  100%{
      margin-top: 0%; 
  }
}
.modal_popup_inside{
  height:100%;
  width: 90%;
  margin-left: 5%;
  animation: openAni 0.4s ease-in;
}
.modal_pop{
  background-image: url("https://cloudoc.kz/images/claim-bg-min");
  background-size: cover;
  background-position: bottom;
  height: 100vh;
  width: 100%;
  opacity: 0.9;
  overflow: hidden;
}
.row, col,.col-2, .col-10,.col-sm-2, .col-md-3 ,.col-lg-4 ,.col-lg-4,.col-md-8 {
  padding-left:0;padding-right:0
}
.container{
  width:100%;
  max-width:none;
  padding:0;
  text-align: center;
}
.con{
  margin-top: 5vh;
  color:#1d0324;
  font-size: 24px;
  font-family: 'Playfair Display', serif;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.purple{
  font-family: 'Playfair Display', serif;
  color:red;
  font-size: 24px;
}
.close{
 border: none;
 height: 100%;
 width: 100%;
 margin-top: 5px;
 margin-left: 10px;
}
.close:focus{
  outline: none;
  border: none;
}
.formPopup{
  width: 90%;
  margin-left: 5%;
}
.formPopup input[type=text]{
  width: 100%;
  height:30px;
  border:1px solid rgb(197, 197, 197);
  border-radius: 6px;
  margin-top: 5%;
  box-shadow: inset;
}
.formPopup input::placeholder{
  padding-left: 10px;
  font-size: 14px;
}
.formPopup input[type=text]:hoverus{
  background-color: #f8f2fa;
}
.formPopup input[type=text]:focus{
  outline: none;
}
.formPopup input[type=submit]:hover{
  background-color: #a05b93;
}
.formPopup input[type=submit]:focus{
    outline: none;
    border: none;
    background-color:#743969 ;
}
.formPopup input[type=submit]{
  width: 100%;
  height:6vh;
  border:none;
  border-radius: 15px;
  margin-top: 5vh;
  background-color: #8b4d80;
  color: white;
  text-align: center;
  font-size: 17px;
  margin-top: 5vh;
  cursor: pointer;
}
.radio{
  margin-top: 2vh;
  font-size: 13px;
  margin-left: 2%;
}
::placeholder{
  color: rgb(165, 165, 165);
}