@font-face {
     font-family: Charukola-Round-Head-Unicode;
     src:url("fonts/Charukola-Round-Head-Unicode.ttf");
}
 .Charukola-Round-Head-Unicode{
     font-family: Charukola-Round-Head-Unicode;
}
 @font-face {
     font-family: Bornopata;
     src:url("fonts/Bornopata.ttf");
}
 .Bornopata{
     font-family: Bornopata;
}
 @font-face {
     font-family: Hind_Siliguri-Regular;
     src:url("fonts/Hind_Siliguri-Regular.ttf");
}
 .Hind_Siliguri-Regular{
     font-family: Hind_Siliguri-Regular;
}
 @font-face {
     font-family: KohinoorBangla-Light;
     src:url("fonts/KohinoorBangla-Light.otf");
}
 .KohinoorBangla-Light{
     font-family: KohinoorBangla-Light;
}
 @font-face {
     font-family: KohinoorBangla-Regular;
     src:url("fonts/KohinoorBangla-Regular.otf");
}
 .KohinoorBangla-Regular{
     font-family: KohinoorBangla-Regular;
}
 @font-face {
     font-family: Lato;
     src:url("fonts/Lato.ttf");
}
 .Lato{
     font-family: Lato;
}
 @font-face {
     font-family: Ruposhi-Bangla;
     src:url("fonts/Ruposhi-Bangla.ttf");
}
 .Ruposhi-Bangla{
     font-family: Ruposhi-Bangla;
}
 body{
     margin: 0;
     padding: 0;
     background-image: url("bg1.jpg");
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100% ;
     font-family: "Ruposhi-Bangla";
}
 .register{
     color: white;
     position: absolute;
     top: 68%;
     left: 50%;
     text-align:center;
     transform: translate(-50%,-50%);
     width: 450px;
     padding: 25px;
     background: rgba(0,0,0,0.8);
     box-sizing: border-box;
     box-shadow: 0 15px 25px rgba(0,0,0,0.8);
     border-radius: 10px;
     font-family: "Ruposhi-Bangla";
     background-size: cover;
}
 .register h2{
     margin-top: 4px;
     margin-bottom: 20px;
     padding: 0;
     color: #fff;
     text-align: center;
     font-family: "Ruposhi-Bangla";
     font-size: 24px;
}
 .register .input-box{
     position: relative;
     font-family: "Ruposhi-Bangla";
     padding: 8px;
}
 .register .input-box input{
     width: 370px;
     left: 8px;
     padding: 4px;
     font-size: 20px;
     color: white;
     margin-bottom: 12px;
     border: none;
     border-bottom: 1.2px solid #03a9f4;
     outline: none;
     background: transparent;
     font-family: "Ruposhi-Bangla";
}
 input:-webkit-autofill {
     color: rgba(0,0,0,0.8);
}
 .register .input-box label{
     position: absolute;
     top: 0;
     left: 8px;
     padding: 10px 0;
     font-size: 20px;
     color: #fff;
     pointer-events: none;
     transition: 0.8s;
     font-family: "Ruposhi-Bangla";
}
 .register .input-box input:focus ~ label, .register .input-box input:valid ~ label{
     top: -16px;
     left: 0;
     color: #03a9f4;
     font-size: 22px;
     font-family: "Ruposhi-Bangla";
}
 .register button[type="submit"]{
     background: transparent;
     border:none;
     width: 180px;
     height: 46px;
     outline: none;
     color: #fff;
     background: #ed0e3f;
     padding: 10px 20px;
     cursor: pointer;
     border-radius: 6px;
     font-size: 20px;
     font-style: bold;
     font-family: "Ruposhi-Bangla";
}
 .register button[type="submit"]:hover {
     cursor: pointer;
     background: #39dc79;
     color: #00;
     font-family: "Ruposhi-Bangla";
     font-weight: bold;
     font-size: 22px;
}
 .register a{
     color: #24fc03;
}
 .register .row1{
     margin-top: -10px;
     position: relative;
     text-align: left;
     left: 8px;
     font-size: 20px;
     font-family: "Ruposhi-Bangla";
}
 .register .row2{
     position: relative;
     font-size: 20px;
     text-align: left;
     left: 8px;
     font-family: "Ruposhi-Bangla";
}
 .register .row3{
     margin-top: -10px;
     position: relative;
     text-align: left;
     left: 8px;
     font-size: 20px;
     font-family: "Ruposhi-Bangla";
}
 select{
     position: relative;
     text-align: center;
     appearance:none;
     outline: none;
     box-shadow: none;
     background: rgba(0,0,0,0);
     width: 370px;
     border-color: #03a9f4;
     color: black;
     font-family: "Ruposhi-Bangla";
}
 .select{
     border-color: #03a9f4;
     position: relative;
     left: 3px;
     display: block;
     width: 398px;
     height: 43.5px;
     line-height: 3;
     font-family: "Ruposhi-Bangla";
}
 select{
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0 0 0 .5em;
     color: #fff;
     font-size: 18px;
     letter-spacing: .8px;
     cursor: pointer;
     font-family: "Ruposhi-Bangla";
}
 .select::after{
     content: '\25bc';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     padding: 0 0.5em;
     height: 0.5px;
     left:373px;
     background: rgba(0,0,0,1.0);
     pointer-events: none;
     font-family: "Ruposhi-Bangla";
}
 .select:hover::after{
     color: #31a3e4;
}
 .select::after{
     transition: .5s all ease;
}
 select option {
     background: rgba(0, 0, 0, 0.9);
}
 .footer{
     cursor: pointer;
     position: fixed;
     text-align: center;
     background: transparent;
     bottom: -5px;
     width: 100%;
     line-height: 40%;
     font-size: 106%;
     font-family: "Lato";
}
 .footer:hover{
     cursor: pointer;
     position: fixed;
     text-align: center;
     background: #00FFFF;
     bottom: -5px;
     width: 100%;
     line-height: 40%;
     font-size: 106%;
     font-family: "Lato";
}