*{
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: IRANSans;
}
body{
    background: url("../assets/main.png");
    background-size: cover;
    position: relative;
}
.logo img{
width: 100%;
}
.logo{
    position: absolute;
    top: 15%;
    left: 35%;
    width: 30%;
}
form{
    background: #FFFFFF24;
    border-radius: 8px;
    padding: 16px;
    backdrop-filter: blur(8px);
    margin-top: 25%;
    position: absolute;
    width: 60%;
    left: 20%;
}
@media (max-width: 1200px) {
    form{
        background: #FFFFFF24;
        border-radius: 8px;
        padding: 16px;
        backdrop-filter: blur(8px);
        margin-top: 25%;
        position: absolute;
        width: 90%;
        left: 5%;
    }
}
#map{
    width: 100%;
    max-height: 500px;
    min-height: 350px;
}