.contact-content{
    display: flex;
    justify-content: flex-end;
}
.contact-form{
    width: 290%;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 100px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
input{
    border: none;
    border-bottom: 1px solid #666666;
    padding: 15px 0;
    width: 48%;
}
.form-row{
    justify-content: space-between;
    display: flex;
}
textarea{
    border: none;
    border-bottom: 1px solid #666666;
    padding: 25px 0;
    width: 100%;
}
.contact-btn{
    border: none;
    border-radius: 1234px;
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #FE6E01;
    color: white;
}
input::placeholder,
textarea::placeholder {
    font-family: 'Poppins', sans-serif; /* Replace with your desired font */
    font-size: 16px; /* Adjust size as needed */
    color: #666666; /* Adjust color as needed */
}


.contact-details{
position: relative;
width: 100%;
height: auto;
z-index: 1;
}
.contact-form h3{
    font-size: 30px;
}
.map{
position: absolute;
z-index: 0;
top: 12px;
bottom: -16px;
left: 0;
width: 145%;

}
.map img{
height: 100%;
}
.details{
    position: relative;  
    top: 45px;
    left: 45px;
}
.details p{
    color: white;
    padding: 10px 0;
    display: flex;
    width:100%;
}
.details h3{
    color: white;
    text-transform: uppercase;
    font-size: 30px;
}
.fa-envelope:before {
    content: "\f0e0";
    color: #FE6E01;
    margin-right: 14px;
}
.fa-location-arrow:before {
    content: "\f124";
    color: #FE6E01;
}
.fa-phone:before {
    content: "\f095";
    color: #FE6E01;
}