/*-----------------------
    Request quote
 ------------------------*/

.request__form {
    background-color: #fff;
    box-shadow: 0px 1px 73px 0px rgba(40, 40, 40, 0.15);
    margin-bottom: 30px;

    .request__form-title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 8px;
    }

    .request__form-body {
        padding: 50px;
    }

    .input-radio {
        margin-right: 20px;

        &:last-child {
            margin-right: 0;
        }
    }
}

.request-quote-2 {
    .request-quote-panel {
        display: flex;
        flex-wrap: wrap;
    }

    .request__form {
        flex-basis: 64%;
    }

    .request__form-body {
        padding: 60px 80px;
    }

    .request__panel-banner {
        flex-basis: 36%;
        padding: 60px;
        position: relative;

        .request__panel-title {
            font-size: 22px;
            line-height: 32px;
            color: $color-white;
            margin-bottom: 27px;
        }

        .request__panel-desc {
            font-size: 14px;
            line-height: 24px;
            color: $color-white;
        }

        .btn {
            width: 280px;
            position: absolute;
            bottom: 60px;
        }
    }
}

.features-list-layout2+.request-quote-2 {
    margin-top: -120px;
    z-index: 3;
}

@media only screen and (min-width: 1400px) {
    .request__form-body {
        padding: 60px 80px;
    }
}

/* Large Size Screens */
@media only screen and (max-width: 1200px) {
    .request__form {

        .request__form-body {
            padding: 50px 20px;
        }
    }
}

/* Medium Size Screens */
@include md-screens {
    .request__form {

        .request__form-body {
            padding: 30px 20px;
        }
    }

    .request-quote-2 .request-quote-panel {
        display: block;
    }

    .request-quote-2 .request__panel-banner .btn {
        position: static;
    }
}

@include xs-sm-screens {
    .request__form {
        margin-right: 0 !important;
        margin-left: 0 !important;

        .request__form-body {
            padding: 30px 20px;
        }
    }

    .request-quote-2 .request__panel-banner {
        padding: 30px;

        .request__panel-title {
            margin-bottom: 20px;
        }

        .btn {
            position: static;
        }
    }

    .request-quote-2 .request-quote-panel {
        display: block;
    }
}

/* Extra Small Devices */
@include xs-screens {

    .request__form .request__form-body {
        padding: 20px;
    }

    .request__form .request__form-header {
        padding: 15px 10px;

        i {
            font-size: 20px;
            margin-right: 5px;
        }

        .request__form-title {
            font-size: 13px;
        }
    }

    .request-quote-2 .request__panel-banner {
        padding: 30px;

        .request__panel-title {
            margin-bottom: 15px;
        }
    }
}