@import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');


#header{
    background: conic-gradient(rgba(253, 23, 23, 0.562), black 50%,black 45%, rgba(253, 23, 23, 0.562));
}

.map iframe {
    height: 400px;
    width: 100%;
}

.form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 100px;
}

.form .img-text {
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 20px;
    font-family: "Playfair Display", serif;
}

.form .img-text .expert {
    height: 100px;
}

.form .img-text p span {
    color: red;
}

.form .img-text p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 450px;
}

.form .c-form {
    padding: 40px 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    font-family: "Playfair Display", serif;
}

.form .c-form .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.form .c-form p {
    width: 450px;
}

.form .c-form form {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 20px;
}

.form .c-form form input {
    height: 40px;
    width: 400px;
    border: 1px solid gray;
    padding: 0px 10px;
    outline: none;
}

.form .c-form form textarea {
    height: 150px;
    width: 400px;
    padding: 10px;
    outline: none;
}

.form .c-form form button {
    text-transform: uppercase;
    font-family: 'Poppins';
    padding: 20px 30px;
    border: none;
    background-color: #f33523;
    color: white;
    letter-spacing: 2px;
}

@media (max-width: 1025px) {
    .form {
        gap: 30px;
    }
}

@media (max-width: 1000px) {
    .form{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .form {
        display: flex;
        flex-direction: column;
    }

    .form .img-text p {
        width: 360px;
    }

    .form .c-form{
        display: flex;
        align-items: center;
    }

    .form .c-form p{
        width: 360px;
    }

    .form .c-form form{
        display: flex;
        align-items: center;
    }

    .form .c-form form input{
        width: 360px;
    }

    .form .c-form form textarea{
        width: 358px;
    }
}