.contact-section {
    width: 100%;
    background-image: url('../images/contact-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-top: 24rem;
    padding-bottom: 20rem;
    
}

.contact-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    padding: 4rem 6rem;
    border-radius: 5rem;
    background: var(--white, #FFF);
    box-shadow: 0px 141px 200px -80px rgba(25, 58, 75, 0.30);
    gap: 6rem;
    margin-left: 10rem;
    padding-bottom: 5rem;
}

.contact-form h1 {
    color: var(--Black, #12141D);
font-family: Poppins;
font-size: 5.6rem;
font-weight: 700;
line-height: 6rem; /* 107.143% */
letter-spacing: -0.1rem;
}

.contact-form form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem;
}

input,
textarea {
    border: none;
    border-bottom: 1px solid #8E8E8E;
    padding: 2rem 0;
    
}

input::placeholder, textarea::placeholder{
    color: #8E8E8E;
font-family: Inter;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 2.56rem */
letter-spacing: 0.05rem;
}
input,textarea{
    padding-left: 1rem;
    padding-right: 1rem;
}

.form-submit{
    border-radius: 1rem;
background: #8FD0F3;
width: 100%;
padding: 1.6rem 0rem;
color: var(--white);
font-family: Inter;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
}

.contact-infos{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

.infos-phone, .infos-mail{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.infos-mail-content p:first-child, .infos-phone-content p:first-child{
    color: var(--black, #000);
    font-family: Montserrat;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem; /* 153.846% */
    letter-spacing: 0.026rem;
}

.infos-mail-content p:nth-child(2), .infos-phone-content p:nth-child(2){
    color: #000;
font-family: Montserrat;
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 2rem;
letter-spacing: 0.026rem;
}

@media screen and (max-width: 1000px) {
    .contact-form {
        width: 80%;
        padding: 4rem 6rem;
        border-radius: 5rem;
        background: var(--white, #FFF);
        box-shadow: 0px 141px 200px -80px rgba(25, 58, 75, 0.30);
        gap: 6rem;
        margin: 0 auto;
        padding-bottom: 5rem;
    }
}

@media screen and (max-width: 600px) {
    .contact-form {
        width: 95%;
    }
}