.city-projects{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.project-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    transition:.3s;
}

.project-card:hover{
    transform:translateY(-5px);
}

.project-card img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.project-content{
    padding:20px;
}

.project-content h3{
	  font-size: 25px;
    margin-bottom:10px;
}

.project-btn{
    display:inline-block;
    padding:10px 20px;
    background:#8b2323;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
}

.project-btn:hover{
    color:#fff;
}

.project-details-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 5px;
    margin:20px 0;
}

.project-details-grid div{
    font-size:15px;
    line-height:1.5;
}

.project-details-grid strong{
    font-weight:700;
}

/* Dropdown for Change City  */
.city-selector-form{
    margin-bottom: 20px;
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}

.city-selector-form select{
    min-width:220px;
    height:38px;
    padding:0 10px;
	border: 1px solid #e7e6e6;
}

.city-selector-form button{
	  border: 1px solid #e7e6e6;
	  color: #141617;
    height:38px;
    padding:0 20px;
    cursor:pointer;
	  background-color: #fff;
}

/* Dashboard  */
.dashboard-links {
    display: inline-grid;
    gap: 20px;
}

a.dash-btn {
    border: 1px solid #141617;
    padding: 7px 15px;
    font-size: 16px;
    text-align: center;
}

a.dash-btn:hover {
   border-color: #872326;
}

/* Show Hide Password  */
.password-wrapper{
    position:relative;
    width:530px;
}

.password-wrapper input{
    width:100%;
    padding-right:45px;
}

.password-wrapper i{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    color:#666;
}

/*Register Option */
.register-options{
   display: grid;
   justify-content: center;
}

.register-btn{
    border: none;
    display:block;
    margin:15px 0;
    padding:12px 90px;
    background:#872326;
    color:#fff;
    text-decoration:none;
    border-radius:0px;
    font-size:18px;
    cursor: pointer;
}

.register-btn:hover{
    color:#fff;
}

@media(max-width:768px){
    .city-projects{
        grid-template-columns:1fr;
    }
	.project-details-grid{
        grid-template-columns:1fr;
    }
}