.contact-form-component {
    background: var(--form-component-background);
    color: var(--form-component-text);
    padding: 60px;
    box-shadow:  0 3px 20px rgba(0, 0, 0, .16);
    display: flex;
    gap: 50px;
    align-items: flex-start;
    border-radius: 30px;
}

.contact-form-component .gform_wrapper {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.contact-form-component .text-component h2, 
.contact-form-component .text-component h3, 
.contact-form-component .text-component h4,
.contact-form-component .text-component h5 {
    color: var(--form-component-title);
}

.contact-form-component .text-component h2:before,
.section--primary .contact-form-component .text-component h2:before,
.section--secondary .contact-form-component .text-component h2:before {
    background: var(--form-component-background);
    color: var(--form-component-icon);
} 

.contact-form-component .text-component h2:after,
.section--primary .contact-form-component .text-component h2:after,
.section--secondary .contact-form-component .text-component h2:after {
    background-image: repeating-linear-gradient(90deg, var(--form-component-icon), var(--form-component-icon) 4px, transparent 4px, transparent 8px);
} 

.contact-form-component .form {
    min-width: 50%;
}

.contact-box-info .info-item {
    position: relative;
    padding-left: 60px;
    padding-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
}

.contact-box-info .info-item:before {
    font-size: 30px;
    color: var(--form-component-icon);
    position: absolute;
    top: 10px;
    left: 0;
}

.contact-box-info .info-item a {
    color: var(--form-component-text)
}

.contact-box-info .info-item .item-title {
    font-size: 14px;
    color: var(--form-component-icon);
}

@media only screen and (max-width: 991px) {
    .contact-form-component {
        flex-wrap: wrap;
        gap: 50px;
        padding: 30px;
    }

    .contact-box-info {
        width: 100%;
    }

}