#ser{
height: 45px;
width:320px ;
margin-top: 1px;
padding: 10px;
}
#ser:focus{
    outline: 2px solid rgb(9, 243, 255);
}
#btn1{
    border:none;
    background-color: #002f34;
    height: 45px;
    width:50px ;
color: white;
border-top-right-radius:10px ;
border-bottom-right-radius:10px ;
 }   


 
.login{
color:  #002f34;
font-size: 20px;
}
.login:hover{
    color:  #002f34;
text-decoration: none;


}

.sel{
position: absolute;
margin-left: -80px;
padding: 10px;
color: #002f34;
font-weight: bold;
}
.cr1{
background-color: rgb(211, 211, 211);
border-radius:50%;
height:35px ;
border: none;
width:35px ;
}

.pr1{
    background-color: rgb(211, 211, 211);
    border-radius:50%;
    height:35px ;
    border: none;
    width:35px ;

}
.car{
    color:black;
    text-decoration: none;

}
.car:hover{
    color:rgb(67, 129, 255) ;

}
.Property{
    color:black;
    text-decoration: none;

}
.Property:hover{
    color:rgb(67, 129, 255) ;

}
.card{
    width:300px;
   
}
.card:hover{
    cursor: pointer;

   
}
.card .content{
    border-left: 5px solid orange;

}




.card{
    height:auto;
}
.mybtn{
    color:#002f34;margin-top: -50px;font-size:10px;
}
.img1{
    width:100%;
     height:180px;
}
.mthr{
    width: 95%;
    margin-right:auto;
margin-top: 20px;
}
.myp{
    margin-top: -35px;
}
.login_div{
    position: fixed;
    display: none;
place-content: center;
height:100vh ;
justify-content: center;
align-items: center;
top: 0px;
width:100% ;
z-index:9999;
}
.signup_div{
    position: fixed;
    display: none;
place-content: center;
height:100vh ;
justify-content: center;
align-items: center;
top: 0px;
width:100% ;
z-index:9999;
}
#signin{

  box-shadow:0px  10px 10px rgba(0, 0, 0, 0.4) ;
    background-color: rgb(255, 255, 255);
    width:400px ;
   
}
#signup{

  box-shadow:0px  10px 10px rgba(0, 0, 0, 0.4) ;
    background-color: rgb(255, 255, 255);
    width:400px ;
   
}
.content1{
    display: flex;
    align-items: center;
flex-direction: column;
color: #002f34;
}
.content2{
    display: flex;
    align-items: center;
flex-direction: column;
color: #002f34;
}
.inputs{
width:100%;
display: flex;
align-items: center;
flex-direction: column;
}
.inputs1{
width:100%;
display: flex;
align-items: center;
flex-direction: column;
}
.inputs input{
margin: 10px;
width: 370px;
padding: 7px;
    }
.inputs1 input{
margin: 10px;
width: 370px;
padding: 7px;
    }
    input:focus{
        border: none;
        outline: 1px solid rgb(4, 207, 211);
    }
    .inputs button{
        margin: 10px;
        width: 370px;
        padding: 7px;
           background-color: #002f34;
           border:1px solid #002f34;
           color: white;
            }
    .inputs1 button{
        margin: 10px;
        width: 370px;
        padding: 7px;
           background-color: #002f34;
           border:1px solid #002f34;
           color: white;
            }
            #log{
border: none;
background-color:transparent;
text-decoration: underline;
            }