.refer-frd {
    padding: 100px 0;
    overflow: hidden;
}

.refer-frd .refer-col1 {
    padding-right: 15px;
}

.refer-frd .refer-col2 {
    padding-left: 15px;
}

.blog-topics {
    padding: 100px 0 60px;
    background-color: var(--alice-blue);
}

.blog-topics .blog-text {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
}

.blog-text .h3,
.blog-text .text-lg {
    padding-right: 15px;
    font-family: 'RedHatDisplay Medium';
}

.recaptcha {
    font-size: 16px;
    margin: 0;
}

.top-input {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.top-input .half-width {
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.ff-textarea {
    margin-bottom: 20px;
}

.ff-textarea .wpcf7-form-control-wrap {
    width: 100%;
}

/* .wpcf7 form label {
    display: none;
} */

.top-input p {
    width: 100%;
}

.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
}

.wpcf7-form .text-left p {
    margin: 0;
}

@media (max-width: 1599px) {
    .refer-frd {
        padding: 80px 0;
    }

    .blog-topics {
        padding: 80px 0 30px;
    }

    .blog-topics .blog-text {
        margin-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .refer-frd {
        padding: 50px 0;
    }

    .blog-topics {
        padding: 50px 0 20px;
    }
}

@media (max-width: 991px) {
    .refer-frd .refer-col1 {
        padding-right: 12px;
        margin-bottom: 30px;
    }

    .refer-frd .refer-col2 {
        padding-left: 12px;
    }
}

@media (max-width: 767px) {
    .blog-topics .blog-text {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-text .h3,
    .blog-text .text-lg {
        padding-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .top-input .half-width {
        width: 100%;
    }
}