.qp-contact-form{
    padding: 100px 0 141px 0;
    position: relative;
    overflow: hidden;
}
.qp-contact-form::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 540px;
    left: 0;
    background: var(--second-color);
    z-index: -1;
}
.qp-contact-form::before{
    content: "";
    position: absolute;
    width: 1758px;
    height: 1758px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 1758px;
    background: radial-gradient(55.52% 55.52% at 50% 50%, rgba(0, 79, 130, 0.80) 0%, rgba(4, 54, 86, 0.00) 100%);
    filter: blur(100px);
    z-index: -1;
}
.qp-contact-form .form-bg{
    width: 100%;
    height: 540px;
    background: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.qp-contact-form .contact-form-list{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-form-list .title{
    color: var(--text-color-white);
    text-align: center;
    font-family: var(--font-title-family);
    font-size: var(--font-title-size);
    font-style: var(--font-style);
    font-weight: var(--font-title-weight);
    line-height: var(--line-height); /* 150% */
    max-width: 1200px;
}
.contact-form-list .desc{
    color: var(--text-color-white);
    text-align: center;
    font-family: var(--font-family);
    font-size: var(--font-desc-size);
    font-style: var(--font-style);
    font-weight: var(--font-desc-weight);
    line-height: var(--line-height); /* 150% */
    max-width: 1000px;
    margin-top: 12px;
}
.contact-form-list .contact-form-con{
    max-width: 1100px;
    margin-top: 60px;
    background: #fff;
    padding: 70px;
}


#contact-form-con form{
    gap: 50px;
}
#contact-form-con form div{
    margin: 0;
    padding: 0;
}
#contact-form-con .inqury_title_box,
#contact-form-con .char-count{
    display: none;
}
#contact-form-con .half{
    flex: 1;
}
#contact-form-con input{
    height: 70px;
}
#contact-form-con textarea{
    height: 220px;
}
#contact-form-con input,
#contact-form-con textarea{
    border: 1px solid #E7E7E7;
    background: #F2F2F2;
    padding-left: 30px;
}
#contact-form-con .input-label{
    color: var(--text-color-black);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: var(--font-style);
    font-weight: 500;
    line-height: var(--line-height); /* 150% */
    text-transform: capitalize;
    padding-bottom: 10px;
}
#contact-form-con input::placeholder,
#contact-form-con textarea::placeholder {
    color: #999;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: var(--font-style);
    font-weight: 500;
    line-height: var(--line-height); /* 150% */
    text-transform: capitalize;
}
#contact-form-con button[type="submit"] {
    display: inline-flex;
    height: 70px;
    padding: 10px 40px;
    justify-content: center;
    align-items: center;
    gap: 24.329px;
    background: var(--primary-color);
    color: var(--text-color-white);
    text-align: center;
    font-family: var(--font-family);
    font-size: 26px;
    font-style: var(--font-style);
    font-weight: 700;
    line-height: 115.385%; /* 115.385% */
    text-transform: capitalize;
}

@media screen and (max-width: 1200px) {
    .contact-form-list .contact-form-con{
        padding: 30px;
    }
    #contact-form-con form{
        gap: 30px;
    }
    #contact-form-con input{
        height: 50px;
    }
    #contact-form-con button[type="submit"]{
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .qp-contact-form {
        padding: 50px 0;
    }
    .contact-form-list .contact-form-con{
        margin-top: 30px;
        padding: 20px 0;
    }
    #contact-form-con input, #contact-form-con textarea{
        padding-left: 10px;
    }
    #contact-form-con button[type="submit"]{
        height: 50px;
        font-size: 20px;
    }
}