*{
    margin: 0; padding: 0; box-sizing: border-box;
}

body{
    font-family: "Inter", sans-serif;
}

main{
    display: flex; flex-direction: row; justify-content: center; gap: 120px;
    max-width: 992px; margin: 0 auto; padding: 48px 0;
}

.Left_side{
    max-width: 480px; width: 100%;
}

.Top_Info h1{
    font-size: 32px; color: #121417; margin-bottom: 12px;
}

.Top_Info p{
    font-size: 14px; color: #61758a; max-width: 447px; 
}

.forms{
    padding-top: 20px;
    display: flex; flex-direction: column;
}

form{
    display: flex; flex-direction: column; gap: 10px;
}

.text_area{
    display: flex; flex-direction: column;
}

.map_img{
    width: 392px; height: 246px; border-radius: 8px; overflow: hidden;
    object-fit: cover;
}

label{
    font-weight: 500; display: block; color: #121417;
}

input, textarea{
    padding: 12px 22px; border-radius: 8px; outline: none; border: 1px solid #dbe0e5;
    font-size: 16px; font-weight: 400; width: 100%;
}

input:focus, textarea:focus{
    border: 1px solid #1273d4;
}

textarea{
    min-height: 120px; resize: vertical;
}

.btn{
    color: #fff; background: #1273d4;; padding: 10px 12px;
    border: none; outline: none; border-radius: 8px; cursor: pointer;
    width: 120px; font-weight: 700; font-size: 14px; margin-top: 16px;
}

.btn:hover{
    opacity: 0.9;
}

.Top_Info2{
    padding: 0px 16px 20px; 
}

.Top_Info2 h3{
    line-height: 1.2727272727272727em;
}

.Top_Info2 p{
    font-size: 16px; font-weight: 400; line-height: 1.5em; color: #121417;
}

.p_right_info{
    display: flex; flex-direction: column; gap: 8px; padding-left: 10px; padding-top: 15px;
}

.map_img{
    margin-top: 55px;
}