
.feedback {
    color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(105deg, rgba(226,226,226,0) 36%, rgba(226,226,226,0.8) 45%, rgba(226,226,226,0.83) 46%, rgba(236,236,236,1) 53%, rgba(242,242,242,1) 57%, rgba(178,178,178,1) 100%);
}
.feedback-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 60%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}
.feedback-form {
    padding: 36px 0;
    width: 412px;
    max-width: 50%;
    margin: 0 40px;
}
.feedback-form h2,
.feedback-form .h2 {
    color: #FF5740;
    margin-bottom: 10px;
}
.feedback-form form {
    margin-top: 22px;
}
.form-control {
    padding: 0 15px;
    font-size: 1em;
    font-weight: 400;
    color: #000;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 100px;
    font-family: "Heebo", serif;
    background-color: transparent;
    height: 50px;
}
.feedback-form .btn-light {
    border: none;
}
.feedback-form .btn-primary:hover,.feedback-form .btn-primary:active,.feedback-form .btn-primary:focus,.feedback-form .btn-primary:focus:active {
    background: #000;
    color: #fff;
}

.feedback-form input::-webkit-input-placeholder {color:#000;}
.feedback-form input::-moz-placeholder          {color:#000;}
.feedback-form input:-moz-placeholder           {color:#000;}
.feedback-form input:-ms-input-placeholder      {color:#000;}


@media (max-width: 991px) {

    .feedback {
        background: transparent;
    }
    .feedback-form {
        padding: 28px 14px;
       max-width: 100%;
       width: 100%;
       margin: 0;
        position: relative;
        background: linear-gradient(
            to bottom, 
            rgba(226, 226, 226, 1) 0%, 
            rgba(223, 223, 223, 1) 33%, 
            rgba(178, 178, 178, 1) 66%, 
            rgba(227, 227, 227, 1) 100%
        );
    }
    .feedback-form form {
        width: 412px;
        max-width: 100%;
        margin: 0 auto;
    }
    .feedback-form:after {
        content: '';
        position: absolute;
        top: 100%;
        margin-top: -1px;
        left: -10000px;
        right: -1000px;
        height: 40px;
        background: linear-gradient(
            to bottom, 
            rgba(227, 227, 227, 1) 0%, 
            rgba(227, 227, 227, .7) 66%, 
            rgba(227, 227, 227, 0) 100%
        );

    }
    .feedback-img {
        position: static;
        width: 140%;
        max-width: none;
        margin: 0 -20% 0 0;
        height: auto;
        top: auto;
    }
    .feedback-form h2, .feedback-form .h2 {
        margin-bottom: 5px;
    }
    .form-control {
        height: 44px;
    }
    form .btn {
        margin-top: 15px;
    }
}