/* Reset and Font Import */
@import url('https://fonts.googleapis.com/css?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Contact Page Styles */
.contact {
    position: relative;
    min-height: 100vh;
    padding: 0px 0px 0px 0px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url('/static/images/ImmagineYoga5.png');
    background-size: cover;
}

.contact_us_title h2 {
    font-size: 80px;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

/* Updated styles for the "Go Back" element */
.go-back {
    height: 100px;
    display: flex;
    align-items: center;
    margin-left: 10px; /* Adjust the right margin to move it to the right */
}

.go-back a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
}

#back-arrow {
    font-size: 60px;
}

.contact .logo {
    max-width: 600px;
    z-index: 1;
    margin: 0 auto;
    display: block;
}

/* Contact Info Styles */
.container {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.container .contactInfo {
    width: 100%;
    display: flex;
    padding: 20px 20px 20px 20px;
}

.column {
    flex: 1;
}

.container .contactInfo .box {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 40px;
}

.container .contactInfo .box .icon {
    width: 80px;
    height: 80px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 50px;
    margin-right: 20px;
    color: black;
}

.column .box .text {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}

.column .box .text h3 {
    font-weight: 500;
    color: #00bcd4;
    margin: 0;
}

#indirizzo {
    width: 80px;
    position: relative; /* Set the position to relative */
    top: -20px; /* Adjust this value as needed to lift the icon */
}
#displaybrutto{
    color: transparent; /* Trucco per poter allineare le scritte */
}

@media (max-width: 1000px) {
    .contact_us_title h2 {
        font-size: 100px;
    }
    .go-back a {
        font-size: 50px;
    }
    #indirizzo {
        width: 120px;
        position: relative; /* Set the position to relative */
        top: -60px; /* Adjust this value as needed to lift the icon */
    }
}