#contact{
    padding-top: 192px;
}
.contact-background{
    width: 100%;
}
.contact-background img{
    width: 100%;
    height: 100%;
}
.contact-content{
    padding: 95px 12.4% 241px 12.4%;
}
.headline{
    font-size: 36px;
    line-height: 42px;
    color: #333333;
}
.subheading{
    font-size: 20px;
    line-height: 26px;
    color: #4D4D4D;
    font-weight: bold;
}
.contact-form{
    margin-top: 164px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.contact-form .layui-form{
    flex: 1;
}
.contact-form label{
    display: block;
    margin-bottom: 14px;
    font-size: 18px;
}
.contact-form label::after{
    content: "*";
    color: red;
    margin-left: 5px;
}
.contact-form .layui-form-item{
    margin-bottom: 0;
}
.name-email{
    display: flex;
    justify-content: space-between;
}
.name-email .w50:first-child{
    margin-right: 20px;
}
.layui-input, .layui-select, .layui-textarea{
    border: none;
    height: 44px;
    line-height: 44px;
    background-color: #F8F8F8;
}
.layui-textarea{
    height: 100px;
}
.w50{
    width: 50%;
}
.sumbit-btn button{
    height: 44px;
    width: 100%;
    background-color: #1E50AE;
}
.map-box{
    display: flex;
    align-items: end;
}

.contact-form .layui-input{
    border: none;
    background-color: #F8F8F8;
}
.contact-form .layui-textarea{
    border: none;
    background-color: #F8F8F8;
    resize: none;
}
.contact-form .layui-input:focus,
.contact-form .layui-textarea:focus {
    border: none; 
    outline: none; 
    box-shadow: none; 
}