@font-face{
    
  font-family:'circularSp-arab,circularSp-Hebr';
  src:url('reg.woff2');
}

*{
box-sizing: border-box;
width: 100%;
font-family: 'circularSp-arab,circularSp-Hebr';
outline: none;

}

header img{
width:120px;
margin:20px;

}


body{
background: black;
margin: 0;
}

main{
margin:40px 0;
text-align: center;
}
.continer{
   background: #121212;
  display: inline-block;
  width: 500px;
  border-radius: 5px;
  padding:61px;
}
.col input{
 
  width:100%;
  padding:17px;
  border-radius:8px;
  border:solid 1px #00000052;
   font-size:1em;
}
.col label{
color:white;
  text-align:left;
    display:block;
  font-size:1em;
  margin:5px 0;
}
.but button{
  width:100%;
  font-size:1em;
  padding:10px;
  color:white;
  background-color:#d61010;
  border: none;
  border-radius:4px;
  margin-left:20px;
}

.title h2{
display:block;
  font-weight: bold;
  text-align:left;
  color:white;    
}

.cardlogo img{
text-align:left;
width:200px;
}
.form-container {
  width: 600px;
  margin: 20px;
  font-family: Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.col input{
    width: 100%;
  padding: 18px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}
 .col select{
  width: 100%;
  padding: 18px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.card-details {
  display: flex;
  justify-content: space-between;
}

.card-details div {
  width: 48%;
}
.cardlogo img{
  display:block;
    width:300px;
   text-align:left;
   
}
.but button{
  width:50%;
  font-size: 1em;
    padding:12px;
    border:none;
    border-radius:30px;
    background:#1ed760;
    font-weight:bold;
  }
  .titles_holder{
    color:white;
    
  }

.heads p{
 color:white;
}

.sms-title h1{
color:white;
}

@media screen and (max-width: 800px) {

  header img{
    width:190px;
  }


.continer{
border-radius: 8px;
display: inline-block;
width: 400px;
background: #121212;
padding:50px;
}
.title img{
  width:200px;
}

  .continer{
  border-radius: 8px;
display: inline-block;
width: 390px;
background: #121212;
padding:20px;
}
.col label {
  font-size:1em;
}

.col input{
  padding:20px;
}

.but button{
  padding:10px;
 font-size:1em;
}

.forget a{
font-size:1.4em;
}

.forget {
margin:50px 0;
}

.sign label{
font-size:1.6em;
}

.sign a{
color:white;
margin:0px 3px;
}


.bottom{
display:none;
}
}