*{
    border: none;
}
.a
{   width: 1072px;
    height: 820px;
    position: absolute;
    top: 177px 141px;
    left: 200px;
    border-radius: 20px;
    opacity: 90;
    background-color: 	#F0FFFF;
    box-shadow: -10px -10px 5px rgb(222, 238, 245);
    
}
.b{
    color: rgb(0, 0, 0);
    font-style:inter;
    position: absolute;
    width: 300px;
    height: 5px;
    top: 10px;
    left: 630px;
    font-size: 36px;
    
    
} 
.c{
    width: 475px;
    height: 710px;
    padding: 30px;
    border-radius: 50px;
}
.d
{
  width: 107px;
  height: 106px;
  top: 20px;
  left:40px;
  position: absolute;
}
.e{
    width: 167px;
    height: 29px;
    top: 40px;
    left: 325px;
    border-radius: 10px;
    background-color: #FFF0F5;
    opacity: 65%;
    position: absolute;
}
.f{
    top: 43px;
    left: 348px;
    text-decoration: none;
    position: absolute;
    color: rgb(139, 105, 105);

}
a:hover{
    color: rgb(0, 0, 0);
    opacity: 100px;
}
.g{
   color: #736182;
    position: absolute;
    width: 300px;
    height: 5px;
    top: 35px;
    left: 630px;
    font-size: 20px;
}
.h{
    color: 	#696969;
    position: absolute;
    width: 300px;
    height: 5px;
    top: 52px;
    left: 845px;
    font-size: 20px;
}
.i{
    
    opacity: 0.8;
    position: absolute;
    width: 170px;
    height: 40px;
    top: 150px;
    left: 630px;
    font-size: 20px;
    border-radius: 15px;
    box-sizing: border-box; /* Ensures padding & border are included */
    padding: 15px;
    font-size: 16px;
    background-color: 	#FFF0F5;
    color: rgb(0, 0, 0);
}
.error1{
    width: 225px;
    height: 40px;
    top: 180px;
    left: 640px;
    font-size: 15px;
    position: absolute;
}
.error2{
    width: 225px;
    height: 40px;
    top: 180px;
    left: 825px;
    font-size: 15px;
    position: absolute;
}
.error3{
    opacity: 0.8px;
    position: absolute;
    width: 360px;
    height: 40px;
    top: 255px;
    left:638px;
    font-size: 15px;
}
.j{
    opacity: 0.8;
    position: absolute;
    width: 170px;
    height: 40px;
    top: 150px;
    left:820px;
    font-size: 20px;
    border-radius: 15px;
    box-sizing: border-box; /* Ensures padding & border are included */
    padding: 15px;
    font-size: 16px;
    background-color: 	#FFF0F5;
    color: rgb(0, 0, 0);
}
.k{
    opacity: 0.8;
    position: absolute;
    width: 360px;
    height: 40px;
    top: 225px;
    left:630px;
    font-size: 20px;
    border-radius: 15px;
    box-sizing: border-box; /* Ensures padding & border are included */
    padding: 15px;
    font-size: 16px;
    background-color: 	#FFF0F5;
    color: rgb(0, 0, 0);
}
.l{
    opacity: 0.8;
    position: absolute;
    width: 360px;
    height: 40px;
    top: 300px;
    left:630px;
    font-size: 20px;
    border-radius: 15px;
    box-sizing: border-box; /* Ensures padding & border are included */
    padding: 15px;
    font-size: 16px;
    background-color: 	#FFF0F5;
    color: rgb(0, 0, 0);
}
.m{
      position: absolute;
      top: 395px;
      left: 630px;
      font-size: 18px;
      color: rgb(0, 0, 0);
      padding: 5px;
}
.n{
    position: absolute;
    top: 395px;
    left: 760px;
    font-size: 18px;
    color: 			#696969;
    padding: 5px;
}
.o{
    position: absolute;
    width: 360px;
    height: 40px;
    top: 460px;
    border-radius: 15px;
    padding: 15px;
    background-color: 		#2F4F4F;
    left: 630px;
    color: rgb(255, 255, 255);
    opacity: .5;
}
.p{
    position: absolute;
    width: 170px;
    height: 40px;
    top: 575px;
    border-radius: 15px;
    padding: 15px;
    background-color: #FFF0F5;
    opacity: .6;
    left: 630px;
    color: rgb(0, 0, 0);
}
.q{
    position: absolute;
    width: 170px;
    height: 40px;
    top: 575px;
    border-radius: 15px;
    padding: 15px;
    background-color: #FFF0F5;
    left: 820px;
    color: rgb(0, 0, 0);
    opacity: .6;
    
}
.register{
    position: absolute;
    top: 515px;
    left:760px;
    color: rgb(0, 0, 0);
    opacity: .5;
}
.google{
    position: absolute;
    width: 26px;
    height: 26px;
    top: 583px;
    left: 650px;
}
.apple{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 575px;
    left: 840px;
}
button:hover{
    opacity: 100;
}

.check-label {
    position: absolute;
    top: 656px;
    left: 630px;
    color: white;
    font-size: 18px;
}
.check-input {
    margin-right: 8px;
}
.popmain{
    display: none;
    transition: .5s;
}
.bkrd{
    position: absolute;
    width: 1980px;
    height: 1500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0,.5);
    border-radius: 12px;
}
.pop{
    position: absolute;
    width: 25%;
    height: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
}
.font{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.tickbg{
    background-color:rgb(139, 105, 105,.3);
    width:100%;
    height: 50%;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-70%);
    position: absolute;
    border-radius: 15px;
   text-align: center;
   color: rgb(0, 0, 0);
   font-size: xxx-large;
}
.tick{
    position: absolute;
    height: 50%;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-70%);
    border-radius: 100%;
}
.tickdown{
     background-color: rgb(255, 255, 255);
    width:100%;
    height: 50%;
    top: 85%;
    left: 50%;
    transform: translate(-50%,-70%);
    position: absolute;
   text-align: center;
   color: rgb(0, 0, 0);
   font-size: xxx-large;
   border-radius: 15px;
}
.btm{
    position: absolute;
    top:80%;
    left:40%;
    font-size: 45px;
    border-radius: 10px;
    background-color: rgb(139, 105, 105);
    color: rgb(0, 0, 0,.7);
}
.btm:hover{
    background-color: rgb(139, 105, 105,.3);
}