.cityformcontainer{
    width:95%;
    margin:20px auto;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding:20px;
    border-radius: 15px;
    position:relative;
    min-height: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.cityheading{
    color:#00AA00;
}
.dropdown-subcategory{
    width:320px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap:5px;
}
#storecity{
    border: 1px solid #f15a24;
    font-size: 15px;
    padding:5px 10px;
    display: block;
    height:40px;
    width:100%;
    border-radius: 5px;
    outline: none;
    background-color: #fff;
}
.btn{
    border: 1px solid #f15a24;
    padding:5px 10px;
    display: block;
    margin: auto;
    border-radius: 5px;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    font-size: 1.3rem;
    color:#000;
}
.btn:hover{
    background-color: #f15a24;
    color:#fff;
}
.dropdown-subcategory {
        position: relative;
        width: 100%;
        font-family: Arial, sans-serif;
    }


 .dropdown-list {
        position: absolute;
        top:67px;
        background: white;
        border: 1px solid #f15a24;
        border-top: none;
        width: 100%;
        max-height: 150px;
        overflow-y: auto;
        display: none;
        z-index: 999;
        padding:15px;
    }

    .dropdown-list div {
        padding: 8px;
        cursor: pointer;
    }

    .dropdown-list div:hover {
        background-color: #f0f0f0;
    }