.contact-form-holder {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.contact-form-holder .item {
    width: calc(1/2*100% - (1 - 1/2)*30px);
}

.contact-form-holder .form-holder {
    background: var(--light-grey--section-background);
    padding: 30px;
}

.contact-form-holder .content {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
}

.contact-form-holder .conatct-box.text {
    width: 100%;
} 

.contact-form-holder .conatct-box {
    background: var(--light-grey--section-background);
    padding: 30px;
    width: calc(1/2*100% - (1 - 1/2)*30px);
}

.contact-form-holder .conatct-box .title {
    font-weight: 700;
    position: relative;
    padding-top: 50px;
    margin-bottom: 10px;
}

.contact-form-holder .conatct-box .title:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
}

@media only screen and (max-width:991px) {
    .contact-form-holder .item {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .contact-form-holder .conatct-box {
        width: 100%;
    }
}