@charset "UTF-8";
.main {
    background-color: rgba(255, 255, 255, 0.10);
}
h2 {
    border-bottom: none;
}
.contact {
    display: flex;
    padding: 100px 0;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
}
.section_contact_ttl {
    display: flex;
    width: 300px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.contact_ttl {
    text-align: center;
    font-family: "Playfair Display";
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1.25px;
}
.contact_txt {
    text-align: center;
    font-family: "Playfair Display";
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.65px;
}


.contact_topics {
    display: flex;
    width: 340px;
    padding: 50px 10px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 10px;
    background-color: var(--default_white, #FFF);
}
.contact_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.contact_menu_insta img, .contact_menu_tiktok img, .contact_menu_mail img {
    width: 30px;
    height: 30px;
}
.contact_menu_insta a, .contact_menu_tiktok a {
    text-align: center;
    font-family: "Playfair Display";
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.75px;
}
.contact_menu .or_text {
    text-align: center;
    font-family: "Playfair Display";
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.contact_menu_insta, .contact_menu_tiktok {
    display: flex;
    width: 160px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--text_color, #56452D);
}
.contact_menu_mail {
    display: flex;
    width: 100px;
    padding-bottom: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--text_color, #56452D);
}


.contact_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}
.FullName, .Email {
    width: 300px;
    height: 20px;
    padding: 10px;
    align-items: center;
    border: 1px solid var(--text_color, #56452D);
    font-family: "Playfair Display";
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.Message {
    width: 300px;
    height: 80px;
    padding: 10px;
    align-items: center;
    border: 1px solid var(--text_color, #56452D);
    font-family: "Playfair Display";
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.7px;
}
.Submit {
    width: 100px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--text_color, #56452D);
    text-align: center;
    font-family: "Playfair Display";
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.7px;
    padding: 10px;
    transition: 0.3s;
}
.Submit:hover {
    background-color: var(--text_color, #56452D);
    color: #fff;
}


.address {
    text-align: center;
    font-family: "Playfair Display";
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.75px;
}
.map {
    width: 350px;
    height: 200px;
}
.map_contaner {
    display: flex;
    /* width: 350px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}
.address_contaner img {
    width: 20px;
    height: 20px;   
}
.address_contaner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}